.goods23{position: relative; width: 1200px; margin: 0 0 0 10px;}
.carrier .box-head{display: none;}

.carrier{width:100%;  margin: 0 0 5% 0;  font-family:"Microsoft JhengHei","Apple LiGothic Medium";}
.carrier h4{
  position: relative;
  text-align: center;
  font-size: 42px;
  font-weight: bold;
  color:#fff;
  background: #ff006a;
  padding: 8px;
  margin: 0 3%;}
.carrier:nth-child(odd) h4{background: #15baff;}
.carrier h4:after{content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #ff006a transparent transparent transparent;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;}
.carrier:nth-child(odd) h4:after{border-color: #15baff transparent transparent transparent;}


.carrier li{position: relative; width: 94%; margin: 2% 3%; border-bottom: dotted 3px #ff006a;}
.carrier:nth-child(odd) li{border-bottom: dotted 3px #15baff;}
.carrier li:last-child , .carrier:nth-child(odd) li:last-child{border-bottom: none;}
.carrier li a{position: relative; display: block; width: 82%; text-decoration: none; color: #000; font-size: 18px; line-height: 1.4; margin-bottom: 3%;}
.carrier li a b{text-shadow: 0 0 0.2em #fff77d, 0 0 0.2em #fff77d, 0 0 0.2em #fff77d, 0 0 0.2em #fff77d, 0 0 0.2em #fff77d;}
.carrier li strong{
  display: block;
  width: 122%;
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  padding: 10px 0;
}
.carrier li .price{
  width: 165px;
  text-align: center;
  padding: 6px 0;
  background: #ff006a;
  border-radius: 25px;
  font-family:"Century Gothic","Helvetica","Microsoft JhengHei";
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  transition: all 0.2s;
  position: absolute;
  bottom: 0;
  right: -165px;
}
.carrier:nth-child(odd) li .price{background: #15baff;}
.carrier li .price span{font-size: 30px; font-weight: normal;}
.carrier li .price span i{font-size: 18px;}
.carrier li.active .price{background: #ff7f00;}


.intro-anchors {font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; z-index:98; left: 50%; top: 0; position: absolute; margin:0 0 0 -655px; }
.intro-anchors.fixed{position:fixed; margin:60px 0 0 -655px;}
.intro-anchors a{display:block; color:inherit; text-decoration:none; z-index:1; position:relative; display:block; width: 74px; height: 74px; background-color:#9d9d9d; border-radius: 50%; margin: 0 0 10px 0; text-align: center; color: #fff; font-size: 22px; line-height: 74px; transition: all 0.2s; letter-spacing: -0.02em;}




@media screen and (max-width:1220px){
.goods23{width: 100%; margin: 0 0 15% 0;}
.carrier{margin: 0 0 10% 0;}
.carrier li a{width: calc(100% - 170px);}
.carrier li strong{width: calc(100% + 170px);}
.carrier li .price{width: 165px;}
.intro-anchors {position:fixed; left: 0; top:inherit; bottom: 0;  margin: 0 ; width: 100%; background:#9d9d9d; white-space: nowrap;}
.intro-anchors a{display: inline-block; float:none; width:33%; height: 44px; margin: 0; font-size: 16px;line-height: 44px; background: none; border-radius: 0;}
.intro-anchors a:after{content: ""; width: 1px;height: 60%; position: absolute; right: 0;top: 20%;background-color: #fff;}
}/*media*/
@media screen and (max-width:800px){
.carrier h4{font-size: 24px;padding: 0;height: 10vw;line-height: 10vw;}
.carrier h4:after{border-width: 8px 8px 0 8px;bottom: -8px;margin-left: -8px;}
.carrier li a{width: calc(100% - 120px); font-size: 14px;}
.carrier li strong{width: calc(100% + 120px); font-size: 16px;}
.carrier li .price{width: 115px; font-size: 14px; padding: 3px 0; right: -120px;}
.carrier li .price span{font-size: 20px;}
.carrier li .price span i{font-size: 14px;}
}/*media*/