
  
  .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}
  .close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
  button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
  .modal-open{overflow:hidden}
  .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
  .modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate3d(0,-25%,0);-o-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}
  .modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .modal-open .modal{overflow-x:hidden;overflow-y:auto}
  .modal-dialog{position:relative;width:auto;margin:10px}
  .modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
  .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
  .modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
  .modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
  .modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}
  .modal-header .close{margin-top:-2px}
  .modal-title{margin:0;line-height:1.42857143}
  .modal-body{position:relative;padding:15px}
  .modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
  .modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
  .modal-footer .btn-group .btn+.btn{margin-left:-1px}
  .modal-footer .btn-block+.btn-block{margin-left:0}
  .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
  @media (min-width:768px){.modal-dialog{ width: 450px; margin: 30px auto }
  .modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
  .modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}
  .tooltip.in{filter:alpha(opacity=90);opacity:.9}
  .tooltip.top{padding:5px 0;margin-top:-3px}
  .tooltip.right{padding:0 5px;margin-left:3px}
  .tooltip.bottom{padding:5px 0;margin-top:3px}
  .tooltip.left{padding:0 5px;margin-left:-3px}
  .tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}
  .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
  .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
  .tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}
  .tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-width:5px 5px 0;border-top-color:#000}
  .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
  .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
  .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
  .tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}
  .tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}
  .popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
  .popover.top{margin-top:-10px}
  .popover.right{margin-left:10px}
  .popover.bottom{margin-top:10px}
  .popover.left{margin-left:-10px}
  .popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
  .popover-content{padding:9px 14px}
  .popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
  .popover>.arrow{border-width:11px}
  .popover>.arrow:after{content:"";border-width:10px}
  .popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}
  .popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}
  .popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}
  .popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}
  .popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}
  .popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}
  .popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}
  .popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}
  .carousel{position:relative}
  
  .lanrenzhijia{width:900px;margin:50px auto;background:#fff;padding:15px;box-shadow:0 0 10px #ccc;}
  .lanrenzhijia .title{height:20px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;}
  .lanrenzhijia .title h2{ font-size: 20px;font-family: "microsoft yahei"; }
  .lanrenzhijia .title-list{ position: relative; top: 6px; margin-left:30px;}
  .lanrenzhijia .title-list li{ width: 146px; line-height: 20px; text-align: center; float: left; display: inline;}
  .lanrenzhijia .title-list li.on{ color: #46d2c7; font-weight: bold;}
  .lanrenzhijia .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #46d2c7; overflow: hidden; text-align: center;}
  .lanrenzhijia .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #46d2c7 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
  .navbar-right {
      margin-right: 0px!important;
      float: right!important;
  }
  .btn-primary {
      color: #fff!important;
  }
  .clearfix:after {
    display: table;
      content: " ";
      clear: both;
  }
  .clearfix:before{
    display: table;
      content: " ";
  }
  .panel {
      margin-bottom: 20px;
      background-color: #fff;
      border: 1px solid transparent;
      border-radius: 4px;
      -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
      box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
  }
  .product{ height:auto; position: relative; overflow: hidden;  margin-top: 20px;}
  .product ul{ position: absolute; left: 0px;}
  .product-wrap .show{ display: block;}
  .product-wrap .product li{ float: left; display: inline; margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
  .product-wrap .product li.ml0{margin-left:0px;}
  .product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;}
  .product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
  .product-wrap .product li p a{ color: #666666; text-decoration: none;}
  .product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}
  .panel-default {
      border: none;
      padding: 0 15px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-border-radius: 2px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 2px;
      -moz-background-clip: padding;
      border-radius: 2px;
      background-clip: padding-box;
    }
    .panel-default > .panel-heading {
      position: relative;
      padding: 15px 0;
      background: #fff;
      border-bottom: 1px solid #f5f5f5;
    }
    .panel-default > .panel-heading .panel-title {
      font-size: 16px;
      display:inline-block;
      line-height: 30px;
      /*color: @gray-dark;*/
    }
    .panel-default > .panel-heading .panel-title > i {
      display: none;
    }
    .panel-default > .panel-heading small {
      font-weight: normal;
      color: #999;
      font-size: 13px;
    }
    .panel-default > .panel-heading .more {
      position: absolute;
      top: 13px;
      right: 0;
      display: block;
      color: #919191;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      font-weight: 400;
      font-size: 13px;
    }
    .panel-default > .panel-heading .more:hover {
      color: #616161;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .panel-default > .panel-heading div.more {
      top: 17px;
    }
    .panel-default > .panel-heading .panel-bar {
      position: absolute;
      top: 7px;
      right: 0;
      display: block;
    }
    .panel-default > .panel-footer {
      padding: 15px 0;
      background: none;
    }
    .panel-default > .panel-body {
      position: relative;
      padding: 15px 0;
    }
  #comment-container #commentlist dl {
      position: relative;
      border-bottom: 1px solid #eee;
      clear: both;
      padding: 10px 0;
      margin-bottom: 5px;
    }
    #comment-container #commentlist dl dt {
      float: left;
      margin-right: 10px;
      width: 44px;
      height: 44px;
      display: block;
      position: absolute;
    }
    #comment-container #commentlist dl dt a img {
      width: 40px!important;
      height: 40px!important;
      border-radius: 50%;
    }
    #comment-container #commentlist dl dd {
      padding-left: 55px;
      float: left;
      width: 100%;
    }
    #comment-container #commentlist dl dd cite a {
      color: #0084ff;
    }
    #comment-container #commentlist dl dd small {
      color: #999;
      margin: 0 0 0 3px;
      height: 20px;
      line-height: 20px;
      font-size: 13px;
    }
    #comment-container #commentlist dl dd small a {
      display: inline-block;
    }
    #comment-container #commentlist dl dd dl {
      margin: 0px;
      border-top: 1px solid #eee;
      border-bottom: none;
      padding-top: 15px;
      padding-bottom: 0;
    }
    #comment-container #commentlist dl dd dl dd {
      width: 550px;
    }
    #comment-container #commentlist dl dd .pee_fee {
      margin-top: 5px;
      margin-bottom: 10px;
      line-height: 24px;
      font-size: 14px;
    }
    #comment-container #commentlist dl dd .pee_fee em {
      font-style: normal;
      display: inline-block;
      padding: 0 5px;
      height: 22px;
      line-height: 22px;
      font-weight: 400;
      font-size: 13px;
      text-align: center;
      color: #0084ff;
      background: rgba(0, 132, 255, 0.1);
      border-radius: 2px;
    }
    #comment-container #commentlist cite {
      font-style: normal;
    }
    #comment-container h3 {
      position: relative;
      font-size: 16px;
      padding: 15px 0;
      background: #fff;
    }
    #comment-container h3 a {
     /* display: none;*/
    }
    #comment-container #postcomment .form-group {
      margin-bottom: 10px;
      position: relative;
    }
    #comment-container #postcomment label {
      font-weight: normal;
    }
    #comment-container #postcomment a small {
      display: inline !important;
    }
  .cbody p{
    line-height: 30px;
      font-size: 16px;
  }
  .cbody p b{
      line-height: 36px;
      font-size: 18px;
  }
/* 效果CSS开始 */
.mod18{width:480px;position:relative;margin:0 auto;}
.mod18 .btns{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:5px;background:url(/static/style_cp/images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:200px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:440px;width:10px;height:108px; background-color: #46d2c7;background-position-y: 44px;}
.mod18 #prevTop{background:url(/static/style_cp/images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(/static/style_cp/images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:5px;background:url(/static/style_cp/images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;text-align:center;
  margin: 0 auto;}
.mod18 .cf li span{display:block;width:380px;position:absolute;left:40px;bottom:0;padding:10px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mod18 .picBox{width:400px; height:400px; padding-left:40px; padding-right:40px;position:relative;overflow:hidden;padding-top:20px;}
.mod18 .picBox ul{height:400px;position:absolute; left:0;}
.mod18 .picBox li{padding-left:40px; padding-right:1px; width:400px;height:400px;}
.mod18 .listBox{width: 440px;height:130px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:120px;position:absolute;}
.mod18 .listBox li{width:120px;height:118px;cursor:pointer;position:relative; padding:5px 0 0 0;opacity: 1;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:108px;background-color:#cfa972;opacity: 0.6;}
.mod18 .listBox img{background-color:#cfa972;opacity: 0.6;}
.mod18 .listBox .on a{opacity: 1;}
.mod18 .listBox .on img{opacity: 1;}
.mod18 .listBox .on i{display:block;}
.listBox img{width: 100%}
