@charset "UTF-8";
html,
body {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
 Microsoft YaHei, SimSun, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

[v-cloak] {
  display: none;
}

body,
th,
td,
p,
ol,
ul,
li,
dl,
dt,
dd,
a,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
legend,
select,
textarea {
  margin: 0;
  padding: 0;
  font-family: inherit;
}

input,
img,
fieldset {
  border: none;
}

input,
select,
fieldset {
  vertical-align: middle;
}

ul,
ol {
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  vertical-align: top;
}

i,
cite,
em,
var,
address,
dfn,
b {
  font-style: normal;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder,
input:focus::-moz-placeholder {
  color: transparent;
}

button,
input[type='button'],
input[type='password'],
input[type='submit'],
input[type='text'],
textarea {
  appearance: none;
}

input:-ms-clear {
  display: none;
}

/* clear IE10 X */
input {
  -webkit-user-modify: read-write-plaintext-only;
}

.clear::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.bc {
  margin: 0 auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.vm {
  vertical-align: middle;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.none {
  display: none;
}

.block {
  display: block;
}

.fb {
  font-weight: bold;
}

.fn {
  font-weight: normal;
}

.t2 {
  text-indent: 2em;
}

/* ellipsis */
.elli {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

del {
  text-decoration: line-through;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

video {
  width: 100%;
  display: block;
}

body {
  background: #fff;
}

.layoutbg {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}

.layout {
  position: absolute;
  /* left: 0;
    right: 0;
    top: 0;
    bottom: 0; */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  /* margin: auto; */
}

input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #c5c5c5;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #c5c5c5;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #c5c5c5;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #c5c5c5;
}

html,
body {
  background: #f7f8f9;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  width: 100%;
  height: 100%;
}

.icon1 {
  background: url("../images/icon1.png") no-repeat;
  background-size: 100% auto;
}

.icon2 {
  background: url("../images/icon2.png") no-repeat;
  background-size: 100% auto;
}

.icon3 {
  background: url("../images/icon3.png") no-repeat;
  background-size: 100% auto;
}

.icon4 {
  background: url("../images/icon4.png") no-repeat;
  background-size: 100% auto;
}

.icon5 {
  background: url("../images/icon5.png") no-repeat;
  background-size: 100% auto;
}

.icon6 {
  background: url("../images/icon6.png") no-repeat;
  background-size: 100% auto;
}

.fs .icon1 {
  background: url("../images/fs/icon1.png") no-repeat;
  background-size: 100% auto;
}

.fs .icon2 {
  background: url("../images/fs/icon2.png") no-repeat;
  background-size: 100% auto;
}

.fs .icon3 {
  background: url("../images/fs/icon3.png") no-repeat;
  background-size: 100% auto;
}

.fs .icon4 {
  background: url("../images/fs/icon4.png") no-repeat;
  background-size: 100% auto;
}

.fs .icon5 {
  background: url("../images/fs/icon5.png") no-repeat;
  background-size: 100% auto;
}

.fs .icon6 {
  background: url("../images/icon6.png") no-repeat;
  background-size: 100% auto;
}

@media (orientation: portrait) {
  /* .home {
    padding-top: 1.29855rem;
  } */
  .tips {
    /* width: 16.1886rem; */
    background: #FF1AD9;
    color: #fff;
    font-size: 0.60599rem;
    margin: 0 auto;
    padding: 8px!important;
    display: flex;
  }
  .tips dt,
  .tips dd {
    display: flex;
  }
  .tips dt {
    padding-left: 0.8657rem;
    padding-right: 0.51942rem;
    padding-top: 0.51942rem;
    width: 2.16425rem;
    box-sizing: border-box;
    justify-content: center;
  }
  .tips dd {
    width: 13.41836rem;
    padding: 0.43285rem 0;
    line-height: 0.99556rem;
  }
  .ticon {
    width: 0.77913rem;
    height: 0.77913rem;
  }
  .topInfo {
    width: 16.1886rem;
    height: 4.3285rem;
    background: #fff;
    border: 1px solid #e5e6e7;
    margin: 0 auto 0.8657rem;
    display: flex;
    padding: 0 0.8657rem;
    box-sizing: border-box;
    align-items: center;
  }
  .avatar {
    width: 2.16425rem;
    height: 2.16425rem;
    background: url("../images/avatar.png") no-repeat;
    background-size: 100% auto;
  }
  .nickname {
    color: #000;
    font-size: 0.60599rem;
    padding-left: 0.51942rem;
  }
  .cbtn {
    border: 1px solid #FF1AD9;
    border-radius: 2px;
    border-radius: 2px;
    width: 4.06879rem;
    height: 1.55826rem;
    color: #FF1AD9;
    font-size: 0.60599rem;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fs .cbtn {
    border: 1px solid #FF1AD9;
    color: #FF1AD9;
  }
  .list {
    width: 16.1886rem;
    margin: 0 auto;
    overflow: hidden;
    border-top: 1px solid #e5e6e7;
  }
  .list li {
    width: 16.1886rem;
    height: 2.5971rem;
  }
  .list li a {
    width: 100%;
    height: 2.5971rem;
    font-size: 0.60599rem;
    color: #000;
    border: 1px solid #e5e6e7;
    border-top: none;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    background: #fff;
    padding-left: 1.12541rem;
    padding-right: 1.12541rem;
  }
  .list li i {
    margin-right: 0.43285rem;
    width: 0.8657rem;
    height: 0.8657rem;
  }
  .list li span {
    width: 0.38957rem;
    height: 0.60599rem;
    background: url("../images/ricon.png") no-repeat;
    background-size: 100% auto;
    margin-left: auto;
  }
  .am-content {
    width: 16.1886rem;
    margin: 0 auto;
    padding-top: 1.29855rem;
  }
  .am-item {
    width: 16.1886rem;
    height: 2.5971rem;
    font-size: 0.60599rem;
    color: #000;
    border: 1px solid #e5e6e7;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    background: #fff;
    padding-left: 1.12541rem;
    padding-right: 1.12541rem;
  }
  .am-item i {
    margin-right: 0.43285rem;
    width: 0.8657rem;
    height: 0.8657rem;
    background: url("../images/zxicon.png") no-repeat;
    background-size: 100% auto;
  }
  .am-item span {
    width: 0.38957rem;
    height: 0.60599rem;
    background: url("../images/ricon.png") no-repeat;
    background-size: 100% auto;
    margin-left: auto;
  }
  .fs .am-item i {
    background: url("../images/fs/zxicon.png") no-repeat;
    background-size: 100% auto;
  }
  .mp-content {
    width: 16.1886rem;
    height: 15.49604rem;
    background: #ffffff;
    border: 1px solid #e5e6e7;
    font-size: 0.69256rem;
    color: #000;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    padding-top: 20px;
  }
  .logo {
    width: 6.27633rem;
    height: 0.77913rem;
    background: url("../images/logo.png") no-repeat;
    background-size: 100% auto;
    margin: 1.29855rem auto 0.8657rem;
    display: none;
  }
  .fs .logo {
    background: url("../images/fs/logo.png") no-repeat;
    background-size: 100% auto;
    display: none;
  }
  .ltype1 {
    margin: 1.94783rem auto 1.29855rem;
  }
  .ltype2 {
    margin: 2.16425rem auto 1.29855rem;
  }
  .picon {
    width: 1.7314rem;
    height: 1.7314rem;
    background: url("../images/picon.png") no-repeat;
    background-size: 100% auto;
    margin: 0.99556rem auto;
  }
  .codetips1 {
    font-size: 0.60599rem;
    color: #9e9ea0;
    padding: 0.8657rem 0 1.08213rem;
  }
  .codetips1 span {
    padding-left: 0.43285rem;
  }
  .pbtn {
    width: 12.55266rem;
    height: 1.7314rem;
    background: #FF1AD9;
    border-radius: 2px;
    margin: 1.08213rem auto;
    font-size: 0.60599rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fs .pbtn {
    background: #FF1AD9;
  }
  .codetips2 {
    color: #a4a4a6;
    font-size: 0.51942rem;
  }
  .codetips2 i {
    color: #FF1AD9;
    text-decoration: underline;
  }
  .fs .codetips2 i {
    color: #FF1AD9;
  }
  .codetips3 {
    color: #9e9ea0;
    font-size: 0.60599rem;
    padding: 1.08213rem 0 1.64483rem;
  }
  .codetips3 i {
    background: #fafafa;
    padding: 0.17314rem 0.21643rem;
    border: 1px solid #e7e7e7;
    margin-left: 0.43285rem;
  }
  .codetips3 span {
    margin-left: 0.43285rem;
  }
  .codelist {
    overflow: hidden;
  }
  .codelist ul {
    width: 12.46609rem;
    margin: 0 auto;
  }
  .codelist li {
    float: left;
    width: 2.07768rem;
    height: 2.07768rem;
    background: #fafafa;
    border: 1px solid #e7e7e7;
    border-radius: 1px;
    border-radius: 1px;
    margin: 0 0.43285rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .codelist li input {
    width: 2.07768rem;
    height: 2.07768rem;
    background: #fafafa;
    border: 1px solid #e7e7e7;
    border-radius: 1px;
    border-radius: 1px;
    margin: 0 0.43285rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .codetips4 {
    color: #FF1AD9;
    font-size: 0.51942rem;
    clear: both;
    padding-top: 1.7314rem;
  }
  .fs .codetips4 {
    color: #FF1AD9;
  }
  .inputBorder {
    width: 12.55266rem;
    height: 1.7314rem;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 0.43285rem auto 0;
    padding: 0.43285rem 0.64928rem;
    box-sizing: border-box;
    display: flex;
  }
  .inputBorder input {
    font-size: 0.60599rem;
    color: #000;
  }
  .inputBorder i {
    margin-left: auto;
    width: 0.77913rem;
    height: 0.77913rem;
  }
  .inputBorder i.sicon1 {
    background: url("../images/sicon1.png") no-repeat;
    background-size: 100% auto;
  }
  .inputBorder i.sicon2 {
    background: url("../images/sicon2.png") no-repeat;
    background-size: 100% auto;
  }
  .phoneText {
    width: 12.55266rem;
    height: 1.7314rem;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0.34628rem;
  }
  .phoneText input {
    font-size: 0.60599rem;
  }
  .get-code-btn {
    color: #FF1AD9;
    font-size: 0.60599rem;
    border-left: 1px solid #eee;
    margin-left: auto;
    padding-left: 0.43285rem;
    width: 3.89565rem;
  }
  .fs .get-code-btn {
    color: #FF1AD9;
  }
  .phoneicon {
    color: #000;
    font-size: 0.60599rem;
    display: flex;
    align-items: center;
    padding: 0 0.43285rem;
    border-right: 1px solid #e7e7e7;
    width: 1.7314rem;
    margin-right: 0.43285rem;
  }
  .phoneicon span {
    width: 0.43285rem;
    height: 0.43285rem;
    background: url("../images/dicon.png") no-repeat;
    background-size: 100% auto;
    margin-left: auto;
  }
  .layout {
    width: 14.71691rem;
    height: auto;
    /* height: rem(233); */
    background: #fff;
  }
  .layout .stips {
    font-size: 0.77913rem;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.54937rem 0 0.8657rem;
  }
  .layout .stips i {
    width: 1.21198rem;
    height: 1.21198rem;
    background: url("../images/success.png") no-repeat;
    background-size: 100% auto;
    margin-right: 0.8657rem;
  }
  .layout .ftips {
    font-size: 0.77913rem;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.16425rem 0 0.8657rem;
  }
  .layout .ftips i {
    width: 1.21198rem;
    height: 1.21198rem;
    background: url("../images/fail.png") no-repeat;
    background-size: 100% auto;
    margin-right: 0.8657rem;
  }
  .layout p {
    color: #FF1AD9;
    font-size: 0.51942rem;
    clear: both;
  }
  .fs .layout p {
    color: #FF1AD9;
  }
  .protocol-content {
    width: 16.1886rem;
    margin: 0 auto;
  }
  .ptitle {
    font-size: 0.8657rem;
    color: #000;
    text-align: center;
    padding: 1.25527rem 0 0.43285rem;
  }
  .linebg {
    width: 100%;
    height: 0.08657rem;
    background: #e7e7e7;
  }
  .ptab {
    padding: 0.43285rem 0;
    display: flex;
  }
  .ptab ul {
    display: flex;
    margin-left: auto;
  }
  .ptab ul li {
    float: left;
    color: #ccc;
    padding-left: 0.43285rem;
    font-size: 0.51942rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ptab ul li:first-child {
    border-right: 1px solid #ccc;
    padding-right: 0.43285rem;
  }
  .ptab ul li.active {
    color: #FF1AD9;
  }
  .fs .ptab ul li.active {
    color: #FF1AD9;
  }
  .pcontent {
    font-size: 0.51942rem;
    line-height: 1.29855rem;
  }
  .codetext {
    width: 4.3285rem;
  }
  .mt15 {
    margin: 0.8657rem auto 0;
  }
  .mt20 {
    margin: 1.42841rem auto 0;
  }
  .mt30 {
    margin: 1.7314rem auto;
  }
  .unbindtitle {
    width: 11.8601rem;
    font-size: 0.69256rem;
    color: #000;
    padding: 1.94783rem 0 0;
    margin: 0 auto;
    line-height: 1.29855rem;
  }
  .w200 {
    width: 8.657rem;
  }
}

@media (orientation: landscape) {
  .home {
    padding-top: 0.48rem;
  }
  .tips {
    width: 16rem;
    background: #FF1AD9;
    color: #fff;
    font-size: 0.28rem;
    margin: 0 auto;
    display: flex;
  }
  .tips dt,
  .tips dd {
    display: flex;
  }
  .tips dt {
    padding-left: 0.4rem;
    padding-right: 0.24rem;
    width: 1rem;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
  }
  .tips dd {
    color: #fff;
    width: 14.4rem;
    padding: 0.2rem 0;
    line-height: 0.4rem;
  }
  /*凡盛*/
  .fs .tips {
    background: #FF1AD9;
  }
  .ticon {
    width: 0.36rem;
    height: 0.36rem;
  }
  .topInfo {
    width: 16rem;
    height: 1.8rem;
    background: #fff;
    border: 1px solid #e5e6e7;
    margin: 0 auto 0.3rem;
    display: flex;
    padding: 0 0.64rem 0 0.52rem;
    box-sizing: border-box;
    align-items: center;
  }
  .avatar {
    width: 1rem;
    height: 1rem;
    background: url("../images/avatar.png") no-repeat;
    background-size: 100% auto;
  }
  .nickname {
    color: #000;
    font-size: 0.28rem;
    padding-left: 0.24rem;
  }
  .cbtn {
    border: 1px solid #FF1AD9;
    border-radius: 2px;
    border-radius: 2px;
    width: 1.88rem;
    height: 0.72rem;
    color: #FF1AD9;
    font-size: 0.28rem;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fs .cbtn {
    border: 1px solid #FF1AD9;
    color: #FF1AD9;
  }
  /*凡盛*/
  .fs .tips {
    border: 1px solid #FF1AD9;
    color: #FF1AD9;
  }
  .list {
    width: 16rem;
    margin: 0 auto;
    overflow: hidden;
  }
  .list li {
    float: left;
    width: 50%;
    height: 1rem;
  }
  .list li a {
    width: 100%;
    height: 1rem;
    font-size: 0.28rem;
    color: #000;
    border: 1px solid #e5e6e7;
    border-top: none;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    background: #fff;
    padding-left: 0.52rem;
    padding-right: 0.52rem;
  }
  .list li:nth-child(1) {
    border-top: 1px solid #e5e6e7;
  }
  .list li:nth-child(2) {
    border-top: 1px solid #e5e6e7;
  }
  .list li:nth-child(2n) a {
    border-left: none;
  }
  .list li i {
    margin-right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
  }
  .list li span {
    width: 0.18rem;
    height: 0.28rem;
    background: url("../images/ricon.png") no-repeat;
    background-size: 100% auto;
    margin-left: auto;
  }
  .am-content {
    width: 16rem;
    margin: 0 auto;
    padding-top: 0.66rem;
  }
  .am-item {
    width: 5.34rem;
    height: 2.42rem;
    background: #ffffff;
    border: 1px solid #e5e6e7;
    color: #000;
    font-size: 0.28rem;
    text-align: center;
    box-sizing: border-box;
  }
  .am-item i {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background: url("../images/zxicon.png") no-repeat;
    background-size: 100% auto;
    margin: 0.4rem auto 0.3rem;
  }
  .fs .am-item i {
    background: url("../images/fs/zxicon.png") no-repeat;
    background-size: 100% auto;
  }
  .mp-box {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .mp-content {
    width: 16rem;
    height: 6rem;
    background: #ffffff;
    border: 1px solid #e5e6e7;
    font-size: 0.32rem;
    color: #000;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8rem;
    margin-top: -3rem;
  }
  .logo {
    width: 2.9rem;
    height: 0.36rem;
    background: url("../images/logo.png") no-repeat;
    background-size: 100% auto;
    margin: 0.54rem auto 0.3rem;
    display: none;
  }
  .fs .logo {
    background: url("../images/fs/logo.png") no-repeat;
    background-size: 100% auto;
    display: none;
  }
  .ltype1 {
    margin: 0.64rem auto 0.4rem;
  }
  .ltype2 {
    margin: 0.9rem auto 0.6rem;
  }
  .picon {
    width: 0.8rem;
    height: 0.8rem;
    background: url("../images/picon.png") no-repeat;
    background-size: 100% auto;
    margin: 0.38rem auto 0.28rem;
  }
  .codetips1 {
    font-size: 0.28rem;
    color: #9e9ea0;
    padding: 0.3rem 0;
  }
  .codetips1 span {
    margin-left: 0.2rem;
  }
  .pbtn {
    width: 5.8rem;
    height: 0.8rem;
    background: #FF1AD9;
    border-radius: 2px;
    margin: 0.2rem auto 0.3rem;
    font-size: 0.28rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /*凡盛*/
  .fs .pbtn {
    background: #FF1AD9;
  }
  /* // .pbtn {
    //     width: rem(290);
    //     height: rem(40);
    //     background: #FF1AD9;
    //     border-radius: 2px;
    //     margin: rem(10) auto rem(15);
    //     font-size: rem(14);
    //     color: #fff;
    //     display: table;
    //     text-align: center;
    //     p{
    //         display: table-cell;
    //         vertical-align: middle;
    //         text-align: center;
    //     }
    // } */
  .codetips2 {
    color: #a4a4a6;
    font-size: 0.24rem;
  }
  .codetips2 i {
    color: #FF1AD9;
    text-decoration: underline;
  }
  /*凡盛*/
  .fs .codetips2 i {
    color: #FF1AD9;
  }
  .codetips3 {
    color: #9e9ea0;
    font-size: 0.28rem;
    padding: 0.42rem 0 0.56rem;
  }
  .codetips3 i {
    background: #fafafa;
    padding: 0.08rem 0.1rem;
    border: 1px solid #e7e7e7;
    margin-left: 0.2rem;
  }
  .codetips3 span {
    margin-left: 0.2rem;
  }
  .codelist {
    overflow: hidden;
  }
  .codelist ul {
    width: 4.48rem;
    margin: 0 auto;
  }
  .codelist li {
    float: left;
    width: 0.76rem;
    height: 0.76rem;
    background: #fafafa;
    border: 1px solid #e7e7e7;
    border-radius: 1px;
    border-radius: 1px;
    margin: 0 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .codelist li input {
    width: 0.76rem;
    height: 0.76rem;
    background: #fafafa;
    border: 1px solid #e7e7e7;
    border-radius: 1px;
    border-radius: 1px;
    margin: 0 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .codetips4 {
    color: #FF1AD9;
    font-size: 0.24rem;
    clear: both;
    padding-top: 0.72rem;
  }
  /*凡盛*/
  .fs .codetips4 {
    color: #FF1AD9;
  }
  .inputBorder {
    width: 5.8rem;
    height: 0.8rem;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 0.16rem auto 0;
    padding: 0.2rem 0.3rem;
    box-sizing: border-box;
    display: flex;
  }
  .inputBorder input {
    font-size: 0.28rem;
    color: #333;
  }
  .inputBorder i {
    margin-left: auto;
    width: 0.36rem;
    height: 0.36rem;
  }
  .inputBorder i.sicon1 {
    background: url("../images/sicon1.png") no-repeat;
    background-size: 100% auto;
  }
  .inputBorder i.sicon2 {
    background: url("../images/sicon2.png") no-repeat;
    background-size: 100% auto;
  }
  .phoneText {
    width: 5.8rem;
    height: 0.8rem;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 0 auto 0.4rem;
    box-sizing: border-box;
    display: flex;
    padding: 0.16rem 0.2rem 0.16rem 0.36rem;
  }
  .phoneText input {
    font-size: 0.28rem;
  }
  .get-code-btn {
    color: #FF1AD9;
    font-size: 0.28rem;
    border-left: 1px solid #eee;
    margin-left: auto;
    padding-left: 0.2rem;
    width: 2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /*凡盛*/
  .fs .get-code-btn {
    color: #FF1AD9;
  }
  .phoneicon {
    color: #000;
    font-size: 0.28rem;
    display: flex;
    align-items: center;
    padding: 0 0.2rem;
    border-right: 1px solid #e7e7e7;
    width: 0.8rem;
    margin-right: 0.2rem;
  }
  .phoneicon span {
    width: 0.2rem;
    height: 0.2rem;
    background: url("../images/dicon.png") no-repeat;
    background-size: 100% auto;
    margin-left: auto;
  }
  .layout {
    width: 6.8rem;
    /* height: rem(233); */
    height: auto;
    background: #fff;
  }
  .layout .stips {
    font-size: 0.36rem;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.64rem 0 0.4rem;
  }
  .layout .stips i {
    width: 0.56rem;
    height: 0.56rem;
    background: url("../images/success.png") no-repeat;
    background-size: 100% auto;
    margin-right: 0.4rem;
  }
  .layout .ftips {
    font-size: 0.36rem;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.4rem 0 0.4rem;
  }
  .layout .ftips i {
    width: 0.56rem;
    height: 0.56rem;
    background: url("../images/fail.png") no-repeat;
    background-size: 100% auto;
    margin-right: 0.4rem;
  }
  .layout p {
    color: #FF1AD9;
    font-size: 0.24rem;
    clear: both;
  }
  /*凡盛*/
  .fs .layout p {
    color: #FF1AD9;
  }
  .protocol-content {
    width: 16rem;
    margin: 0 auto;
  }
  .ptitle {
    font-size: 0.4rem;
    color: #000;
    text-align: center;
    padding: 0.58rem 0 0.18rem;
  }
  .linebg {
    width: 100%;
    height: 0.04rem;
    background: #e7e7e7;
  }
  .ptab {
    padding: 0.2rem 0;
    display: flex;
  }
  .ptab ul {
    display: flex;
    margin-left: auto;
  }
  .ptab ul li {
    float: left;
    color: #ccc;
    padding-left: 0.2rem;
    font-size: 0.24rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ptab ul li:first-child {
    border-right: 1px solid #ccc;
    padding-right: 0.2rem;
  }
  .ptab ul li.active {
    color: #FF1AD9;
  }
  /*凡盛*/
  .fs .ptab ul li.active {
    color: #FF1AD9;
  }
  .pcontent {
    font-size: 0.24rem;
    line-height: 0.6rem;
  }
  .codetext {
    width: 2rem;
  }
  .mt15 {
    margin: 0.3rem auto 0;
  }
  .mt20 {
    margin: 0.4rem auto 0.3rem;
  }
  .mt30 {
    margin: 0.6rem auto;
  }
  .unbindtitle {
    width: 5.48rem;
    font-size: 0.32rem;
    color: #000;
    padding: 0.9rem 0 0.4rem;
    margin: 0 auto;
    line-height: 0.6rem;
  }
  .w200 {
    width: 4rem;
  }
}

.graybtn {
  background: #e7e7e7;
  color: #fff;
}

.fs .graybtn {
  background: #e7e7e7;
  color: #fff;
}

.gray {
  color: #c4c4c4;
}