/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-bond {
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
  width: 16px;
  height: 16px; }

.icon-business {
  background-image: url(../images/sprite.png);
  background-position: -16px 0px;
  width: 16px;
  height: 16px; }

.icon-credit {
  background-image: url(../images/sprite.png);
  background-position: 0px -16px;
  width: 16px;
  height: 16px; }

.icon-field {
  background-image: url(../images/sprite.png);
  background-position: -16px -16px;
  width: 16px;
  height: 16px; }

.icon-gold_medal {
  background-image: url(../images/sprite.png);
  background-position: -32px 0px;
  width: 16px;
  height: 16px; }

.icon-insurance {
  background-image: url(../images/sprite.png);
  background-position: -32px -16px;
  width: 16px;
  height: 16px; }

.icon-red {
  background-image: url(../images/sprite.png);
  background-position: 0px -32px;
  width: 16px;
  height: 16px; }

.icon-transport {
  background-image: url(../images/sprite.png);
  background-position: -16px -32px;
  width: 16px;
  height: 16px; }

.breadcrumb {
  font-size: 14px; }

.note_box {
  background: #FFF;
  border: 1px solid #dedede;
  margin-top: 10px;
  padding: 40px 200px; }

.note_box .note_left {
  float: left;
  height: 100px;
  margin-right: 20px;
  line-height: 100px; }

.note_box h1 {
  font-size: 18px;
  color: #000000; }

.note_box h1,
.note_box p {
  margin: 0px;
  text-align: left;
  line-height: 25px; }

.mt10 {
  margin-top: 10px; }

.recommend_box {
  padding-left: 10px; }

.recommend_box p {
  margin: 0px; }

.recommend_box img {
  margin-right: 5px; }

.yellow {
  color: #ff9900; }

.sift-search {
  margin-top: 20px; }

.line-list {
  padding-left: 0; }
  .line-list > li {
    background: #fff;
    margin-top: 20px;
    border: 1px solid #eee;
    padding: 10px; }
    .line-list > li h2 {
      font-size: 16px;
      margin-top: 10px; }
  .line-list .line-right {
    margin-top: 20px;
    padding: 10px 10px 10px 40px;
    border-left: 1px solid #eee; }
    .line-list .line-right em {
      color: #32BB31;
      font-style: normal; }
  .line-list .lines {
    padding-left: 0; }
    .line-list .lines > li {
      border-bottom: 1px solid #eee;
      padding: 3px 0;
      line-height: 33px;
      margin: 0; }
      .line-list .lines > li:last-child {
        border: 0;
        padding-bottom: 0; }
    .line-list .lines .active-head {
      padding-bottom: 0; }
      .line-list .lines .active-head span {
        text-align: center;
        display: block;
        color: #0a0a0a;
        padding-bottom: 8px;
        border-bottom: 2px solid #fe9700;
        width: 100px;
        position: relative;
        bottom: -1px;
        font-size: 13px; }
        .line-list .lines .active-head span:after, .line-list .lines .active-head span:before {
          bottom: -2px;
          left: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none; }
        .line-list .lines .active-head span:after {
          border-color: rgba(254, 254, 254, 0);
          border-bottom-color: #fefefe;
          border-width: 4px;
          margin-left: -4px; }
        .line-list .lines .active-head span:before {
          border-color: rgba(254, 151, 0, 0);
          border-bottom-color: #fe9700;
          border-width: 6px;
          margin-left: -6px; }
  .line-list .line-description {
    margin-top: 10px; }
  .line-list .line-right-last {
    margin-top: 20px; }

.icons a {
  color: #999;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 10px; }

.icons p {
  margin-bottom: 5px; }

.icons span {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px; }

em.red {
  color: red;
  font-size: 16px; }

.alternative {
  margin-left: 21px !important; }
  .alternative label {
    width: 60px;
    padding: 5px; }

.hyb-order-form {
  margin-top: 20px;
  font-size: 13px;
  padding: 20px;
  background: #fff;
  border: 1px solid #ddd; }
  .hyb-order-form .title {
    margin: 0 0 20px;
    font-size: 16px;
    color: #0a0a0a;
    font-weight: bold; }
  .hyb-order-form .volume-label {
    border-left: 1px solid #cacaca;
    margin-left: 10px; }
  .hyb-order-form .address-wrap {
    position: relative;
    margin-bottom: 20px; }
    .hyb-order-form .address-wrap ul {
      padding-left: 10px; }
    .hyb-order-form .address-wrap .operation {
      display: none;
      margin-left: 30px; }
      .hyb-order-form .address-wrap .operation a {
        display: inline-block;
        margin-right: 10px; }
    .hyb-order-form .address-wrap .over-hidden {
      height: 117px;
      overflow: hidden; }
    .hyb-order-form .address-wrap #start-address-list.over-hidden {
      height: 40px; }
    .hyb-order-form .address-wrap .getmore {
      cursor: pointer;
      padding-left: 20px;
      margin-top: 20px;
      color: #333; }
  .hyb-order-form .add-btn {
    position: absolute;
    right: 0;
    top: 0; }
  .hyb-order-form .address-list li {
    line-height: 32px;
    margin-bottom: 10px; }
    .hyb-order-form .address-list li:hover .operation {
      display: inline-block; }
  .hyb-order-form .address-list .highlight {
    display: block;
    border: 1px solid #eee;
    text-align: center;
    max-width: 220px;
    cursor: pointer;
    color: #0a0a0a;
    height: 32px; }
  .hyb-order-form .address-list .active .highlight {
    border: 1px solid red;
    background: url(../images/tick.png) no-repeat bottom right; }
  .hyb-order-form .goods-detail {
    position: relative; }
  .hyb-order-form .deliver-type {
    padding: 0 15px; }
    .hyb-order-form .deliver-type a {
      display: inline-block;
      height: 30px;
      width: 100px;
      border: 1px solid #999;
      text-align: center;
      line-height: 30px;
      margin-right: 20px;
      color: #0a0a0a;
      text-decoration: none;
      background-position: bottom right; }
    .hyb-order-form .deliver-type a.active {
      border: 1px solid red;
      background: url(../images/tick.png) no-repeat bottom right; }

.hyb-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  display: none; }
  .hyb-modal .hyb-modal-dialog {
    position: relative;
    width: 600px;
    min-height: 400px;
    margin: 100px auto;
    background: #fff;
    padding: 20px;
    border: 3px solid #c5c5c5; }
  .hyb-modal button.close {
    position: absolute;
    right: 20px;
    top: 10px; }
  .hyb-modal legend {
    font-size: 14px;
    padding-bottom: 10px; }

.webuploader-container {
  position: relative; }

.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #00b7ee;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden; }

.webuploader-pick-hover {
  background: #00a2d4; }

.webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none; }

.uploader-list {
  width: 100%;
  overflow: hidden; }
  .uploader-list .thumbnail {
    width: 110px;
    height: 110px; }
    .uploader-list .thumbnail img {
      width: 100%; }
  .uploader-list .file-item {
    float: left;
    position: relative;
    margin: 0 20px 20px 0;
    padding: 4px; }
    .uploader-list .file-item .error {
      position: absolute;
      top: 4px;
      left: 4px;
      right: 4px;
      background: red;
      color: white;
      text-align: center;
      height: 20px;
      font-size: 14px;
      line-height: 23px; }
    .uploader-list .file-item .info {
      position: absolute;
      left: 4px;
      bottom: 4px;
      right: 4px;
      height: 20px;
      line-height: 20px;
      text-indent: 5px;
      background: rgba(0, 0, 0, 0.6);
      color: white;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 12px;
      z-index: 10; }
    .uploader-list .file-item .delete {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 16px;
      width: 16px;
      height: 16px;
      line-height: 16px;
      background: #000;
      background: rgba(0, 0, 0, 0.6);
      text-align: center;
      color: #fff;
      cursor: pointer; }
  .uploader-list .upload-state-done:after {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    position: absolute;
    bottom: 0;
    right: 4px;
    color: #4cae4c;
    z-index: 99; }

.progress {
  position: absolute;
  right: 4px;
  bottom: 4px;
  height: 3px;
  left: 4px;
  height: 4px;
  overflow: hidden;
  z-index: 15;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  display: none; }

.progress span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 100%;
  background: #d14 url(../images/progress.png) repeat-x;
  -webit-transition: width 200ms linear;
  -moz-transition: width 200ms linear;
  -o-transition: width 200ms linear;
  -ms-transition: width 200ms linear;
  transition: width 200ms linear;
  -webkit-animation: progressmove 2s linear infinite;
  -moz-animation: progressmove 2s linear infinite;
  -o-animation: progressmove 2s linear infinite;
  -ms-animation: progressmove 2s linear infinite;
  animation: progressmove 2s linear infinite;
  -webkit-transform: translateZ(0); }

@-webkit-keyframes progressmove {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 17px 0; } }

@-moz-keyframes progressmove {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 17px 0; } }

@keyframes progressmove {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 17px 0; } }

.relative {
  position: relative; }

.dropdown-th {
  padding: 0 !important;
  vertical-align: middle !important; }

.loe-dropdown {
  position: relative;
  width: 100%;
  text-align: left; }
  .loe-dropdown .dropdow-menu {
    display: none;
    padding-left: 20px;
    width: 118px;
    text-align: left; }
    .loe-dropdown .dropdow-menu a {
      font-weight: 200;
      font-size: 13px;
      line-height: 16px; }
      .loe-dropdown .dropdow-menu a.active {
        color: red; }
  .loe-dropdown a {
    color: #000; }
  .loe-dropdown .dropdown-toggle {
    height: 36px;
    position: relative;
    line-height: 36px;
    padding-left: 20px; }
    .loe-dropdown .dropdown-toggle b {
      position: absolute;
      width: 7px;
      height: 4px;
      right: 8px;
      top: 15px;
      overflow: hidden;
      vertical-align: middle;
      background: url(../images/order-icon.png) -37px -207px no-repeat; }
  .loe-dropdown.hover {
    position: absolute;
    top: 0;
    box-shadow: 0 0 3px #999;
    background: #fff;
    box-sizing: border-box;
    z-index: 999; }
    .loe-dropdown.hover .dropdow-menu {
      display: block; }
    .loe-dropdown.hover .dropdown-toggle b {
      background-position: -20px -207px; }

/*分页CSS*/
.digg{padding:3px;margin:3px;float: right;}
.digg a{border:#aaaadd 1px solid;padding:2px 5px;margin:2px;color:#000099;text-decoration:none;float: left;}
.digg a:hover{border:#000099 1px solid;color:#000;}
.digg a:active{border:#000099 1px solid;color:#000;}
.digg span.current{border:solid 1px #000099;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color:#000099;float: left;}
.digg span.disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;}