/*------------------------------------------------------------------
    Template Name:	使用指南
    Template URI: https://mgpicp.meishukr.com
    Author: 老王
    Date: 2022-10-18
    Version: 1.0
*/
body {
  background-color: #F5F5F5;
  margin: 0;
  padding: 0;
  font-family: '.PingFang SC';
}

/*首页 start*/
.one {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.two {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  display: inline-block;
}

.cai {
  line-height: 3.4375rem;
  height: 2.5rem;
}

.b1 {
  width: 100%;
}

.header {
  display: flex;
  background-color: #fff;
  justify-content: space-between;
  padding: .3125rem 1rem;
  height: 2.5rem;
  font-weight: 600;
  font-size: .875rem;
  line-height: .625rem;
}

.header .title {
  color: #474A51;
}

.juese {
  display: flex;
  margin: 1rem 1rem .75rem 1rem;
}

.juese img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.625rem;
}

.juese .master {
  width: 6.875rem;
  /* height: 8.375rem; */
  flex: 1;
  background-color: #fff;
  border-radius: .625rem;
  display: inline-block;
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
}

.juese .master p {
  position: absolute;
  bottom: 0;
  font-size: 0.75rem;
  color: #474A51;

}

#box2 {
  margin-top: 1.5625rem;
}

#box img {
  display: inline-block;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #474A51;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: .0625rem;
  font-size: .875rem;
}

.ul1 {
  background-color: #FFFFFF;
  margin: 0 1rem;
  padding: 0 1rem;
  list-style: none;
  border-radius: .625rem;
  overflow: hidden;
  line-height: 3rem;
  margin-bottom: .5rem;
  position: relative;
}

.ul1 div {
  display: inline-block;
  background-color: #FFFFFF;
  padding: 0rem .375rem;
  box-sizing: border-box;
  height: 3rem;
  font-size: .875rem;
  vertical-align: middle;
  color: #474A52;

}

.ul1 .span {
  color: #6B6F80;
  font-size: 1.25rem;
  position: absolute;
  right: 1rem;
  top: 0;
}

.ul1 li {
  border-top: .0625rem solid #ccc;
  display: none;
  height: 3rem;
  font-size: .75rem;
  padding-left: 1.875rem;
}

.ul1 .img2 {
  display: inline-block;
  vertical-align: middle;
  height: 1.0625rem;
  width: 1.0625rem;
}

.footer {
  display: none;
  height: 95%;
  width: 100%;
  border-radius: 0.75rem 0.75rem;
  background-color: #FFFFFF;
  position: fixed;
  bottom: 0;

}

.footer .title2 {
  font-size: .875rem;
  line-height: 1.0625rem;
  color: #474A51;
  padding-top: 1rem;
  padding-left: 1.25rem;
  display: inline-block;
  position: relative;
  font-weight: 600;
}

.footer .close {
  display: inline-block;
  font-size: 1.25rem;
  position: absolute;
  right: 1.3125rem;
  top: .625rem;
}

.ul2 {
  border-bottom: .0625rem solid #EBEBEB;
  background-color: #FFFFFF;
  list-style: none;
  overflow: hidden;
  position: relative;
  padding-inline-start: 0;
}

.ul2 .m {
  width: 100%;
  display: inline-block;
  background-color: #FFFFFF;
  padding: 0rem 3.25rem;
  box-sizing: border-box;
  height: 2.5625rem;
  font-size: .875rem;
  vertical-align: middle;
  color: #474A52;

}

.ul2 .span2 {
  color: #6B6F80;
  position: absolute;
  right: 1rem;
  left: 2rem;
  width: 1.25rem;
}

.footer #box2 .ul2 li {
  border-top: .0625rem solid #EBEBEB;
  display: none;
  height: 2.5625rem;
  line-height: 2.5625rem;
  font-size: .75rem;
  padding-left: 3.75rem;
}

.ul2 .img3 {
  display: inline-block;
  vertical-align: middle;
  height: 1.0625rem;
  width: 1.0625rem;
  padding-right: .3125rem;
}

#box2 img {
  display: inline-block;
  vertical-align: middle;
}

/*首页 end*/

/*列表页 start*/
.lizi {
  margin: 0 1rem;
  height: 3.25rem;

  line-height: 3.25rem;
  border-bottom: .0625rem solid #EBEBEB;
}

.lizi .img2 {
  display: inline-block;
  vertical-align: middle;
  padding-right: .3125rem;
}

.lizi a {
  color: #474A52;
  font-size: .0625rem;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: .0625rem;
  font-size: .875rem;
  cursor:default;
}

/*列表页 end*/
/*角色页*/
.main .title {
  margin: 1.25rem 2.1875rem;
  font-size: 1.125rem;
  letter-spacing: .125rem;
  color: #474A51;
}

.main .daoru {
  font-size: .875rem;
  color: #474A52;
  font-weight: 600;
  margin-left: 2.1875rem;
  letter-spacing: .0625rem;
}

.nei {
  margin-top: 1rem;
  margin-left: 3.3125rem;
  font-weight: 600;
}

.nei a {
  color: #376FFF;
  text-decoration: underline;
}

.nei2 {
  margin-top: 1rem;
  margin-left: 2.1875rem;
  font-weight: 600;
}

.nei2 a {
  color: #376FFF;
  text-decoration: underline;
}