/* ============================================================================
 *  PCButnav.css
 * ----------------------------------------------------------------------------
 *  从老项目 src/components/PCButnav.vue 的 <style> 块中提取，内容未作改动。
 *  只改了两处：删掉 @import 行（改由 site.config.js 决定加载哪些 CSS），
 *  以及图片路径 ../assets/img/ → ../img/（对齐其他 CSS 文件的写法）。
 * ========================================================================== */

.butnav {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
}

.container {
  width: 1200px;
  position: relative;
}
.text {
  float: left;
  line-height: 54px;
  padding-top: 23px;
  font-size: 22px;
}

.btns {
  float: right;
  padding-top: 25px;
}
.btns a {
  margin-left: 10px;
}
.btns .btn-red-shadow {
  vertical-align: top;
}
.btns .btn-red-line {
  vertical-align: top;
  height: 48px;
  line-height: 48px;
  width: 158px;
  margin-left: 10px;
}
.close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -120px;
  top: 10px;
  background: url(../img/close.png) no-repeat center;
}
.orange {
  color: #fb6703;
}
.red-number {
  color: #f81528;
  font-size: 36px;
  font-style: italic;
  display: inline-block;
  vertical-align: -5px;
  font-weight: 700;
  margin: 0 3px;
}
.btn-red-shadow {
  border-radius: 6px;
  font-size: 18px;
  width: 160px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background: linear-gradient(to right, #f92028, #ff4e2e);
}
.btn-red-shadow:hover {
  color: #fff;
  background: linear-gradient(to right, #f64336, #f6620a);
}

.btn-orange-shadow {
  border-radius: 6px;
  font-size: 18px;
  width: 160px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background: linear-gradient(to right, #fb6800, #fd890f);
}
.btn-orange-shadow:hover {
  color: #fff;
  background: linear-gradient(to right, #fc8634, #fd9f3e);
}