* {
  padding: 0;
  margin: 0;
}
p {
  text-align: justify;
  text-indent: 2em;
}
a {
  text-decoration: none;
  color: #FCB039;
}
.col-FCB {
  color: #FCB039;
}
.fs12-333 {
  font-size: .12rem;
  color: #333;
}
.fs12 {
  font-size: .12rem;
}
.fs14 {
  font-size: .14rem;
}
.col1a {
  color: #1a1a1a;
}
.container {
  padding: 0 .15rem;
}
.container .head-title {
  position: relative;
  padding: .13rem 0;
  text-align: center;
  font-size: .2rem;
  color: #000;
}
.container .back {
  position: absolute;
  left: 0;
  top: 50%;
  width: .12rem;
  height: .21rem;
  background: url('../images/phoneh5/back-icon.png') center center no-repeat;
  background-size: cover;
  transform: translateY(-50%);
}
.container .nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .hidden {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: .3rem;
  margin-left: .15rem;
  padding-right: .3rem;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 999;
}
.container .nav .catalogue {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .55rem;
  height: .22rem;
  border-radius: .15rem;
  background-color: #EE2013;
  font-size: .12rem;
  color: #fff;
}
.container .nav i {
  display: inline-block;
  width: .13rem;
  height: .08rem;
  margin-right: .05rem;
  background: url('../images/phoneh5/catalogue-pic.png') center center no-repeat;
  background-size: cover;
}
.container .nav .hide {
  position: absolute;
  left: 0;
  top: .3rem;
  padding-top: .05rem;
}
.container .nav .hide .catalogue-list {
  width: .65rem;
  /* max-height: 1.9rem; */
  background-color: #EE2013;
  border-radius: .05rem;
  overflow: scroll;
}
.container .nav .hide .triangle {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: .05rem solid transparent;
  border-right: .05rem solid transparent;
  border-bottom: .05rem solid #EE2013;
  transform: translateX(100%);
}
.container .nav .hide .catalogue-list .list {
  padding: .08rem 0;
  text-align: center;
  font-size: .1rem;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.container .nav p {
  font-size: .15rem;
  color: #1a1a1a;
}
.container .banner {
  display: flex;
  justify-content: flex-end;
  margin-top: .1rem;
}
.container .banner img {
  width: 2.7rem;
  height: 1.9rem;
  vertical-align: middle;
}
.container .content-list .content_t {
  margin-top: .1rem;
  font-size: .15rem;
}
.container .content-list .content_t p {
  text-align: center;
}
.container .content-list .content {
  position: relative;
  padding: .26rem .1rem .15rem;
  margin-top: .4rem;
  border: 1px solid rgba(238, 32, 19, .5);
}
.container .content-list .content .content-title {
  position: absolute;
  /* left: .08rem; */
  top: 0;
  width: 2.1rem;
  height: .4rem;
  padding-left: .25rem;
  background: url('../images/phoneh5/title-pic.png') center center no-repeat;
  background-size: contain;
  line-height: .44rem;
  font-size: .14rem;
  color: #fff;
  box-sizing: border-box;
  transform: translate(-10%, -75%);
  text-align: center;
}
.container .content-list .content .content-title-small {
  position: absolute;
  left: 0rem;
  top: 0;
  width: 1.04rem;
  height: .27rem;
  padding-right: .1rem;
  background: url('../images/phoneh5/title-pic-sl.png') center center no-repeat;
  background-size: cover;
  text-align: right;
  line-height: .3rem;
  font-size: .15rem;
  color: #fff;
  box-sizing: border-box;
  transform: translate(-10%, -75%);
}
.container .content-list .content .content-msg {
  font-size: .12rem;
  color: #333;
}
.container .content-list .content .content-msg img {
  font-size: .12rem;
  color: #333;
}
.container .content-list .content .content-msg .msg-title {
  position: relative;
  font-weight: 600;
}
.container .content-list .content .content-msg .msg-title::after {
  content: '';
  position: absolute;
  left: 2em;
  top: .12rem;
  width: .08rem;
  height: .09rem;
  background: url('../images/phoneh5/paragraph-icon.png') center center no-repeat;
  background-size: cover;
  transform: translate(-150%, -50%);
}

.container .content-list .content .content-msg p {
  line-height: .22rem;
  text-indent: 2em;
}
.container .content-list .content .content-msg .content-link {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.container .source {
  display: flex;
  margin: .2rem 0;
}
.container .source span {
  display: inline-block;
  margin-right: .2rem;
}
.footer {
  padding: .2rem .15rem;
  background-color: #F5F5F5;
}
.footer .footer-title {
  text-align: center;
}
.footer .footer-content {
  padding-bottom: .2rem;
  margin-top: .15rem;
  border-bottom: 1px solid #ccc;
}
.footer .footer-content p {
  text-indent: 2em;
  line-height: .2rem;
}
.footer .copyright {
  display: flex;
  align-items: center;
  margin: .2rem 0;
}
.footer .copyright .badge {
  width: .21rem;
  height: .25rem;
  margin-right: .1rem;
}
.footer .copyright .copyright-content p+p {
  margin-top: .1rem;
}
.footer .code {
  display: flex;
  justify-content: space-around;
}
.footer .code .code-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.footer .code .code-list .code-pic {
  width: .8rem;
  height: .8rem;
  margin-bottom: .1rem;
}