.section-banner {
  width: 100%;
  height: 3.08rem;
  /* border: 0.01rem solid red; */
  background-color: #fff;
  /* padding-bottom: 0.56rem; */
}
.section-banner img {
  width: 100%;
}
.section-banner .tool {
  margin-top: -0.56rem;
  position: relative;
  z-index: 111;
}
.section-banner .tool input.short-ipt {
  width: 6.63rem;
  height: 1.12rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(183, 223, 255, 1);
  box-shadow: 0px 1px 12px 0px rgba(31, 64, 174, 0.1);
  display: block;
  margin: 0 auto;
  padding-left: 0.24rem;
}
.section-banner .tool .doname-list {
  margin: 0.37rem 0;
}
.section-banner .tool .doname-list li {
  color: #096dde;
  font-size: 0.29rem;
  margin-right: 0.4rem;
}
.section-banner .tool .doname-list li:last-child {
  margin-right: 0;
}
.section-banner .tool .doname-list li label {
  cursor: pointer;
}
.section-banner .tool .doname-list .radio-input {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  vertical-align: -5%;
  background-color: #ffffff;
  cursor: pointer;
  margin-right: 0.17rem;
  position: relative;
  border: 1px solid #096dde;
}

.section-banner .tool .doname-list .radio-input:checked::before {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  background: #096dde;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-banner .tool .doname-list span {
  margin: 0;
  font-size: 0.24rem;
}
.section-banner .term {
  display: inline-block;
  vertical-align: top;
  padding-left: 0.2rem;
}
.section-banner .termName {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.28rem;
  color: #096dde;
  margin: 0 0.18rem 0 -0.25rem;
}
.section-banner .term_select {
  display: inline-block;
  vertical-align: middle;
  width: 1.26rem;
  height: 0.37rem;
  color: #096dde;
  outline: none;
  background-color: #fff;
  border: 1px solid #096dde;
  border-radius: 0.06rem;
  padding-left: 0.1rem;
  cursor: pointer;
  font-size: 0.24rem;
}
.section-banner .shorten-btn {
  width: 3.4rem;
  height: 0.7rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  display: block;
  margin: 0.64rem auto 0;
  font-size: 0.3rem;
  color: rgba(245, 245, 245, 1);
}
.section-banner .short-creat {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(183, 223, 255, 1);
  box-shadow: 0px 1px 12px 0px rgba(31, 64, 174, 0.1);
  margin-top: 0.64rem;
  display: none;
}
.section-banner .short-creat p {
  width: 1.57rem;
  height: 100%;
  line-height: 1rem;
  text-align: center;
  background: rgba(255, 255, 255, 1);
  border-right: 1px solid rgba(183, 223, 255, 1);
  box-shadow: 0px 1px 12px 0px rgba(31, 64, 174, 0.1);
  font-size: 0.28rem;
  color: rgba(73, 73, 73, 1);
}
.section-banner .short-creat span {
  width: calc(100% - 3.13rem);
  line-height: 1rem;
  height: 100%;
  text-align: center;
  background: rgba(246, 249, 255, 1);
  border-right: 1px solid rgba(183, 223, 255, 1);
  box-shadow: 0px 1px 12px 0px rgba(31, 64, 174, 0.1);
  font-size: 0.28rem;
  color: rgba(9, 109, 222, 1);
}
.section-banner .short-creat button {
  display: block;
  width: 1.56rem;
  height: 1rem;
  background: rgba(9, 109, 222, 1);
  box-shadow: 0px 1px 12px 0px rgba(31, 64, 174, 0.1);
  font-size: 0.28rem;
  color: rgba(255, 255, 255, 1);
}
.section-introduce {
  background-color: #fff;
  padding: 0.66rem 0.25rem 0.3rem;
}
.section-introduce .title {
  font-size: 0.34rem;
  color: #096dde;
  line-height: 0.5rem;
  text-align: center;
}
.section-introduce .subtitle {
  font-size: 0.24rem;
  color: rgba(73, 73, 73, 1);
  text-align: center;
  margin-top: 0.21rem;
}
.section-introduce ul {
  margin-top: 0.57rem;
}
.section-introduce ul li {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 5px;
  margin-bottom: 0.25rem;
}
.section-introduce ul li .tit {
  width: 100%;
  height: 0.88rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 0.05rem;
}
.section-introduce ul li .tit p {
  width: 0.35rem;
  height: 0.31rem;
  margin: 0 0.21rem 0 0.19rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-size: 4rem auto;
  background-position: -3.08rem -1.46rem;
  background-repeat: no-repeat;
}
.section-introduce ul li .tit span {
  font-size: 0.26rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
}
.section-introduce ul li .content {
  padding: 0.32rem 0.2rem 0.4rem;
}
.section-introduce ul li .content img.tit-img {
  width: 0.69rem;
  height: 0.69rem;
}
.section-introduce ul li .content p {
  font-size: 0.26rem;
  font-weight: 500;
  color: rgba(9, 109, 222, 1);
  margin-left: 0.2rem;
}
.section-introduce ul li .content p:first-child {
  margin-bottom: 0.1rem;
}
.section-introduce ul li .content img.content-img1 {
  width: 3.82rem;
  margin: 0.32rem auto 0;
}
.section-introduce ul li .content img.content-img2 {
  width: 3.87rem;
  margin: 0.32rem auto 0;
}
.section-introduce ul li .content img.content-img3 {
  width: 2.87rem;
  margin: 0.32rem auto 0;
}
.section-introduce ul li .content img.content-img4 {
  width: 3.34rem;
  margin: 0.32rem auto 0;
}
.section-introduce ul li .content img.content-img5 {
  width: 100%;
  margin: 0.32rem auto 0;
}
.section-introduce ul li .content span {
  display: block;
  font-size: 0.22rem;
  color: #4d4d4d;
  text-align: center;
  margin-bottom: 0.15rem;
}
.section-introduce ul li .content p {
  font-size: 0.26rem;
  color: #096dde;
}
.section-funList {
  width: 100%;
  background: rgba(236, 243, 255, 1);
  /* margin-top: 0.16rem; */
  padding: 0.53rem 0.82rem 0.58rem;
}
.section-funList ul li {
  width: 1.81rem;
  height: 0.42rem;
  border: 1px solid rgba(65, 65, 65, 0.32);
  border-radius: 0.1rem;
  font-size: 0.22rem;
  color: rgba(65, 65, 65, 1);
  line-height: 0.42rem;
  text-align: center;
}
.section-funList ul {
  margin-bottom: 0.21rem;
}
.section-funList ul:last-of-type {
  padding: 0 0.95rem;
  margin-bottom: 0.52rem;
}
.section-funList p {
  font-size: 0.34rem;
  color: rgba(65, 65, 65, 1);
  text-align: center;
}
.section-funList p span {
  color: #096dde;
  font-weight: Bold;
  text-decoration: underline;
}
.section-funList button {
  width: 3.4rem;
  height: 0.69rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: rgba(245, 245, 245, 1);
  margin: 0.55rem auto 0;
  display: block;
}
.section-cms {
  /* margin-top: 0.16rem; */
  background-color: #fff;
  padding: 0.1rem 0.64rem 0.16rem 0.74rem;
}
.section-cms ul li {
  padding: 0.26rem 0 0.04rem;
  border-bottom: 1px solid #dbdfea;
}
.section-cms ul li:last-child {
  border-bottom: none;
}
.section-cms .column-title {
  font-size: 0;
}
.section-cms .column-title::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-size: 4.68rem auto;
  background-repeat: no-repeat;
  margin-right: 0.1rem;
}
.section-cms .column-title.dt::before {
  background-position: 0rem -0.94rem;
}
.section-cms .column-title.kt::before {
  background-position: -0.54rem -0.94rem;
}
.section-cms .column-title.rd::before {
  background-position: -1rem -0.96rem;
}
.section-cms .column-title h5 {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.45rem;
  font-size: 0.32rem;
  color: #1a68c0;
}
.section-cms .column-header .column-more {
  font-size: 0.27rem;
  color: #83A7EC;
}
.section-cms .column-header .column-more::after {
  content: "";
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-right.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: 0.08rem;
  /* -webkit-transform: rotate(-90deg); */
  /* transform: rotate(-90deg); */
  position: relative;
  top:0.04rem;
}
.section-cms .column-list {
  padding-top: 0.08rem;
}
.section-cms .column-list a {
  line-height: 0.37rem;
  display: block;
  width: 95%;
  font-size: 0.26rem;
  color: #4d4d4d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0.2rem 0;
}

/* .section-cms .normal p{
    font-size:.28rem;
    color:rgba(9,109,222,1);

}
.section-cms .normal p::before{
    content: '';
    display: block;
    width: .33rem;
    height: .33rem;
    background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
    background-size: 3.5rem auto;
    background-repeat: no-repeat;
    margin-right: .1rem;
}
.section-cms .normal p.dt::before{
    background-position: .02rem -.7rem;
}
.section-cms .normal p.kt::before{
    background-position: -.38rem -.7rem;
}
.section-cms .normal p.hot::before{
    background-position: -.72rem -.7rem;
}
.section-cms .normal span{
    display: block;
    width: 5.2rem;
    font-size:.22rem;
    color:rgba(65,65,65,1);
    margin-top: .12rem;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.section-cms .more span{
    font-size:.27rem;
    color:rgba(131,167,236,1);
    font-weight: 300;
}
.section-cms li .more::after {
    content: '';
    display: block;
    width: .12rem;
    height: .48rem;
    background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-arrows.png);
    background-size: .12rem auto;
    background-repeat: no-repeat;
    background-position: center .16rem;
    margin-left: .09rem;
} */
.section-contact {
  width: 100%;
  background: rgba(64, 105, 222, 1);
  padding: 0.49rem 1.38rem 0.45rem;
  margin-top: 0.16rem;
}
.section-contact .title {
  font-size: 0.3rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.section-contact ul li img {
  width: 2.09rem;
  height: 2.09rem;
}
.section-contact ul {
  margin-top: 0.47rem;
}
.section-contact ul li p {
  font-size: 0.22rem;
  color: rgba(242, 248, 255, 1);
  text-align: center;
  margin-top: 0.2rem;
}
/* cms */
.section-cmswrapper {
  background-color: #fff;
}
.section-cmswrapper .banner {
  width: 100%;
}
.section-cmswrapper .cmsNav {
  width: 100%;
  height: 0.86rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 0.05rem;
  padding: 0 0.87rem;
}
.section-cmswrapper .cmsNav li {
  height: 100%;
  line-height: 0.86rem;
  font-size: 0.26rem;
  color: rgba(73, 73, 73, 1);
}
.section-cmswrapper .cmsNav li.active {
  border-bottom: 2px solid #096dde;
  color: #096dde;
  font-weight: bold;
}
.section-cmswrapper .content {
  padding: 0 0.44rem;
}
.section-cmswrapper .content li {
  width: 100%;
  padding: 0.26rem 0 0.29rem;
  border-bottom: 1px solid rgba(220, 220, 220, 0.5);
}
.section-cmswrapper .content li img {
  width: 1.74rem;
  height: 1.34rem;
  background: rgba(235, 235, 235, 1);
}
.section-cmswrapper .content li .article-info {
  width: 4.67rem;
}
.section-cmswrapper .article-info .title {
  width: 4.67rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section-cmswrapper .article-info .subtitle {
  font-size: 0.2rem;
  color: rgba(130, 130, 130, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 0.11rem;
}
.section-cmswrapper .article-info .info {
  margin-top: 0.12rem;
}
.section-cmswrapper .article-info .timer i {
  width: 0.17rem;
  height: 0.17rem;
  /* background-color: red; */
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-position: -1.75rem -1.15rem;
  background-repeat: no-repeat;
  background-size: 3rem auto;
}
.section-cmswrapper .article-info .timer span {
  font-size: 0.18rem;
  color: rgba(139, 139, 139, 1);
  margin-left: 0.05rem;
}
.section-cmswrapper .article-info .reader i {
  width: 0.17rem;
  height: 0.17rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-position: -2.01rem -1.13rem;
  background-repeat: no-repeat;
  background-size: 3rem auto;
}
.section-cmswrapper .article-info .reader span {
  font-size: 0.18rem;
  color: rgba(139, 139, 139, 1);
  margin-left: 0.05rem;
}

.market-page {
  padding: 0.5rem 0;
}
/* 外面盒子样式---自己定义 */
.market-page .page_div {
  color: #666;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* 页数按钮样式 */
.market-page .page_div button {
  display: inline-block;
  min-width: 0.5rem;
  height: 0.5rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  cursor: pointer;
  color: #666;
  font-size: 0.2rem;
  line-height: 0.45rem;
  background-color: #f9f9f9;
  border: 1px solid #dce0e0;
  text-align: center;
  margin: 0 0.04rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.market-page #firstPage,
.market-page #lastPage,
.market-page #nextPage,
.market-page #prePage {
  width: 1.03rem;
  color: #404040;
  border: 1px solid #404040;
}
.market-page #nextPage,
.market-page #prePage {
  background: rgba(9, 109, 222, 1);
  border-radius: 5px;
  color: #fff;
  border: none;
}

.market-page #nextPage,
.market-page #prePage {
  width: 1.03rem;
}

.market-page .page_div .current {
  background-color: #096dde;
  border-color: #096dde;
  color: #fff;
}

/* 页面数量 */
.market-page .totalPages {
  margin: 0 10px;
}

.market-page .totalPages span,
.market-page .totalSize span {
  color: #1995fb;
  margin: 0 5px;
}

/*button禁用*/
.page_div button:disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.section-services {
  width: 100%;
  height: 3.16rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/bg-services.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 3.16rem;
  margin-top: 0.16rem;
  padding-top: 0.45rem;
}
.section-services .title {
  font-size: 0.3rem;
  font-weight: bold;
  color: rgba(9, 109, 222, 1);
  text-align: center;
}
.section-services .subtitle {
  font-size: 0.2rem;
  /* font-weight:bold; */
  color: #4d4d4d;
  text-align: center;
  margin-top: 0.21rem;
}
.section-services button {
  width: 3.4rem;
  height: 0.7rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: rgba(245, 245, 245, 1);
  display: block;
  margin: 0.33rem auto 0;
}
.section-cmswrapper .essay-conainer {
  padding: 0.4rem 0.47rem;
}
.section-cmswrapper .essay-conainer .title {
  font-size: 0.28rem;
  font-weight: bold;
  color: rgba(77, 77, 77, 1);
  text-align: center;
}
.section-cmswrapper .essay-conainer .info {
  margin-top: 0.31rem;
}
.section-cmswrapper .essay-conainer .timer i {
  width: 0.23rem;
  height: 0.23rem;
  /* background-color: red; */
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-position: -2.05rem -1.32rem;
  background-repeat: no-repeat;
  background-size: 3.5rem auto;
}
.section-cmswrapper .essay-conainer .timer span {
  font-size: 0.19rem;
  color: rgba(139, 139, 139, 1);
  margin-left: 0.05rem;
}
.section-cmswrapper .essay-conainer .reader i {
  width: 0.23rem;
  height: 0.23rem;
  /* background-color: red; */
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-position: -2.35rem -1.29rem;
  background-repeat: no-repeat;
  background-size: 3.5rem auto;
}
.section-cmswrapper .essay-conainer .reader span {
  font-size: 0.19rem;
  color: rgba(139, 139, 139, 1);
  margin-left: 0.05rem;
}
.section-cmswrapper .essay-conainer .essay-info {
  padding: 0.24rem 0 0.72rem 0.24rem;
  font-size: 0.24rem;
}
.section-cmswrapper .essay-conainer .tool {
  width: 2.8rem;
  margin-left: 2.8rem;
}
.section-cmswrapper .essay-conainer .tool ol {
  width: 0.65rem;
  height: 0.65rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/share_icon.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
}

.section-cmswrapper .essay-conainer .tool ol:hover {
  cursor: pointer;
}
.section-cmswrapper .essay-conainer .tool ol:nth-of-type(1) {
  background-position: 0rem -0.58rem;
}
.section-cmswrapper .essay-conainer .tool ol:nth-of-type(2) {
  background-position: -0.68rem -0.58rem;
}
.section-cmswrapper .essay-conainer .tool ol:nth-of-type(3) {
  background-position: -1.37rem -0.58rem;
}

.windShare {
  position: relative;
  z-index: 99999;
}
.windShare-mask {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 750px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10012;
  top: 0;
}

.windShare .windShare-mask .un-supoort {
  font-size: 0.34rem;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.section-cmswrapper-recommend .content li:last-child {
  border: none;
}
.section-cmswrapper-recommend .content li:first-child {
  border-top: 1px solid rgba(220, 220, 220, 1);
}
.section-cmswrapper-recommend {
  margin-top: 0.16rem;
}
.section-cmswrapper-recommend .recommend-title {
  padding: 0.3rem 0.44rem;
}
.section-cmswrapper-recommend .recommend-title p {
  width: 0.48rem;
  height: 0.43rem;
  background: linear-gradient(
    180deg,
    rgba(187, 214, 255, 1),
    rgba(70, 88, 229, 1)
  );
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-repeat: no-repeat;
  background-size: 3.5rem auto;
  background-position: -1.25rem -0rem;
}
.section-cmswrapper-recommend .recommend-title span {
  font-size: 0.28rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  margin-left: 0.1rem;
}
/* .section-about{
    background-color: #fff;
} */
.section-about .banner {
  width: 100%;
}
.section-about .title {
  width: 100%;
  height: 0.75rem;
  box-shadow: 0px 1px 12px 0px rgba(31, 64, 174, 0.1);
  background-color: #fff;
  position: relative;
}
.section-about .title span {
  font-size: 0.28rem;
  font-weight: bold;
  color: rgba(77, 77, 77, 1);
}
.section-about .title p {
  width: 0.36rem;
  height: 0.36rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-repeat: no-repeat;
  background-size: 3.5rem auto;
  margin-right: 0.1rem;
}
.section-about .title:nth-of-type(2) p {
  background-position: 0.02rem -1.24rem;
}
.section-about .title:nth-of-type(4) p {
  background-position: -0.42rem -1.24rem;
}
.section-about .about-content {
  padding: 0.39rem 0.43rem;
  background-color: #fff;
}
.section-about .about-content p {
  font-size: 0.24rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  margin-bottom: 0.21rem;
}
.section-about .about-content span {
  display: block;
  font-size: 0.22rem;
  color: rgba(77, 77, 77, 1);
  line-height: 0.3rem;
  margin-bottom: 0.34rem;
  text-indent: 0.45rem;
}
.section-about .course-content {
  width: 100%;
  height: 12.73rem;
  background: rgba(255, 255, 255, 1);
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/bg-course.png);
  background-repeat: no-repeat;
  background-size: 1.03rem auto;
  background-position: 1.67rem 0.64rem;
}
.section-about .course-content ul {
  width: 100%;
  height: 100%;
  position: relative;
}
.section-about .course-content li {
  width: 4.66rem;
  position: absolute;
}
.section-about .course-content li .list-tit {
  width: 2.4rem;
}
.section-about .course-content li i {
  width: 0.94rem;
  height: 0.94rem;
  display: block;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-gather.png);
  background-size: 5.3rem auto;
  background-repeat: no-repeat;
}
.section-about .course-content li p {
  font-size: 0.26rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
}
.section-about .course-content li b {
  font-size: 0.28rem;
}
.section-about .course-content li span {
  font-size: 0.2rem;
  color: rgba(73, 73, 73, 1);
  width: 1.88rem;
  display: block;
}
.section-about .course-content li.list-2020 {
  top: 0.64rem;
  left: 1.43rem;
}
.section-about .course-content li.list-2019 {
  top: 1.99rem;
  left: 1.43rem;
}
.section-about .course-content li.list-2018 {
  top: 4.16rem;
  left: 1.43rem;
}
.section-about .course-content li.list-2017 {
  top: 5.4rem;
  left: 1.43rem;
}
.section-about .course-content li.list-2016 {
  top: 7.4rem;
  left: 1.43rem;
}
.section-about .course-content li.list-2015 {
  top: 8.71rem;
  left: 1.43rem;
}
.section-about .course-content li.list-2014 {
  top: 9.89rem;
  left: 1.43rem;
}
.section-about .course-content li.list-2013 {
  top: 11.08rem;
  left: 1.43rem;
}
.section-about .course-content li.list-2020 i {
  background-size: 4.2rem auto;
  background-position: -0.75rem -0.79rem;
}
.section-about .course-content li.list-2019 i {
  background-position: -0.94rem 0;
}
.section-about .course-content li.list-2018 i {
  background-position: -3.1rem -0.98rem;
}
.section-about .course-content li.list-2017 i {
  background-position: -0rem -0.98rem;
}
.section-about .course-content li.list-2016 i {
  background-position: -1.87rem 0;
}
.section-about .course-content li.list-2015 i {
  background-position: 0 0;
}
.section-about .course-content li.list-2014 i {
  background-position: -2.15rem -0.98rem;
}
.section-about .course-content li.list-2013 i {
  background-position: -2.82rem 0;
}
.section-advantage nav {
  width: 100%;
  height: 2rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 0.05rem;
  padding: 0.33rem 0.78rem;
}
.section-advantage nav p {
  font-size: 0.38rem;
  color: rgba(9, 109, 222, 1);
  text-align: center;
  margin-top: 0.1rem;
}
.section-advantage nav span {
  font-size: 0.2rem;
  color: rgba(77, 77, 77, 1);
  text-align: center;
  margin-top: 0.1rem;
}
.section-advantage nav li i {
  display: block;
  height: 0.45rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-repeat: no-repeat;
  background-size: 3.5rem auto;
  margin: 0 auto;
}
.section-advantage nav li:nth-of-type(1) i {
  width: 0.37rem;
  background-position: -3.12rem 0.02rem;
}
.section-advantage nav li:nth-of-type(2) i {
  width: 0.43rem;
  background-position: -2.59rem 0rem;
}
.section-advantage nav li:nth-of-type(3) i {
  width: 0.5rem;
  background-position: -1.92rem 0.02rem;
}
.section-advantage .content {
  background-color: #fff;
  padding: 0.6rem 0.25rem 0.31rem;
  margin-top: 0.16rem;
}
.section-advantage .content .title {
  font-size: 0.34rem;
  color: rgba(9, 109, 222, 1);
  text-align: center;
}
.section-advantage .content .subtitle {
  font-size: 0.24rem;
  color: #4d4d4d;
  text-align: center;
}
.section-advantage .content ul {
  margin-top: 0.58rem;
}
.section-advantage .content li {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 0.05rem;
  margin-bottom: 0.25rem;
  padding-bottom: 0.38rem;
}
.section-advantage .content li:last-child {
  margin-bottom: 0;
}
.section-advantage .content li .tit {
  width: 100%;
  height: 0.88rem;
  background: linear-gradient(
    270deg,
    rgba(9, 109, 222, 1) 0%,
    rgba(64, 144, 235, 1) 100%
  );
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 0.05rem;
  font-size: 0.28rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 0.88rem;
}
.section-advantage .content li p {
  font-size: 0.24rem;
  font-weight: 500;
  color: rgba(77, 77, 77, 1);
  text-align: center;
  margin-top: 0.3rem;
}
.section-advantage .content li span {
  font-size: 0.22rem;
  color: rgba(77, 77, 77, 1);
  text-align: center;
  display: block;
  line-height: 0.45rem;
}
.section-advantage .content li img {
  margin: 0.3rem auto 0;
  display: block;
}
.section-api .content {
  background-color: #fff;
}
.section-api .content .api-key-box {
  width: 100%;
  height: 0.9rem;
  background: linear-gradient(
    270deg,
    rgba(9, 109, 222, 1) 0%,
    rgba(64, 144, 235, 1) 100%
  );
}
.section-api .content .api-key-box p {
  width: 1.44rem;
  height: 100%;
  font-size: 0.24rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: 0.9rem;
  text-align: right;
}
.section-api .content .api-key-box span {
  font-size: 0.24rem;
  /* font-weight:bold; */
  color: rgba(255, 255, 255, 1);
}
.section-api .content .api-key-box span.key {
  width: calc(100% - 2.8rem);
  word-break: break-all;
  padding-right: 0.3rem;
}
.section-api .content .api-key-box button {
  width: 1.36rem;
  height: 0.9rem;
  border-left: 1px solid #ffffff;
  display: block;
  color: #fff;
  font-size: 0.24rem;
}
.section-api .api-mode-box {
  width: 100%;
  height: 1.2rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 0.03rem;
  padding: 0.25rem 0.44rem;
}
.section-api .api-mode-box li:first-child {
  margin-bottom: 0.1rem;
}
.section-api .api-mode-box i {
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 50%;
}
.section-api .api-mode-box p {
  font-size: 0.22rem;
  color: #096dde;
  margin-left: 0.1rem;
}
.section-api .api-mode-box span {
  font-size: 0.22rem;
  color: rgba(73, 73, 73, 1);
  display: block;
}
.section-api .api-table .title {
  font-size: 0.26rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  padding: 0.24rem 0.29rem 0.21rem;
}
.section-api .api-table table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-bottom: 1px solid #eeeeee;
}
.section-api .api-table table thead {
  background-color: #d6e9f7;
}
.section-api .api-table table thead th {
  font-size: 0.24rem;
  color: rgba(73, 73, 73, 1);
  text-align: center;
  height: 0.62rem;
}
.section-api .api-table table td {
  text-align: center;
}
.section-api .api-table table tbody td {
  font-size: 0.2rem;
  color: rgba(73, 73, 73, 1);
  padding: 0.12rem 0.1rem;
  word-break: break-all;
}
.section-api .api-table table tbody tr:nth-child(even) {
  background-color: #f1f9ff;
}
.mt-22 {
  margin-top: 0.22rem;
}
.section-faq .faq-content {
  padding: 0.25rem;
  background-color: #f0f7ff;
}
.section-faq .content {
  width: 100%;
  background-color: #fff;
  padding: 0.23rem 0.42rem;
}
.section-faq .content li {
  margin-bottom: 0.38rem;
}
.section-faq .content li .title {
  /* width:5.69rem; */
  height: 0.5rem;
  background: linear-gradient(
    -90deg,
    rgba(255, 255, 255, 1),
    rgba(228, 241, 255, 1)
  );
  border-radius: 0.1rem;
  font-size: 0.22rem;
  font-weight: 500;
  color: rgba(9, 109, 222, 1);
  line-height: 0.5rem;
  padding-left: 0.38rem;
  position: relative;
}
.section-faq .content li .title p {
  width: 0.5rem;
  height: 0.5rem;
  background: rgba(25, 149, 251, 1);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -0.25rem;
}
.section-faq .content li .title p i {
  width: 0.31rem;
  height: 0.31rem;
  display: block;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
  background-repeat: no-repeat;
  background-size: 4rem auto;
  background-position: -1.1rem -1.45rem;
}
.section-faq .content li .info {
  width: 5.61rem;
  margin: 0.19rem auto;
}
.section-faq .content li .info p {
  font-weight: Bold;
  font-size: 0.22rem;
  color: #4d4d4d;
}
.section-faq .content li .info span {
  font-size: 0.22rem;
  color: #4d4d4d;
  font-weight: 400;
}
.section-faq .content li .info ol {
  text-indent: 0.4rem;
}
.section-privilege .content {
  background-color: #fff;
  width: 100%;
  padding: 0.21rem 0.25rem 0.36rem;
}
.section-privilege .title {
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  font-size: 0.26rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  box-shadow: 0px 0px 8px 2px rgba(132, 163, 246, 0.08);
  background: #fff;
}

.section-privilege table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  box-shadow: 0px 0px 8px 2px rgba(132, 163, 246, 0.08);
  margin-bottom: 0.3rem;
}
.section-privilege table thead {
  background-color: #d6e9f7;
}
.section-privilege table thead th {
  font-size: 0.22rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  height: 0.62rem;
}
.section-privilege table thead th:first-of-type {
  padding-left: 0.2rem;
  text-align: left;
}
.section-privilege table tr td:first-of-type {
  padding-left: 0.2rem;
}
.section-privilege table tbody td {
  font-size: 0.2rem;
  color: rgba(73, 73, 73, 1);
  min-height: 0.47rem;
  padding: 0.15rem 0 0.12rem;
}
.section-privilege table tbody td span {
  font-size: 0.16rem;
}
.section-privilege table tbody tr:nth-child(even) {
  background-color: #f1f9ff;
}
.section-privilege table tbody td i.hook {
  display: block;
  width: 0.25rem;
  height: 0.2rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-hook.png);
  background-size: 0.25rem auto;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.section-privilege table tbody td i.fork {
  display: block;
  width: 0.17rem;
  height: 0.17rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-fork.png);
  background-size: 0.17rem auto;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.section-login-register {
  width: 7rem;
  min-height: calc(100vh - 1.38rem);
  margin: 0.25rem auto;
  background-color: #fff;
  padding: 0.48rem 0.4rem 0.48rem 0.4rem;
}
.section-login-register .title {
  font-size: 0.38rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  text-align: center;
}
.section-login-register .content {
  margin-top: 0.53rem;
}
.section-login-register .content .ipt-list {
  width: 100%;
  height: 1.16rem;
}
.section-login-register .content .ipt-list input {
  width: 100%;
  height: 0.8rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(82, 163, 255, 1);
  border-radius: 5px;
  padding-left: 1.05rem;
}
.section-login-register .content .ipt-list hr {
  position: absolute;
  width: 1px;
  height: 0.3rem;
  top: 0.25rem;
  left: 0.8rem;
  margin: 0;
  background-color: rgba(191, 191, 191, 1);
  border: none;
}
.section-login-register .content .ipt-list i {
  position: absolute;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  top: 0.2rem;
  left: 0.2rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-login.png);
  background-repeat: no-repeat;
  background-size: 2.2rem auto;
}
.section-login-register .content .ipt-list .tips-error {
  font-size: 0.22rem;
  color: rgba(244, 50, 39, 1);
  position: absolute;
  top: 0.81rem;
  left: 0rem;
  display: none;
}
.section-login-register .content .ipt-list.identifying-code input {
  width: 4.13rem;
}
.section-login-register .content .ipt-list.message-code input {
  width: 4.13rem;
}
.section-login-register .content .ipt-list.message-code button {
  width: 1.93rem;
  height: 0.8rem;
  background: rgba(9, 109, 221, 1);
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.28rem;
  color: rgba(255, 255, 255, 1);
  padding: 0;
}
.section-login-register .content .ipt-list.identifying-code img {
  width: 1.93rem;
  height: 0.8rem;
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(238, 238, 238, 1);
}
.section-login-register .content .ipt-list.phone-number i {
  background-position: 0.03rem -0.05rem;
}
.section-login-register .content .ipt-list.password i {
  background-position: -0.42rem -0.04rem;
}
.section-login-register .content .ipt-list.reset-password i {
  background-position: -0.42rem -0.04rem;
}
.section-login-register .content .ipt-list.identifying-code i {
  background-position: -0.82rem -0.04rem;
}
.section-login-register .content .ipt-list.message-code i {
  background-position: -1.31rem -0.04rem;
}
.section-login-register .content .ipt-list.password i.eye {
  left: 5.52rem;
  background-position: -1.16rem -0.44rem;
}
.section-login-register .content .ipt-list.reset-password i.eye {
  left: 5.52rem;
  background-position: -1.16rem -0.44rem;
}

.section-login-register .content .tips-remember {
  width: 100%;
  height: 0.34rem;
}
.section-login-register .content .tips-remember input {
  width: 0;
  height: 0;
}
.section-login-register .content .tips-remember i {
  display: inline-block;
  width: 0.34rem;
  height: 0.34rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid #096dde;
}
.section-login-register .content .tips-remember span {
  font-size: 0.28rem;
  color: #494949;
  margin-left: 0.12rem;
}
.section-login-register .content .tips-remember-lable {
  cursor: pointer;
}
.section-login-register .content .tips-remember a {
  font-size: 0.28rem;
  color: #096ddd;
}
.section-login-register .content .tips-remember input:checked + i {
  background-repeat: no-repeat;
  background-size: 0.26rem auto;
  border: none;
  background-position: center center;
  background-color: #096edb;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/checked-hook.png);
}
.section-login-register .content button.login-btn {
  width: 100%;
  height: 0.73rem;
  background: rgba(9, 109, 222, 1);
  border: 1px solid rgba(9, 109, 221, 1);
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: rgba(255, 255, 255, 1);
  margin-top: 0.7rem;
}

.section-login-register .content .register-btn {
  font-size: 0.28rem;
  color: #494949;
  text-align: center;
  margin-top: 0.48rem;
}
.section-login-register .content .register-btn a {
  color: #096ddd;
}
.section-login-register .content .other-login {
  margin-top: 0.58rem;
}
.section-login-register .content .other-login span {
  font-size: 0.24rem;
  color: rgba(179, 179, 179, 1);
}
.section-login-register .content .other-login hr {
  display: block;
  width: 2rem;
  height: 1px;
  margin: 0;
  background-color: rgba(191, 191, 191, 1);
  border: none;
}
.section-login-register .content .other-info span {
  font-size: 0.32rem;
  font-weight: bold;
  color: rgba(9, 109, 222, 1);
}
.section-login-register .content .other-info {
  margin-top: 0.44rem;
}
.section-login-register .content .other-info.qrwx i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-login.png);
  background-repeat: no-repeat;
  background-size: 2.2rem auto;
  background-position: 0.05rem -0.92rem;
  margin-right: 0.12rem;
}
.section-login-register .content .other-info.phone i {
  display: block;
  width: 0.4rem;
  height: 0.48rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-login.png);
  background-repeat: no-repeat;
  background-size: 2.4rem auto;
  background-position: -0.44rem -1rem;
}
.section-login-register .content .qr-tips {
  width: 4.88rem;
  font-size: 0.2rem;
  color: rgba(179, 179, 179, 1);
  margin: 0.42rem auto 0;
}

.section-login-register .content .tips-validity {
  margin-top: 20px;
}
.section-login-register .content .tips-validity i {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-login.png);
  background-repeat: no-repeat;
  background-size: 2.5rem auto;
  background-position: -2.22rem -0.68rem;
  margin-right: 0.08rem;
}
.section-login-register .content .tips-validity p {
  font-size: 0.28rem;
  color: #494949;
}
.section-login-register .content .tips-validity span {
  color: #e26548;
}
.section-login-register .content .qr-login {
  width: 3.56rem;
  height: 3.56rem;
  background: rgba(255, 255, 255, 1);
  margin: 0.45rem auto;
  position: relative;
}
.section-login-register .content .qr-login img {
  width: 3.56rem;
  height: 3.56rem;
}
.section-login-register .content .qr-login p {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  /* display: none; */
}
.section-login-register .content .qr-login span {
  position: absolute;
  display: block;
  width: 100%;
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 1);
  line-height: 0.52rem;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.bind-tips {
  font-size: 0.24rem;
  color: rgba(179, 179, 179, 1);
  text-align: center;
  margin-top: 0.28rem;
}
.bind-wx-tips {
  font-size: 0.28rem;
  color: rgba(73, 73, 73, 1);
  text-align: center;
  margin-top: 0.28rem;
}
.agreement-popup {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.agreement {
  width: 6.3rem;
  height: 9.3rem;
  background: rgba(255, 255, 255, 1);
  border-radius: 0.1rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5rem 0.44rem 0.69rem;
}
.agreement .title {
  font-size: 0.28rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  text-align: center;
}
.agreement .content {
  margin-top: 0.5rem;
  height: 6.02rem;
  overflow-y: auto;
  max-height: 342px;
  padding: 0 0.1rem;
}
.agreement content::-webkit-scrollbar {
  width: 3px;
}
.agreement content::-webkit-scrollbar-track {
  background-color: #b8b8b8;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.agreement content::-webkit-scrollbar-thumb {
  background-color: #686868;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.agreement .content .subtit p {
  font-size: 0.24rem;
  color: rgba(73, 73, 73, 1);
  text-indent: 0.4rem;
}
.agreement .content .subtit p span {
  font-weight: Bold;
  line-height: 0.3rem;
}
.agreement .content li p {
  font-size: 0.24rem;
  color: rgba(73, 73, 73, 1);
  /* font-weight: Bold; */
  margin: 0.1rem 0;
}
.agreement .content li span {
  display: block;
  font-size: 0.24rem;
  color: rgba(73, 73, 73, 1);
  /* text-indent: .4rem; */
  line-height: 0.3rem;
}
.agreement .tool-btn {
  width: 100%;
  margin-top: 0.63rem;
}
.agreement .tool-btn .agree-btn {
  width: 2.28rem;
  height: 0.69rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: rgba(245, 245, 245, 1);
}
.agreement .tool-btn .disagree-btn {
  width: 2.28rem;
  height: 0.69rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: rgba(9, 109, 222, 1);
}

.agreement ul li ul li {
  text-indent: 0.4rem;
}

.agreement .bold {
  font-weight: bold;
}

.agreement b {
  font-weight: bold;
}

.foote-recordcode {
  width: 100%;
  height: 0.84rem;
  background: rgba(54, 90, 193, 1);
  font-size: 0.18rem;
  line-height: 0.3rem;
  color: rgba(208, 216, 228, 1);
  text-align: center;
  padding-top: 0.14rem;
}
.section-backstage {
  width: 100%;
  min-height: calc(100vh - 1.72rem);
  background-color: #fff;
}
.create-content {
  width: 6.63rem;
  margin: 0 auto;
  padding-top: 0.21rem;
}
.section-backstage .create-content textarea {
  width: 100%;
  height: 3.8rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(183, 223, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  resize: none;
  display: block;
  font-size: 0.22rem;
  padding: 0.33rem 0.26rem;
}
.section-backstage .tool {
  margin-top: 0.44rem;
  position: relative;
  z-index: 111;
}
/* .section-backstage .tool .doname-list {
    padding: 0.37rem 0.44rem;
} */
.section-backstage .tool .doname-list li {
  color: #096dde;
  font-size: 0.29rem;
  margin-right: 0.4rem;
}
.section-backstage .tool .doname-list li:last-child {
  margin-right: 0;
}
.section-backstage .tool .doname-list li label {
  cursor: pointer;
}
.section-backstage .tool .doname-list .radio-input {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  vertical-align: -5%;
  background-color: #ffffff;
  cursor: pointer;
  margin-right: 0.17rem;
  position: relative;
  border: 1px solid #096dde;
}

.section-backstage .tool .doname-list .radio-input:checked::before {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  background: #096dde;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-backstage .tool .doname-list span {
  margin: 0;
  font-size: 0.24rem;
}
.section-backstage .term {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.3rem;
  margin-left: -0.1rem;
}
.section-backstage .termName {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.28rem;
  color: #096dde;
}
.section-backstage .term_select {
  display: inline-block;
  vertical-align: middle;
  width: 1.26rem;
  height: 0.37rem;
  color: #096dde;
  outline: none;
  background-color: #fff;
  border: 1px solid #096dde;
  border-radius: 0.06rem;
  padding-left: 0.1rem;
  cursor: pointer;
  font-size: 0.24rem;
}
.section-backstage .create-content button.shorten {
  width: 100%;
  height: 0.73rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: rgba(245, 245, 245, 1);
  margin-top: 0.75rem;
}
.section-backstage .userInfo-banner {
  width: 7.5rem;
  height: 3.45rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/banner-userInfo.jpg);
  background-size: 7.5rem auto;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0.65rem 0 0;
}
.section-backstage .userInfo-banner .head-portrait {
  width: 1.62rem;
  height: 1.62rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
}
.section-backstage .userInfo-banner .head-portrait img {
  width: 0.99rem;
  height: 0.99rem;
}
.section-backstage .userInfo-banner .userName {
  margin-top: 0.24rem;
  font-size: 0.34rem;
  font-weight: bold;
  color: rgba(77, 77, 77, 1);
  text-align: center;
}
.section-backstage .userInfo-key {
  padding: 0.18rem 0 0.45rem;
}
.section-backstage .userInfo-key p {
  font-size: 0.32rem;
  font-weight: bold;
  color: rgba(77, 77, 77, 1);
  text-align: center;
}
.section-backstage .userInfo-key span {
  width: 4.5rem;
  font-size: 0.28rem;
  color: rgba(135, 135, 135, 1);
  display: block;
  margin: 0.3rem auto 0;
  word-break: break-all;
}
.section-backstage .userInfo-other {
  width: 6.63rem;
  height: 2rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 0.05rem;
  margin: 0 auto;
  padding: 0.24rem 0.25rem 0;
}
.section-backstage .userInfo-other li {
  width: 1.7rem;
}
.section-backstage .userInfo-other li i {
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  margin: 0 auto;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-login.png);
  background-repeat: no-repeat;
  background-size: 2.2rem auto;
}
.section-backstage .userInfo-other li p {
  font-size: 0.24rem;
  color: rgba(77, 77, 77, 1);
  text-align: center;
  margin-top: 0.15rem;
}
.section-backstage .userInfo-other li span {
  display: block;
  font-size: 0.26rem;
  color: #878787;
  text-align: center;
  margin-top: 0.15rem;
}
.section-backstage .userInfo-other li:nth-of-type(1) i {
  background-position: -1.73rem 0.05rem;
}
.section-backstage .userInfo-other li:nth-of-type(2) i {
  background-position: -1.26rem -0.89rem;
}
.section-backstage .userInfo-other li:nth-of-type(3) i {
  background-position: -0.74rem -0.89rem;
}
.section-backstage .userInfo-exit {
  display: block;
  width: 6.63rem;
  height: 0.73rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: rgba(245, 245, 245, 1);
  margin: 0.6rem auto;
}
.section-backstage .data-content {
  min-height: calc(100vh - 1.72rem);
}
.section-backstage .data-content .banner {
  position: relative;
}
.section-backstage .data-content .banner i {
  display: block;
  position: absolute;
  width: 0.27rem;
  height: 0.27rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-login.png);
  background-size: 2rem auto;
  background-repeat: no-repeat;
  background-position: -0.35rem -0.55rem;
  top: 0.45rem;
  left: 4.9rem;
}
.section-backstage .data-content .banner .more {
  width: 2.74rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 0.05rem;
  position: absolute;
  top: 0.86rem;
  left: 2.39rem;
  display: none;
}
.section-backstage .data-content .banner .more li {
  width: 100%;
  height: 0.77rem;
  background: rgba(247, 251, 255, 1);
  position: relative;
}
.section-backstage .data-content .banner .more a:nth-of-type(even) li {
  background: #fff;
}
.section-backstage .data-content .banner .more li i {
  width: 100%;
  height: 0.33rem;
  display: block;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/data-tit.png);
  background-repeat: no-repeat;
  background-size: 2.2rem auto;
  background-position: center 0.05rem;
  position: absolute;
  top: 0.22rem;
  left: 0;
}
.section-backstage .data-content .banner .more li.basic-data-nav i {
  background-position: center 0.05rem;
}
.section-backstage .data-content .banner .more li.advanced-data-nav i {
  background-position: center -0.29rem;
}
.section-backstage .data-content .banner .more li.access-source-nav i {
  background-position: center -0.64rem;
}
.section-backstage .data-content .banner .more li.lately-nav i {
  background-position: center -1.08rem;
}
.section-backstage .data-content .query-short {
  width: 100%;
  height: 0.9rem;
  background: rgba(255, 255, 255, 1);
  border-radius: 0 0 0.45rem 0.45rem;
  padding: 0 0.43rem 0 0.25rem;
}
.bg-F4 {
  background-color: #f4f4f4;
}
.section-backstage .data-content .query-short p {
  font-size: 0.3rem;
  font-weight: bold;
  color: rgba(77, 77, 77, 1);
}
.section-backstage .data-content .query-short p::before {
  display: block;
  content: "";
  width: 0.07rem;
  height: 0.3rem;
  background: rgba(9, 109, 222, 1);
  margin-right: 0.13rem;
}
.section-backstage .data-content .query-short input {
  width: 3.75rem;
  height: 0.56rem;
  background: rgba(241, 246, 251, 1);
  border-radius: 0.07rem;
  padding-left: 0.21rem;
}
.section-backstage .data-content .query-short button {
  width: 1.42rem;
  height: 0.56rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.28rem;
  color: rgba(255, 255, 255, 1);
}
.section-backstage .data-content .query-content {
  width: 7.02rem;
  height: 1rem;
  /*height: 5.68rem;*/
  background: linear-gradient(
    0deg,
    rgba(120, 168, 234, 1),
    rgba(192, 216, 249, 1)
  );
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  border-radius: 0.3rem;
  margin: 0.16rem auto 0;
  padding: 0.06rem;
  overflow: hidden;
}
.section-backstage .data-content .query-content .query-line {
  width: 100%;
  height: 100%;
  border: 1px solid #d4e1ef;
  border-radius: 0.3rem;
  padding: 0 0.22rem;
  border-bottom: none;
}
.section-backstage .data-content .query-content .title {
  width: 100%;
  height: 0.9rem;
}
.section-backstage .data-content .query-content .title span {
  font-size: 0.28rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  text-shadow: 0px 1px 5px rgba(14, 32, 88, 0.11);
}
.section-backstage .data-content .query-content .title i {
  width: 0;
  height: 0;
  border: 0.12rem solid transparent;
  border-top-color: #fff;
  display: block;
  margin: -0.07rem 0px 0px 0.06rem;
  transform: rotate(180deg);
}
.section-backstage .data-content .query-content ul li {
  padding: 0.1rem 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.section-backstage .data-content .query-content ul li:last-child {
  border-bottom: none;
}
.section-backstage .data-content .query-content ul li .tit {
  font-size: 0.26rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  height: 0.52rem;
}
.section-backstage .data-content .query-content ul li .tit::before {
  display: block;
  content: "";
  width: 0.06rem;
  height: 0.24rem;
  background: rgba(241, 246, 251, 1);
  margin-right: 0.14rem;
}
.section-backstage .data-content .query-content ul li button {
  min-width: 1.05rem;
  height: 0.52rem;
  border-radius: 7px;
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 0.1rem;
}
.section-backstage .data-content .query-content ul li button input {
  width: 0;
  height: 0;
}
.section-backstage .data-content .query-content ul li button.active {
  background-color: #ffffff;
  color: #91b9e2;
}
.section-backstage .data-content .query-content ul li .condition-list {
  width: calc(100% - 1.52rem);
}
.section-backstage .data-content .query-content ul li input {
  width: 1rem;
  height: 0.5rem;
}
.section-backstage .data-content .query-content ul li .time {
  width: 2.35rem;
}
.section-backstage .data-content .query-content ul li .time input {
  width: 1.9rem;
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 1);
}
.section-backstage
  .data-content
  .query-content
  ul
  li
  .time
  input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 1);
}
.section-backstage .data-content .query-content ul li .time i {
  width: 0.26rem;
  height: 0.26rem;
  display: block;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-login.png);
  background-repeat: no-repeat;
  background-size: 2.4rem auto;
  background-position: -1.79rem -0.67rem;
}
.section-backstage .chart-wrapper {
  width: 100%;
  /* background:rgba(255,255,255,1); */
  /* box-shadow:0px 1px .12rem 0px rgba(31,64,174,0.1); */
  position: relative;
  overflow: hidden;
  margin-top: -0.14rem;
}
.section-backstage .chart-wrapper .chart-wrapper-bg {
  background: rgba(255, 255, 255, 1);
  /* padding: 0 .3rem; */
  min-height: calc(100vh - 5.2rem);
}
.section-backstage .chart-wrapper .top {
  width: 100%;
  height: 0.5rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/chart-wrapper-bg.png);
  background-size: 7.5rem auto;
  background-position: 0 -0.4rem;
}
.section-backstage .chart-wrapper nav {
  padding: 0.5rem 0.67rem 0;
}
.section-backstage .chart-wrapper nav li {
  width: 1.45rem;
}
.section-backstage .chart-wrapper nav li p {
  font-size: 0.42rem;
  font-weight: bold;

  text-align: center;
}
.section-backstage .chart-wrapper nav li span {
  display: block;
  font-size: 0.22rem;
  color: rgba(77, 77, 77, 1);
  text-align: center;
}
.section-backstage .query-condition {
  width: 100%;
  margin-bottom: 0.16rem;
}
.section-backstage .query-condition li {
  width: 2.5rem;
  height: 0.73rem;
  background: rgba(255, 255, 255, 1);
  font-size: 0.28rem;
  color: rgba(77, 77, 77, 1);
  line-height: 0.73rem;
  text-align: center;
}
.section-backstage .query-condition li.active {
  background-color: #096dde;
  color: #ffffff;
}
.section-backstage .query-condition li:nth-of-type(2) {
  border-left: 1px solid rgba(229, 229, 229, 0.5);
  border-right: 1px solid rgba(229, 229, 229, 0.5);
}
.section-backstage .chart-wrapper .trend-chart {
  width: 7rem;
  height: 4rem;
  margin: 0 auto;
}
.section-backstage .chart-wrapper .trend-chart-title {
  width: 100%;
  height: 0.3rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/data-tit.png);
  background-repeat: no-repeat;
  background-size: 2.5rem auto;
  background-position: center -1.65rem;
  margin-top: 0.53rem;
}
.section-backstage .chart-wrapper .map-chart {
  width: 7rem;
  height: 7rem;
  margin: 0 auto;
}
.section-backstage .chart-wrapper .map-chart-title {
  width: 100%;
  height: 0.3rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/data-tit.png);
  background-repeat: no-repeat;
  background-size: 2.5rem auto;
  background-position: center -2.85rem;
  margin: 0.53rem 0 0.1rem;
}
.section-backstage .chart-wrapper .browser-chart-title {
  width: 100%;
  height: 0.3rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/data-tit.png);
  background-repeat: no-repeat;
  background-size: 2.5rem auto;
  background-position: center -3.65rem;
  margin: 0.53rem 0 0.1rem;
}
.section-backstage .chart-wrapper .area-chart {
  width: 7rem;
  height: 4rem;
  margin: 0 auto;
}
.section-backstage .chart-wrapper .area-chart-title {
  width: 100%;
  height: 0.3rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/data-tit.png);
  background-repeat: no-repeat;
  background-size: 2.5rem auto;
  background-position: center -2.47rem;
  margin: 0.53rem 0 0.1rem;
}
.line-f4 {
  width: 100%;
  height: 0.16rem;
  background-color: #f4f4f4;
  margin-top: 0.1rem 0;
}

.section-backstage .chart-wrapper ul li {
  display: none;
  padding: 0.01rem 0 0;
}
.section-backstage .chart-wrapper .device-chart {
  width: 7rem;
  height: 4.5rem;
  margin: 0 auto;
}
.section-backstage .chart-wrapper .device-top-chart {
  width: 7rem;
  height: 4rem;
  margin: 0 auto;
}
.section-backstage .chart-wrapper .browser-chart {
  width: 7rem;
  height: 5rem;
  margin: 0 auto 0.2rem;
}
.section-backstage .chart-wrapper .browser-top-chart {
  width: 7rem;
  height: 4.5rem;
  margin: 0 auto;
}
.section-backstage .chart-wrapper .area-chart-title {
  width: 100%;
  height: 0.3rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/data-tit.png);
  background-repeat: no-repeat;
  background-size: 2.5rem auto;
  background-position: center -4rem;
  margin: 0.53rem 0 0rem;
}
.section-backstage .table-wrapper {
  margin-top: -0.23rem;
}
.section-backstage .table-wrapper table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  box-shadow: 0px 0px 8px 2px rgba(132, 163, 246, 0.08);
}
.section-backstage .table-wrapper table thead {
  background-color: #d6e9f7;
}
.section-backstage .table-wrapper table thead th {
  font-size: 0.22rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  height: 0.62rem;
  text-align: center;
}
.section-backstage .table-wrapper table tbody td {
  font-size: 0.2rem;
  color: rgba(73, 73, 73, 1);
  min-height: 0.47rem;
  padding: 0.15rem 0 0.12rem;
  text-align: center;
}
.section-backstage .table-wrapper table tbody td span {
  font-size: 0.16rem;
}
.section-backstage .table-wrapper table tbody tr:nth-child(even) {
  background-color: #f1f9ff;
}
.section-backstage .table-wrapper table tbody tr:nth-child(odd) {
  background-color: #fff;
}
.recent-table-wrapper {
  overflow-x: auto;
}
.recent-table-wrapper table {
  width: 120% !important;
}
.landscape-btn {
  width: 120%;
  height: 0.46rem;
  background-color: #d6e9f7;
  padding-left: 0.44rem;
}
.landscape-btn img {
  width: 0.33rem;
  height: 0.26rem;
}
.landscape-btn span {
  font-size: 0.22rem;
  color: rgba(9, 109, 222, 1);
}
.recent-table-wrapper-popup {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  overflow: auto;
}
.recent-table-wrapper-popup table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  box-shadow: 0px 0px 8px 2px rgba(132, 163, 246, 0.08);
}
.recent-table-wrapper-popup table thead {
  background-color: #d6e9f7;
}
.recent-table-wrapper-popup table thead th {
  font-size: 0.22rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  height: 0.62rem;
  text-align: center;
}
.recent-table-wrapper-popup table tbody td {
  font-size: 0.2rem;
  color: rgba(73, 73, 73, 1);
  min-height: 0.47rem;
  padding: 0.15rem 0 0.12rem;
  text-align: center;
}
.recent-table-wrapper-popup table tbody td span {
  font-size: 0.16rem;
}
.recent-table-wrapper-popup table tbody tr:nth-child(even) {
  background-color: #f1f9ff;
}
.recent-table-wrapper-popup table tbody tr:nth-child(odd) {
  background-color: #fff;
}

.section-backstage .query-Shorturl {
  width: 100%;
  margin-bottom: 0.16rem;
}
.section-backstage .query-Shorturl li {
  width: 2.5rem;
  height: 0.73rem;
  background: rgba(255, 255, 255, 1);
  font-size: 0.28rem;
  color: rgba(77, 77, 77, 1);
  line-height: 0.73rem;
  text-align: center;
}
.section-backstage .query-Shorturl li.active {
  background-color: #096dde;
  color: #ffffff;
}
.section-backstage .query-Shorturl li:nth-of-type(2) {
  border-left: 1px solid rgba(229, 229, 229, 0.5);
  border-right: 1px solid rgba(229, 229, 229, 0.5);
}
.section-backstage .data-content .query-content ul li .form-control-manage {
  width: 2rem;
  height: 0.52rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 7px;
  font-size: 0.26rem;
  margin: 0.1rem;
  padding-left: 0.1rem;
}
.section-backstage .data-content .query-content ul li .timer i {
  width: 0.26rem;
  height: 0.26rem;
  display: block;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-time.png);
  background-repeat: no-repeat;
  background-size: 0.26rem auto;
  background-position: center center;
  position: absolute;
  right: 0.23rem;
}
.section-backstage .data-content .query-content ul li .condition-list {
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 1);
}
.section-backstage .data-content .add-del-btn {
  padding: 0.2rem 0.44rem 0;
}
.section-backstage .data-content .add-del-btn .del-btn {
  width: 1.48rem;
  height: 0.52rem;
  background: rgba(135, 135, 135, 1);
  border-radius: 0.05rem;
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 1);
  padding: 0;
}
.section-backstage .data-content .add-del-btn .add-btn {
  width: 1.48rem;
  height: 0.52rem;
  background: #096dde;
  border-radius: 0.05rem;
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 1);
  padding: 0;
}
.chart-manage-wrapper {
  width: 100%;
  min-height: calc(100vh - 6.1rem);
  background-color: #fff;
}
.chart-manage-wrapper table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  box-shadow: 0px 0px 8px 2px rgba(132, 163, 246, 0.08);
  margin-top: 0.3rem;
}
.chart-manage-wrapper table thead {
  background-color: #d6e9f7;
}
.chart-manage-wrapper table thead th {
  font-size: 0.22rem;
  font-weight: bold;
  color: rgba(73, 73, 73, 1);
  height: 0.62rem;
  text-align: center;
  padding: 0.1rem 0;
}
.chart-manage-wrapper table tbody td {
  font-size: 0.2rem;
  color: #4d4d4d;
  min-height: 0.47rem;
  padding: 0.15rem 0 0.12rem;
  text-align: center;
}
.chart-manage-wrapper table tbody td span {
  font-size: 0.16rem;
}
.chart-manage-wrapper table tbody tr:nth-child(even) {
  background-color: #f1f9ff;
}
.chart-manage-wrapper table tbody tr:nth-child(odd) {
  background-color: #fff;
}
.chart-manage-wrapper table .checkbox {
  position: relative;
  width: 0.35rem;
  height: 0.35rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(220, 220, 220, 1);
  position: relative;
  margin: 0 auto;
}
.chart-manage-wrapper table .checkbox::before {
  content: "";
  display: none;
  width: 0.36rem;
  height: 0.36rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-tool-step.png);
  background-size: auto 3.3rem;
  background-position: -2.67rem -0.51rem;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  position: absolute;
  top: -1px;
  left: -1px;
}
.chart-manage-wrapper table .checkbox:checked::before {
  display: block;
}

.chart-manage-wrapper table .checkbox:checked {
  border: none;
  background: none;
}
.chart-manage-wrapper table tbody tr td:nth-of-type(4) button a {
  font-weight: bold;
  text-decoration: underline;
}
.managemen-wrapper {
  padding: 0.3rem 0.25rem;
}
.managemen-wrapper .return-btn {
  width: 1.41rem;
  height: 0.56rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
}
.managemen-wrapper .return-btn span {
  font-size: 0.28rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
}
.managemen-wrapper .return-btn i {
  width: 0.15rem;
  height: 0.26rem;
  display: block;
  margin-right: 0.15rem;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-return.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.3rem auto;
  transform: rotate(180deg);
}
.managemen-wrapper li {
  margin-top: 0.33rem;
  padding-left: 0.19rem;
}
.managemen-wrapper li .title {
  font-size: 0.26rem;
  width: 1.3rem;
  height: 0.26rem;
}
.managemen-wrapper li .title span {
  font-weight: bold;
  color: rgba(77, 77, 77, 1);
  display: block;
  line-height: 0.26rem;
}
.managemen-wrapper li .title::before {
  display: block;
  content: "";
  width: 0.06rem;
  height: 0.26rem;
  background: rgba(77, 77, 77, 1);
  margin-right: 0.14rem;
}
.managemen-wrapper li p {
  font-size: 0.26rem;
  color: rgba(135, 135, 135, 1);
  margin-left: 0.54rem;
  height: 0.26rem;
  line-height: 0.26rem;
}
.managemen-wrapper ul {
  width: 7rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0.12rem 0px rgba(31, 64, 174, 0.1);
  padding: 0.26rem 0.5rem 0.26rem 0.19rem;
  margin-top: 0.35rem;
}
.managemen-wrapper ol {
  margin-bottom: 0.2rem;
}
.managemen-wrapper ol .title {
  font-size: 0.26rem;
  width: 1.5rem;
  height: 0.26rem;
}
.managemen-wrapper ol .title span {
  font-weight: bold;
  color: rgba(77, 77, 77, 1);
  display: block;
  line-height: 0.26rem;
}
.managemen-wrapper ol .title::before {
  display: block;
  content: "";
  width: 0.06rem;
  height: 0.26rem;
  background: #096dde;
  margin-right: 0.14rem;
}
.managemen-wrapper ol input {
  width: 4.5rem;
  height: 0.56rem;
  background: rgba(241, 246, 251, 1);
  border-radius: 0.07rem;
  padding-left: 0.13rem;
}
.managemen-wrapper ol .time {
  position: relative;
}
.managemen-wrapper ol .time i {
  width: 0.26rem;
  height: 0.26rem;
  display: block;
  background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon-time.png);
  background-repeat: no-repeat;
  background-size: 0.26rem auto;
  background-position: center center;
  position: absolute;
  right: 0.23rem;
}
.managemen-wrapper .save-del-btn {
  margin-top: 0.97rem;
}
.managemen-wrapper .save-del-btn .save-btn {
  width: 3.11rem;
  height: 0.69rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: rgba(245, 245, 245, 1);
}
.managemen-wrapper .save-del-btn .del-btn {
  width: 3.11rem;
  height: 0.69rem;
  border: 1px solid #096dde;
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: #096dde;
}
.tips-del-popup {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.tips-del {
  width: 6.21rem;
  background: rgba(255, 255, 255, 1);
  border-radius: 0.05rem;
  margin: 30% auto 0;
  padding: 0.47rem 0.41rem 0.51rem;
}
.tips-del img {
  width: 3.38rem;
  display: block;
  margin: 0 auto;
}
.tips-del p {
  font-size: 0.3rem;
  color: rgba(140, 167, 231, 1);
  text-align: center;
  margin-top: 0.27rem;
}
.tips-del .btn-tool {
  margin-top: 0.58rem;
}
.tips-del .btn-tool button:nth-of-type(1) {
  width: 2.4rem;
  height: 0.69rem;
  border: 1px solid rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.3rem;
  color: rgba(9, 109, 222, 1);
}
.tips-del .btn-tool button:nth-of-type(2) {
  width: 2.4rem;
  height: 0.69rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 5px;
  font-size: 0.3;
  color: rgb(255, 255, 255);
}
.tips-login-popup {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.tips-login {
  width: 6.21rem;
  height: 5.36rem;
  background: rgba(255, 255, 255, 1);
  border-radius: 0.05rem;
  margin: 30% auto 0;
  padding: 0.46rem 0.41rem 0.51rem;
}
.tips-login img {
  width: 2.55rem;
  margin: 0 auto;
  display: block;
}
.tips-login p {
  font-size: 0.3rem;
  color: rgba(139, 167, 230, 1);
  margin-top: 0.51rem;
  text-align: center;
}
.tips-login .btn-tool {
  margin-top: 0.58rem;
}
.tips-login .btn-tool button:nth-of-type(1) {
  width: 2.4rem;
  height: 0.69rem;
  border: 1px solid rgba(9, 109, 222, 1);
  border-radius: 0.05rem;
  font-size: 0.3;
  color: rgba(9, 109, 222, 1);
}
.tips-login .btn-tool button:nth-of-type(2) {
  width: 2.4rem;
  height: 0.69rem;
  background: rgba(9, 109, 222, 1);
  border-radius: 5px;
  font-size: 0.3;
  color: rgb(255, 255, 255);
}
.mobile-skip {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  font-size: 0.32rem;
  cursor: pointer;
  color: #919191;
}
.friendship-a {
  padding: 0.2rem 0.2rem 0 0;
}
.friendship-a div {
  color: #fff;
  padding-left: 0.4rem;
}
.friendship-a ul {
  padding: 0.14rem 0.34rem 0.1rem;
}
.friendship-a ul li {
  color: #fff;
  font-size: 0.24rem;
  margin: 0.02rem 0.1rem;
}


#toPhoneLoginCms button{
   width:3.4rem;
   height: 0.7rem;
   background: rgba(9, 109, 222, 1);
   border-radius: 0.05rem;
   font-size: 0.3rem;
   color: rgba(245, 245, 245, 1);
   display: block;
   margin: 0.33rem auto 0;
}