.loginBtn {
  width: 646rpx;
  height: 96rpx;
  margin:0 auto 30rpx;
  border-radius: 50px;
  color: #fff;
  background-color: #FF2C71;
  border: 1px solid #FF2C71;
  font-size: 32rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loginBtn image {
  width: 60rpx;
  height: 48rpx;
  margin-right: 20rpx;
}
.H5login image {
  width: 28rpx;
}
.H5login {
  color: #FF2C71;
  background-color: #fff;
  border: 1px solid #FF2C71;
}
.loginLogo{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 240rpx 0 20rpx;
}
.loginLogo image {
  width: 200rpx;
  height: 200rpx;
}
.loginTitle {
  color: #343434;
  font-size: 32rpx;
  margin-bottom: 140rpx;
  text-align: center;
}
.loginAgreement {
  position: absolute;
  bottom: 20rpx;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 28rpx;
}
.c_FF2C71 {color: #FF2C71;}

.H5login-icon {
  display: inline-block;
  width: 28rpx;
  height: 48rpx;
  margin-right: 20rpx;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAkCAYAAABrLwHZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAPRJREFUSInt1tFRg0AUheHPDO/SgRSQGbWCYAWmg6QDpQLtQO3AErQCLcESYgWSCvRhwWEwYQnmgQfOzD7s7OHfe4GZe06+5wU8YoXU4XpBgU1SgW4GQGotkeEywbrDWOCjsb/F9Q7fBfIEpx2wRev8rKvEpOtQaGEZ8fyBfWLT96GWUpw3Yc+4HwjL8QazgYCdGh2sPCbs9z8cXZsTbIJNsAk2Blg9nRa4OxYsr9a/1KfNAld4jRlj8eBJSEmEwfEVq2zbozrCSOv0zoSwtk8rIUKleLA/MW3xngiZKxO+aFtp5LIalBPeWVltsmodolJjCP8Ad78iZSua/8sAAAAASUVORK5CYII=") center no-repeat;
  background-size: 100% 100%;
}

/* 主题色
商城主题色 #ff0023  .theme_sc
直选主题色 #ff2c71  .theme_zx
蛋联主题色 #f5cf49  .theme_egg
经典黑 #262a2f      .theme_black
遐想灰 #47525d      .theme_gray
农信蓝 #2d86fe      .theme_blue
湖光绿 #22d7bb      .theme_green
日光橙 #ff9600      .theme_orange
 */

/* 
  商城主题色 #ff0023
  .theme_sc 
  */

  .theme_sc .loginBtn {
  background-color: #ff0023;
  border: 1px solid #ff0023;
}
.theme_sc .H5login {
  color: #ff0023;
  background-color: #fff;
  border: 1px solid #ff0023;
}
.theme_sc .loginAgreement text {
  color: #ff0023;
}
.theme_sc .H5login-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAkCAYAAABrLwHZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAO5JREFUSInt1tFJw1AYxfFfQt7NBgoZQJwgzQSO0BE0E+gG1g0cQSfQETpCO4HpBNeHJFKkSZPYhzzkwIUL9/Dn++DCOVGQwQZrpMbrHSV2UZBt8DABcqwt7qIgq3DVYSobY6tH3Hd4i6QHBPmf9+u+8aIgC32GESqS5rLHbiIkxS20sDc8T4St8AnxRMBJzQ5WXRL2+w9nt+YCW2ALbIHNAdamU46n/8IuGsJD1ixR4OOcMTnz/qquW9TB8d1njnEYMB11pPV6Y3VZ69JaXaFSvOhuTAd8RUGWNsB84ISnQCtso6aGwk1zxqhyFMI/QVIp5Vi4qhUAAAAASUVORK5CYII=") center no-repeat;
  background-size: 100% 100%;
}


/* 
直选主题色 #ff2c71
.theme_zx 
*/

.theme_zx .loginBtn {
  background-color: #ff2c71;
  border: 1px solid #ff2c71;
}
.theme_zx .H5login {
  color: #ff2c71;
  background-color: #fff;
  border: 1px solid #ff2c71;
}
.theme_zx .loginAgreement text {
  color: #ff2c71;
}
.theme_zx .H5login-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAkCAYAAABrLwHZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAPRJREFUSInt1tFRg0AUheHPDO/SgRSQGbWCYAWmg6QDpQLtQO3AErQCLcESYgWSCvRhwWEwYQnmgQfOzD7s7OHfe4GZe06+5wU8YoXU4XpBgU1SgW4GQGotkeEywbrDWOCjsb/F9Q7fBfIEpx2wRev8rKvEpOtQaGEZ8fyBfWLT96GWUpw3Yc+4HwjL8QazgYCdGh2sPCbs9z8cXZsTbIJNsAk2Blg9nRa4OxYsr9a/1KfNAld4jRlj8eBJSEmEwfEVq2zbozrCSOv0zoSwtk8rIUKleLA/MW3xngiZKxO+aFtp5LIalBPeWVltsmodolJjCP8Ad78iZSua/8sAAAAASUVORK5CYII=") center no-repeat;
  background-size: 100% 100%;
}

/* 
蛋联主题色 #f5cf49
.theme_egg 
*/

.theme_egg .loginBtn {
  background-color: #f5cf49;
  border: 1px solid #f5cf49;
}
.theme_egg .H5login {
  color: #f5cf49;
  background-color: #fff;
  border: 1px solid #f5cf49;
}
.theme_egg .loginAgreement text {
  color: #f5cf49;
}
.theme_egg .H5login-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAkCAYAAABrLwHZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAPRJREFUSInt1sFRg0AYxfGfmb1LB9KBWkHw6Ml0EDtQKtAO1A4sQSswHWgJsQLJwbuHBYfBBAjmwIE3s4edffz3+4CZ7x19v1/CI5ZI7K8X5FiHEnQzAFJpgRTnAdctxhwftf0trrb4zpAFHLfA5o3zk7YSQ9uh2MKiw/MH9ol134caSnBahz3jfiAswxvMBgK2anSw4pCw3/9wdG1OsAk2wSbYGGDVdJrj7lCwrFz/Up82c1zgtcvYFQ+exJREHBxfXZVtelRHHGmt3pkY1nZpKUaoBA92J6YNVkHMXKn4RZtKOi6rQBnxnRXlJi3XPirUhvAPPtoi1hxuwCAAAAAASUVORK5CYII=") center no-repeat;
  background-size: 100% 100%;
}

/* 
经典黑 #262a2f
.theme_black
*/

.theme_black .loginBtn {
  background-color: #262a2f;
  border: 1px solid #262a2f;
}
.theme_black .H5login {
  color: #262a2f;
  background-color: #fff;
  border: 1px solid #262a2f;
}
.theme_black .loginAgreement text {
  color: #262a2f;
}
.theme_black .H5login-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAkCAYAAABrLwHZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAPRJREFUSInt1sFRg0AYxfGfGe7SgZw8eIlWEKzAdBA7UCrQDtQOLEEriCVYQqxA0oGHBYfBZCGYAwfezB529vHf7wNmvndyfjGHZ6yQOlxvKLBJKtDdAEitJTJcJbiNGAt8Nvb3uNnhu0Se4DQCW7TOz2IlJrFDoYVlh+cP7Aubvg+1lGLehL3icSAsxxpmAwE7NTpYeUzY7384ujYn2ASbYBNsDLB6Oi3wcCxYXq1/qU+bBa7x3mXsigcvQkoiDI7vrsq2PaojjLSodyaEtX1aCREqxZP9iWmLj0TIXJnwRdtKOy6rQTnhnZXVJqvWISo1hvAPaqohSMiTPz4AAAAASUVORK5CYII=") center no-repeat;
  background-size: 100% 100%;
}

/* 
遐想灰 #47525d
.theme_gray
*/

.theme_gray .loginBtn {
  background-color: #47525d;
  border: 1px solid #47525d;
}
.theme_gray .H5login {
  color: #47525d;
  background-color: #fff;
  border: 1px solid #47525d;
}
.theme_gray .loginAgreement text {
  color: #47525d;
}
.theme_gray .H5login-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAkCAYAAABrLwHZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAPRJREFUSInt1sFRg0AYxfGfGe7SgXSgVhA8eTTj3YkdKBVoB2oHlmAq0BIsIVYg6cDDgsNgwhLMgQNvZg87+/jv9wEz3zu6vL6BZyyR2l9vKLBOKtDdAEitBTKcJ7jtMBb4bOzvcbXFd4Y8wXEHbN46P+kqMek6FFpYRDx/YF9Y932opRSnTdgrHgfCcrzDbCBgq0YHKw8J+/0PR9fmBJtgE2yCjQFWT6c5Hg4Fy6v1L/Vps8AFVjFjLB68CCmJMDi+Y5VtelRHGGmd3pkQ1nZpKUSoFE92J6YNPhIhc2XCF20rjVxWg3LCOyurTVatfVRqDOEfcoYhv01ZAc4AAAAASUVORK5CYII=") center no-repeat;
  background-size: 100% 100%;
}

/* 
农信蓝 #2d86fe      
.theme_blue
*/

.theme_blue .loginBtn {
  background-color: #2d86fe;
  border: 1px solid #2d86fe;
}
.theme_blue .H5login {
  color: #2d86fe;
  background-color: #fff;
  border: 1px solid #2d86fe;
}
.theme_blue .loginAgreement text {
  color: #2d86fe;
}
.theme_blue .H5login-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAkCAYAAABrLwHZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAPVJREFUSInt1sFRg0AYxfGfmb1LB9KAo1YQrMB0EDtQKtCTV7UDS9AKYgmWECuQNOB4WHAYTIBgDhx4M3vY2cd/vw+Y+d7R6cM3PGGJxP56RY51KEE3AyCVFkhxEXDdYszxUdvf4mqL7xxZwHELbN44P2krMbQdii0sOjx/YJ9Y932ooQRnddgL7gfCMqxgNhCwVaODFYeE/f6Ho2tzgk2wCTbBxgCrptMcd4eCZeX6l/q0meMSb13GrnjwLKYk4uD46qps06M64khr9c7EsLZLSzFCJXi0OzFt8B7EzJWKX7SppOOyCpQR31lRbtJy7aNCbQj/AFmpInrFrR3UAAAAAElFTkSuQmCC") center no-repeat;
  background-size: 100% 100%;
}

/* 
湖光绿 #22d7bb         
.theme_green
*/

.theme_green .loginBtn {
  background-color: #22d7bb;
  border: 1px solid #22d7bb;
}
.theme_green .H5login {
  color: #22d7bb;
  background-color: #fff;
  border: 1px solid #22d7bb;
}
.theme_green .loginAgreement text {
  color: #22d7bb;
}
.theme_green .H5login-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAkCAYAAABrLwHZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAPVJREFUSInt1sFRg0AYxfGfGe7SgYwNqBUEKzAdxA6UCrQDtQNL0LOHWII3r7ECSQceFhwGk4VgDhx4M3vY2cd/vw+Y+d7R6ecbPGKJ1P56QYF1UoFuBkBqLZDhIsF1xFjgo7G/xdUW3znyBMcR2Lx1fhIrMYkdCi0sOjx/YF9Y932opRRnTdgz7gfCcqxgNhCwVaODlYeE/f6Ho2tzgk2wCTbBxgCrp9Mcd4eC5dX6l/q0WeASr13GrnjwJKQkwuD47qps06M6wkiLemdCWNulpRChUjzYnZg2eE+EzJUJX7SttOOyGpQT3llZbbJq7aNSYwj/AHpXIn1dAwgQAAAAAElFTkSuQmCC") center no-repeat;
  background-size: 100% 100%;
}

/* 
日光橙 #ff9600      
.theme_orange
*/

.theme_orange .loginBtn {
  background-color: #ff9600;
  border: 1px solid #ff9600;
}
.theme_orange .H5login {
  color: #ff9600;
  background-color: #fff;
  border: 1px solid #ff9600;
}
.theme_orange .loginAgreement text {
  color: #ff9600;
}
.theme_orange .H5login-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAkCAYAAABrLwHZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAPRJREFUSInt1s1Rg1AUxfFfMuylA+nAsYKQCkwHKcFQgXagbrK2BK1AS7CEpAJJBcnigcOgfASzYMGZeYs37/B/9wIz98yOW/CMNWLn6w0ZdlEBuh8AKbVCgtvZcSvHVYMxw1dlv8Fdg3cZtYBgUTu/bisxajsUWlh1eH7B9tj1faimGDdV2CseB8JSfMB8IOBPjQ6WXxL28x+Ors0JNsEm2AQbA6ycTgs8XAqWFutf6tNmhiXeu4xd8eBFSEmEwfHdVdmhR3WEkdbqnQthrUlrIULFeNKcmA74jITMlQhftK6447ISlBLeWV5skmKdo1xlCJ8AvmMkYFnzPJ0AAAAASUVORK5CYII=") center no-repeat;
  background-size: 100% 100%;
}