/*椤甸潰寮�澶�*/
#header {
  height: 1.375rem;
  line-height: 1.375rem;
  z-index: 10;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}
#header .header {
  padding: 0 0.46875rem;
  height: 1.375rem;
  display: block;
  background-color: #fff;
}
#header .index-head {
  background-color: #e53333;
}
#header .index-head .header-left .icon-xiangzuo {
  color: #fff;
}
#header .index-head .header-tit {
  height: 1.375rem;
  color: #fff;
}
#header .index-head .header-tit .logo {
  height: 100%;
}
#header .index-head .header-left .iconfont {
  font-size: 0.625rem;
  line-height: 1.375rem;
}
#header .w-header {
  background-color: #ff1243;
}
#header .w-header .header-tit {
  color: #fff;
}
#header .w-header .header-left .icon-xiangzuo {
  color: #fff;
}
#header .w-header .header-left .iconfont {
  font-size: 0.625rem;
  line-height: 1.375rem;
}
#header .header-left {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 1.375rem;
  color: #fff;
  width: 20%;
  text-align: left;
}
#header .header-left .icon-xiangzuo {
  font-size: 0.5625rem;
  display: block;
  height: 1.375rem;
  color: #4a4a4a;
  background-repeat: no-repeat;
  background-size: 0.625rem;
  background-position: left center;
}
#header .header-right {
  display: inline-block;
  font-size: 0.5625rem;
  line-height: 1.375rem;
  text-align: center;
  position: absolute;
  color: #fff;
  right: 0.46875rem;
  top: 0;
}
#header .header-right .header-slide {
  background-color: #e53333;
  position: absolute;
  width: 100px;
  text-align: center;
  top: 1.375rem;
  right: -20px;
  display: none;
}
#header .header-right a {
  color: #fff;
  font-size: 0.375rem;
}
#header .header-right .header-more {
  display: block;
  font-size: 0.53125rem;
  color: #fff;
  line-height: 1.375rem;
}
#header .header-right .baocun {
  display: block;
  font-size: 0.46875rem;
  line-height: 1.375rem;
  color: #fff;
}
#header .header-right .icon-gengduo {
  color: #10c9bb;
}
#header .header-tit {
  text-align: center;
  padding: 0 0.78125rem;
  line-height: 1.375rem;
  font-size: 0.53125rem;
  font-weight: 400;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}
#header .header-tit .down {
  border-left: 0.15625rem solid transparent;
  border-top: 0.21875rem solid #fff;
  border-right: 0.15625rem solid transparent;
  display: inline-block;
  margin-left: 0.15625rem;
}
#header .header-tit.bj-w {
  color: #fff;
  background-color: #ff1243;
}
#header .header-tit.line {
  width: 100%;
  margin-left: -0.31rem;
}
#header .choose-btn {
  color: #fff;
  font-size: 0.46875rem;
}
#header .icon-shaixuan {
  color: #fff;
  font-size: 0.46875rem;
}
#header .btn-group {
  padding: 0.3125rem 2.5rem 0 2.5rem;
  height: 0.625rem;
}
#header .btn-group .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#header .btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#header .btn-group .btn {
  line-height: 0.625rem;
  height: 0.625rem;
  color: #fff;
  border: 2px solid #fff;
  border-left: none;
  font-size: 0.375rem;
  display: inline-block;
}
#header .btn-group .btn.sure {
  border: 2px solid #fff;
  background: #fff;
  color: #ff1243;
}
.scroll {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
.nullrocord {
  position: absolute;
  height: 3.125rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* 寮�濂栬褰� */
#record {
  position: fixed;
  top: 1.375rem;
  left: 0;
  width: 100%;
  bottom: 1.53125rem;
}
#record .form {
  width: 100%;
}
#record .form table {
  width: 100%;
  border: 1px solid #ccc;
}
#record .form table th {
  background-color: #f4f4f4;
  text-align: center;
  font-size: 0.40625rem;
  line-height: 0.9375rem;
}
#record .form table td {
  font-size: 0.40625rem;
  line-height: 0.9375rem;
  text-align: center;
}
#record .form table .big,
#record .form table .shuang,
#record .form table .long {
  color: #a71335;
}
#record .form table .dan,
#record .form table .hu {
  color: #ff1243;
}
#record .form table .ban {
  color: #702e90;
}
#record .form table .za {
  color: #789e89;
}
#record .form table .dui {
  color: #d7a542;
}
#record .form table .number {
  white-space: nowrap;
  display: flex;
  min-height: 0.9375rem;
  justify-content: space-around;
  margin: 0;
  padding: 0;
  border: none;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
#record .form table .number i {
  flex-grow: 1;
  border: none;
  width: 0.40625rem;
  height: 0.40625rem;
  background-color: #ff1243;
  color: #fff;
  font-size: 0.40625rem;
  line-height: 0.40625rem;
  margin: 0 0.015625rem;
  text-align: center;
  float: left;
  border-radius: 50%;
}
/* 寮�濂栬褰曟寜閽〉闈㈠垏鎹� */
#pagechange {
  position: fixed;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 1.53125rem;
  border-top: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 0 0.46875rem;
  box-sizing: border-box;
}
#pagechange .conbtn {
  border: 1px solid #80aea3;
  text-align: center;
  font-size: 0.46875rem;
  display: inline-block;
  line-height: 0.9375rem;
  border-radius: 0.46875rem;
  padding: 0 0.46875rem;
  margin: auto;
  color: #80aea3;
  height: 0.9375rem;
}
/* 涓婂垎璁板綍 */
#shangfenrecord {
  padding-top: 1.375rem;
  box-sizing: border-box;
  height: 100vh;
}
#shangfenrecord .topbtn {
  height: 1.40625rem;
  margin-bottom: 0.15625rem;
}
#shangfenrecord .topbtn a {
  font-size: 0.46875rem;
  line-height: 1.40625rem;
  color: #333;
  text-align: center;
  margin: 0 0.46875rem;
}
#shangfenrecord .topbtn .sure {
  border-bottom: 2px solid #37af93;
}
#shangfenrecord .toplinebtn {
  height: 1.40625rem;
  margin-bottom: 0.15625rem;
  border-bottom: 4px solid #f4f4f4;
}
#shangfenrecord .toplinebtn a {
  font-size: 0.46875rem;
  line-height: 1.40625rem;
  color: #333;
  text-align: center;
  margin: 0 0.46875rem;
}
#shangfenrecord .conbox {
  position: fixed;
  top: 4.375rem;
  width: 100%;
  left: 0;
  bottom: 0;
  overflow: auto;
}
#shangfenrecord .conbox .line .btn {
  color: #666;
  text-align: center;
  font-size: 0.4375rem;
  border-bottom: 1px solid #ccc;
  line-height: 0.9375rem;
}
.changepassword {
  padding-top: 1.875rem;
  box-sizing: border-box;
  min-height: 100vh;
}
.changepassword .lineinput {
  margin: 0.15625rem 0.46875rem;
  border: 1px solid #ccc;
}
.changepassword .lineinput input {
  border: none;
  padding-left: 0.46875rem;
  border-radius: 4px;
  line-height: 0.9375rem;
  font-size: 0.46875rem;
}
.changepassword .lineinput a {
  font-size: 0.46875rem;
  line-height: 0.9375rem;
  padding: 0 0.46875rem;
}
.defaultbtn {
  margin: 0.46875rem;
  font-size: 0.625rem;
  line-height: 1.40625rem;
  text-align: center;
  background-color: #37af93;
  display: block;
  border-radius: 0.703125rem;
  color: #fff;
}
/* 涓汉涓績 */
#user {
  background: transparent url('../images/usertop.png') no-repeat top scroll;
  background-size: 100% auto;
  position: fixed;
  top: 0;
  width: 100%;
  bottom: 1.5625rem;
  background-color: #f8f8f8;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
#user .headbox {
  position: relative;
}
#user .headbox .head {
  display: block;
  margin: auto;
  width: 1.5625rem;
  padding-top: 0.9375rem;
}
#user .headbox .name {
  color: #fff;
  font-size: 0.46875rem;
  text-align: center;
  display: block;
  padding-top: 0.3125rem;
}
#user .headbox .name img {
  height: 0.375rem;
  vertical-align: middle;
}
#user .headbox .name a {
  color: #333;
  border-radius: 0.0625rem;
  padding: 0.0625rem 0.1875rem;
  background-color: #f4f4f4;
  font-size: 0.25rem;
  vertical-align: middle;
}
#user .headbox .smalltxt {
  color: #fff;
  font-size: 0.3125rem;
  vertical-align: middle;
  padding-bottom: 0.46875rem;
  padding: 0.15625rem 0;
}
#user .headbox .smalltxt img {
  width: 0.3125rem;
  vertical-align: middle;
}
#user .headbox .smalltxt em {
  color: #fff;
  border-radius: 0.0625rem;
  padding: 0.0625rem 0.1875rem;
  background-color: #f7af2b;
  font-size: 0.25rem;
  line-height: 0.46875rem;
  vertical-align: middle;
}
#user .headbox .yue {
  color: #fff;
  font-size: 0.375rem;
}
#user .headbox .yue span {
  font-size: 0.625rem;
  color: #fff;
  padding-left: 0.15625rem;
}
#user .headbox .conbtns {
  padding: 0.234375rem 0;
  border-radius: 0.625rem;
  width: 5.078125rem;
  margin: 6vw auto 0 auto;
  background-color: #fff;
  box-shadow: 0px 4px 6px 1px #ccc;
}
#user .headbox .conbtns .btn {
  width: 50%;
  color: #5682e4;
  font-size: 0.40625rem;
  line-height: 0.625rem;
  text-align: center;
}
#user .headbox .conbtns .btn:nth-child(1) {
  border-right: 1px solid #5682e4;
  box-sizing: border-box;
}
#user .headbox .header-left {
  width: 0.46875rem;
  position: absolute;
  left: 0.46875rem;
  top: 0.46875rem;
}
#user .headbox .header-left .iconfont {
  color: #fff;
  font-size: 0.46875rem;
}
#user .headbox .header-right {
  height: 0.625rem;
  position: fixed;
  right: 0.46875rem;
  top: 0.46875rem;
}
#user .headbox .header-right img {
  display: block;
  height: 100%;
}
#user .conlist {
  margin: 0.46875rem;
  background-color: #fff;
  border-radius: 0.46875rem;
}
#user .conlist .conline {
  font-size: 0.40625rem;
  line-height: 0.9375rem;
  text-align: left;
  color: #333;
}
#user .conlist .conline em {
  margin-right: 0.15625rem;
  display: inline-block;
  vertical-align: sub;
  width: 0.125rem;
  height: 0.46875rem;
  border-radius: 0.046875rem 0.046875rem 0.046875rem 0.046875rem;
  background-color: #ff5146;
}
#user .conlist .conbox {
  padding-top: 0.46875rem;
}
#user .conlist .conbox a:not(:nth-child(n+7)) {
  border-bottom: 1px solid #f4f4f4;
  box-sizing: border-box;
}
#user .conlist .conbox a {
  width: 33%;
  padding: 0.46875rem 0;
}
#user .conlist .conbox a img {
  height: 1.046875rem;
  width: 1.046875rem;
}
#user .conlist .conbox a p {
  font-size: 0.375rem;
  line-height: 0.625rem;
  color: #666;
}
/* 棣栭〉 */
#index {
  position: fixed;
  top: 0;
  bottom: 1.875rem;
  width: 100%;
  overflow: auto;
  /* 閫氱煡 */
  /* 褰╃エ澶撮儴 */
  /* 鍒楄〃 */
  /* 寮瑰嚭灞� */
}
#index .topbar {
  background: transparent url('../images/indetopbj.png') no-repeat top scroll;
  background-size: 100%;
  padding-top: 48vw;
  padding-bottom: 0.15625rem;
}
#index .btnlist {
  margin: 0 0.40625rem 0 0.40625rem;
  box-shadow: 0px 0px 4px 3px #cccccc;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  background-color: #fff;
}
#index .btnlist .btn {
  padding-top: 0.15625rem;
}
#index .btnlist .btn img {
  width: 1.40625rem;
}
#index .btnlist .btn p {
  font-size: 0.375rem;
  color: #000;
  line-height: 0.78125rem;
}
#index .tongzhi {
  padding: 0.375rem;
  background-color: #fff;
}
#index .tongzhi span {
  padding: 0 0.15625rem;
  border-right: 1px solid #ccc;
}
#index .tongzhi span img {
  height: 0.46875rem;
  padding-right: 0.15625rem;
  padding-top: 0.0625rem;
}
#index .tongzhi .txtbox {
  font-size: 0.3125rem;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.625rem;
  padding: 0 0.15625rem;
  text-align: left;
}
#index .ctitle {
  padding: 0.15625rem 0.375rem;
  background-color: #f4f4f4;
  position: relative;
}
#index .ctitle img {
  height: 0.46875rem;
}
#index .conbtns {
  background-color: #f4f4f4;
}
#index .conbtns .conbox:nth-child(odd) {
  border-right: 0.078125rem solid #f4f4f4;
  box-sizing: border-box;
}
#index .conbtns .conbox:nth-child(even) {
  border-left: 0.078125rem solid #f4f4f4;
  box-sizing: border-box;
}
#index .conbtns .conbox {
  align-items: center;
  width: 50%;
  padding-top: 0.265625rem;
  padding-bottom: 0.265625rem;
  background-color: #fff;
  margin: 0.15625rem 0;
  box-sizing: border-box;
}
#index .conbtns .conbox .contxt .tit,
#index .conbtns .conbox .contxt .smalltit {
  text-align: left;
  padding-left: 0.390625rem;
}
#index .conbtns .conbox .contxt .tit {
  font-size: 0.421875rem;
  color: #004ab9;
}
#index .conbtns .conbox .contxt .smalltit {
  font-size: 0.3125rem;
  color: #6a6a6a;
}
#index .conbtns .conbox .conpng {
  padding-right: 0.21875rem;
}
#index .conbtns .conbox .conpng img {
  height: 1.3125rem;
  float: right;
}
#index #shaodowbox {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none;
}
#index #shaodowbox .conbox {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9.375rem;
  border-radius: 0.15625rem;
  background-color: #fff;
}
#index #shaodowbox .conbox .close {
  position: absolute;
  right: 0.46875rem;
  top: 0.46875rem;
}
#index #shaodowbox .conbox .tit {
  font-size: 0.78125rem;
  line-height: 1.40625rem;
  border-bottom: 1px solid #ccc;
}
#index #shaodowbox .conbox .ewm {
  width: 3.125rem;
  margin: 0.46875rem auto;
  display: block;
}
#index #shaodowbox .conbox .desc {
  font-size: 0.46875rem;
  color: #333;
  line-height: 0.9375rem;
}
#index #shaodowbox .conbox .inputline {
  padding: 0.15625rem 0.46875rem;
}
#index #shaodowbox .conbox .inputline .name {
  font-size: 0.46875rem;
  color: #000;
  width: 1.5625rem;
  display: inline-block;
  white-space: nowrap;
  line-height: 0.78125rem;
}
#index #shaodowbox .conbox .inputline input {
  border: 1px dashed #ccc;
  border-radius: 0.078125rem;
  font-size: 0.46875rem;
  line-height: 0.78125rem;
  width: 4.0625rem;
  margin: 0 0.15625rem;
  display: inline-block;
  padding-left: 0.46875rem;
  box-sizing: border-box;
}
#index #shaodowbox .conbox .inputline .copy {
  border: 1px solid #1bbd97;
  color: #1bbd97;
  font-size: 0.46875rem;
  line-height: 0.78125rem;
  text-align: center;
  width: 1.875rem;
  display: inline-block;
  height: 0.78125rem;
  margin: 0.15625rem;
}
#index #mainshadow {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
#index #mainshadow .conbox {
  position: absolute;
  min-height: 9.375rem;
  width: 90%;
  left: 50%;
  top: 50%;
  max-width: 12.5rem;
  transform: translate(-50%, -50%);
  background-color: #ff2e66;
  border-radius: 0.3515625rem;
}
#index #mainshadow .conbox .tit {
  color: #fff;
  background-color: #ff173b;
  line-height: 1.40625rem;
  font-size: 0.46875rem;
  height: 1.40625rem;
  text-align: center;
  position: relative;
  border-top-left-radius: 0.3515625rem;
  border-top-right-radius: 0.3515625rem;
}
#index #mainshadow .conbox .tit a {
  position: absolute;
  right: 0.3125rem;
  top: 0rem;
  color: #fff;
  font-size: 0.46875rem;
}
#index #mainshadow .conbox .conbtnlist {
  text-align: center;
}
#index #mainshadow .conbox .conbtnlist .btn {
  margin: 0.3125rem 0.15625rem;
  display: inline-block;
}
#index #mainshadow .conbox .conbtnlist .btn a {
  display: inline-block;
  margin: auto;
  border-radius: 0.3125rem;
  line-height: 0.625rem;
  font-size: 0.4375rem;
  text-align: center;
  padding: 0 0.15625rem;
  color: #fff;
}
#index #mainshadow .conbox .conbtnlist .btn .sure {
  border-radius: 0.3125rem;
  background-color: #fff;
  color: #ff2e66;
}
#index #mainshadow .conbox .conmainbox .con {
  display: none;
}
#index #mainshadow .conbox .conmainbox .con:nth-child(1) {
  display: block;
}
#index #mainshadow .conbox .conmainbox .con1 {
  background: transparent url('../images/gonggaobj.png') no-repeat top scroll;
  background-size: cover;
  min-height: 6.25rem;
  margin: 0 0.46875rem;
  box-sizing: border-box;
}
#index #mainshadow .conbox .conmainbox .con1 .title {
  font-size: 0.46875rem;
  color: #f20909;
  text-align: center;
  display: block;
  line-height: 1.40625rem;
  font-weight: bold;
}
#index #mainshadow .conbox .conmainbox .con1 .desc {
  font-size: 0.40625rem;
  line-height: 0.625rem;
  color: #333;
  padding: 0.15625rem 0.46875rem;
  text-align: left;
}
#index #mainshadow .conbox .conmainbox .con2 {
  background: transparent url('../images/gonggaobj.png') no-repeat top scroll;
  background-size: cover;
  min-height: 6.25rem;
  margin: 0 0.46875rem;
  box-sizing: border-box;
}
#index #mainshadow .conbox .conmainbox .con2 .title {
  font-size: 0.46875rem;
  color: #f20909;
  text-align: center;
  display: block;
  line-height: 1.40625rem;
  font-weight: bold;
}
#index #mainshadow .conbox .conmainbox .con2 .desc {
  font-size: 0.40625rem;
  line-height: 0.625rem;
  color: #333;
  padding: 0.15625rem 0.46875rem;
  text-align: left;
}
#index #mainshadow .conbox .conmainbox .con3 {
  background: transparent url('../images/gonggaobj.png') no-repeat top scroll;
  background-size: cover;
  min-height: 6.25rem;
  margin: 0 0.46875rem 0.46875rem 0.46875rem;
  box-sizing: border-box;
}
#index #mainshadow .conbox .conmainbox .con3 .title {
  font-size: 0.46875rem;
  color: #f20909;
  text-align: center;
  display: block;
  line-height: 1.40625rem;
  font-weight: bold;
}
#index #mainshadow .conbox .conmainbox .con3 .conline {
  overflow: hidden;
}
#index #mainshadow .conbox .conmainbox .con3 .box {
  float: left;
  width: 33%;
}
#index #mainshadow .conbox .conmainbox .con3 a {
  font-size: 0.40625rem;
  color: #e9392a;
  position: relative;
  width: 2.359375rem;
  height: 2.1875rem;
  display: block;
  margin: 0.3125rem auto;
  text-align: center;
  background: transparent url('../images/chairesult.png') no-repeat top scroll;
  background-size: cover;
}
#index #mainshadow .conbox .conmainbox .con3 a .png {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.359375rem;
  height: 2.1875rem;
}
#index #mainshadow .conbox .conmainbox .con3 a em {
  color: #e9392a;
  font-size: 0.46875rem;
  text-align: center;
  font-weight: bold;
  padding-top: 0.3125rem;
  display: inline-block;
}
/* 娉ㄥ唽 */
#register {
background: transparent url('../../login/images/loginbj.jpg') no-repeat top scroll;
  background-size: 100% auto;
  min-height: 100vh;
  box-sizing: border-box;
}
#register h1 {
  font-size: 0.46875rem;
  padding-top: 0.46875rem;
  text-align: center;
  display: block;
  color: #fff;
}
#register h1 .header-left {
  position: absolute;
  font-size: 0.46875rem;
  color: #fff;
  left: 0.46875rem;
}
#register .linebox {
  padding-top: 38vw;
}
#register .linebox .lineinput {
  margin: 0.46875rem;
  border: 1px solid #ccc;
  border-radius: 0.703125rem 0.703125rem 0.703125rem 0.703125rem;
  overflow: hidden;
  background-color: #f5f5f5;
}
#register .linebox .lineinput .lefticon {
  line-height: 1.40625rem;
  width: 0.9375rem;
  text-align: center;
  font-size: 0.46875rem;
  color: #ff1243;
}
#register .linebox .lineinput input {
  border: none;
  border-radius: 4px;
  line-height: 1.10rem;
  font-size: 0.42rem;
  background-color: #f5f5f5;
}
#register .linebox .lineinput a {
  font-size: 0.46875rem;
  line-height: 1.40625rem;
  padding: 0 0.46875rem;
}
#register .loginbtn {
  border-radius: 0.1875rem;
  width: 6.25rem;
  background-color: #f84b45;
  display: block;
  margin: 0.3125rem auto 0 auto;
}
#register .dui {
  line-height: 0.46875rem;
  color: #0f8022;
}
#register .btnline {
  padding: 0.46875rem;
  text-align: center;
}
#register .btnline a {
  color: #333;
  font-size: 0.375rem;
  padding: 0 0.3125rem;
}
#register .btnline .register {
  color: #f84b45;
}
#register .ewm img {
  vertical-align: middle;
  height: 0.78125rem;
  display: inline-block;
}
#register .registerbtn {
  color: #000;
  display: block;
  width: 4.84375rem;
  margin: auto;
  font-size: 0.4375rem;
  text-align: center;
}
#login {
  background: transparent url('../../login/images/loginbj.jpg') no-repeat top scroll;
  background-size: 100% auto;
}
#login h1 {
  font-size: 0.46875rem;
  padding-top: 0.46875rem;
  text-align: center;
  display: block;
  color: #fff;
  position: relative;
}
#login h1 .header-left {
  position: absolute;
  font-size: 0.46875rem;
  color: #fff;
  left: 0.46875rem;
}
#login .linebox {
  padding-top: 40vw;
}
#login .ewm img {
  vertical-align: middle;
  height: 0.78125rem;
  display: inline-block;
}
#login .logoimg {
  display: block;
  width: 4.6875rem;
  margin: 0.9375rem auto;
}
#login .lineinput {
  margin: 0.46875rem;
  border: 1px solid #ccc;
  border-radius: 0.703125rem 0.703125rem 0.703125rem 0.703125rem;
  overflow: hidden;
  background-color: #f5f5f5;
}
#login .lineinput .lefticon {
  line-height: 1.40625rem;
  width: 0.9375rem;
  text-align: center;
  font-size: 0.46875rem;
  color: #ff1243;
}
#login .lineinput input {
  border: none;
  border-radius: 4px;
  line-height: 1.40625rem;
  font-size: 0.46875rem;
  background-color: #f5f5f5;
}
#login .lineinput a {
  font-size: 0.46875rem;
  line-height: 1.40625rem;
  padding: 0 0.46875rem;
}
#login .contip {
  margin: 0.15625rem 0.46875rem;
  vertical-align: middle;
  line-height: 0.9375rem;
  color: #666;
  font-size: 0.46875rem;
}
#login .contip .dui {
  border: 1px solid #ccc;
  width: 0.46875rem;
  height: 0.46875rem;
  display: inline-block;
  border-radius: 0.234375rem;
  margin-right: 0.3125rem;
  vertical-align: middle;
}
#login .loginbtn {
  border-radius: 0.1875rem;
  width: 6.25rem;
  background-color: #f84b45;
  display: block;
  margin: 1rem auto 0 auto;
}
#login .btnline {
  padding: 0.46875rem;
  text-align: center;
}
#login .btnline a {
  color: #333;
  font-size: 0.375rem;
  padding: 0 0.3125rem;
}
#login .btnline a:nth-child(1) {
  border-right: 1px solid #333;
}
#login .btnline .register {
  color: #f84b45;
}
#login .registerbtn {
  color: #189dd6;
  border-bottom: 1px solid #189dd6;
  display: block;
  width: 2.5rem;
  margin: auto;
  font-size: 0.4375rem;
  text-align: center;
}
/* 鎶曟敞璁板綍 */
#betRecord {
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  bottom: 1.875rem;
}
#betRecord .box .more {
  font-size: 0.375rem;
  color: #666;
  text-align: center;
  line-height: 0.9375rem;
}
#betRecord .list-box {
  padding-bottom: 1.875rem;
}
#betRecord .list {
  margin: 0 0.15625rem;
  padding: 0.46875rem 0;
  border-bottom: 1px solid #f4f4f4;
}
#betRecord .list .tit {
  color: #00b058;
  font-size: 0.46875rem;
  line-height: 0.625rem;
}
#betRecord .list .tit i {
  color: #666;
  font-size: 0.3125rem;
  line-height: 0.625rem;
}
#betRecord .list .tit,
#betRecord .list .time {
  text-align: left;
}
#betRecord .list .red {
  color: #2eb8e9;
  font-size: 0.375rem;
}
#betRecord .list .green {
  color: #00b058;
  font-size: 0.375rem;
}
#betRecord .list .detail {
  color: #ccc;
  font-size: 0.375rem;
  float: right;
  margin-right: 0.3125rem;
  margin-left: 0.46875rem;
  line-height: 0.625rem;
}
#betRecord .more-detail {
  margin: 0.15625rem 0.46875rem;
  border: 1px solid #f4f4f4;
  background: #f4f4f4;
  padding: 0.15625rem;
  display: none;
}
#betRecord .more-detail p {
  color: #666;
  font-size: 0.3125rem;
  text-align: left;
}
#betRecord .more-detail p em {
  color: #ff1243;
}
#betRecord .desc .nulldata {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4.6875rem;
}
/* 璁㈠崟鍏紑 */
#ordercon {
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #f4f4f4;
}
#ordercon #conorder {
  background-color: #f4f4f4;
}
#ordercon #conorder .list.opacity {
  opacity: 0.7;
}
#ordercon #conorder .list {
  padding: 0.3125rem 0.46875rem;
}
#ordercon #conorder .list .descbox .tit {
  font-size: 0.375rem;
  color: #333;
  text-align: left;
  font-weight: bold;
  padding-left: 0.3125rem;
  margin-bottom: 0.15625rem;
}
#ordercon #conorder .list .descbox .tit button {
  line-height: 0.625rem;
  height: 0.625rem;
  color: #ff1243;
  border: 1px solid #ff1243;
  padding: 0 10px;
  border-radius: 0.0625rem;
  font-size: 0.375rem;
  display: inline-block;
}
#ordercon #conorder .list .descbox .hongbao {
  background: transparent url('../images/orderbj.png') no-repeat top scroll;
  background-size: 7.5625rem 2.625rem;
  width: 7.5625rem;
  height: 2.625rem;
  position: relative;
}
#ordercon #conorder .list .descbox .hongbao .hong {
  position: absolute;
  right: -0.15625rem;
  bottom: -0.15625rem;
  width: 1.203125rem;
  height: 1.578125rem;
  background: transparent url('../images/hong.png') no-repeat top scroll;
  background-size: contain;
  display: inline-block;
}
#ordercon #conorder .list .descbox .hongbao .hei {
  position: absolute;
  right: -0.15625rem;
  bottom: -0.15625rem;
  width: 1.203125rem;
  height: 1.578125rem;
  background: transparent url('../images/hei.png') no-repeat top scroll;
  background-size: contain;
  display: inline-block;
}
#ordercon #conorder .list .descbox .hongbao .txt {
  color: #fff;
  padding-left: 2.03125rem;
  padding-right: 0.3125rem;
  padding-top: 0.3125rem;
  text-align: left;
  width: 5.53125rem;
  word-break: break-all;
  height: 1.71875rem;
}
#ordercon #conorder .list .descbox .hongbao .money {
  color: #000;
  font-size: 0.375rem;
  text-align: left;
  padding-left: 0.625rem;
}
#ordercon #conorder .list .descbox .hongbao .money em {
  color: #fff;
  background-color: #fb9c42;
  font-size: 0.25rem;
  line-height: 0.46875rem;
  padding: 0 0.15625rem;
  border-radius: 0.234375rem;
  margin-right: 0.15625rem;
}
#hongbaoshadow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
#hongbaoshadow .shadowbox {
  background: #f15641;
  border-radius: 0.3125rem;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 6.25rem;
  height: 9.375rem;
  text-align: center;
}
#hongbaoshadow .shadowbox .topline {
  color: #fff;
  line-height: 1.5rem;
  margin-top: 0.9375rem;
  vertical-align: middle;
  font-size: 0.46875rem;
}
#hongbaoshadow .shadowbox .topline em {
  vertical-align: middle;
  display: inline-block;
}
#hongbaoshadow .shadowbox .tit {
  font-size: 0.46875rem;
  line-height: 0.9375rem;
  color: #fff;
  margin: 0.46875rem auto;
}
#hongbaoshadow .shadowbox .anim-flip {
  width: 2.28125rem;
  height: 2.28125rem;
  background: transparent url('../images/open.png') no-repeat top scroll;
  background-size: 2.28125rem 2.28125rem;
  display: block;
  margin: 1.875rem auto;
}
#hongbaoshadow .closebtn {
  position: absolute;
  width: 0.9375rem;
  height: 0.9375rem;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  margin-top: 5.9375rem;
  color: #fff;
  font-size: 0.9375rem;
}
#hongbaoresultbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff url('../images/hbresultbj.png') no-repeat top scroll;
  background-size: 100% auto;
  z-index: 12;
  display: none;
}
#hongbaoresultbox .backbtn {
  position: absolute;
  left: 0.46875rem;
  top: 0.46875rem;
  font-size: 0.46875rem;
  color: #fff;
  z-index: 999;
}
#hongbaoresultbox .topline {
  text-align: center;
  vertical-align: middle;
  padding-top: 20vw;
}
#hongbaoresultbox .topline em {
  display: inline-block;
  vertical-align: middle;
}
#hongbaoresultbox .topline .contxt {
  display: inline-block;
  padding-left: 0.46875rem;
  color: #fbe3b7;
  vertical-align: middle;
}
#hongbaoresultbox .topline .contxt .title {
  font-size: 0.46875rem;
  text-align: left;
  color: #fbe3b7;
  line-height: 0.9375rem;
}
#hongbaoresultbox .topline .contxt .desc {
  font-size: 0.375rem;
  text-align: left;
  color: #fbe3b7;
}
#hongbaoresultbox .tit {
  margin-top: 1.875rem;
  font-size: 1.40625rem;
  padding: 0.46875rem 0;
  color: #fbe3b7;
}
#hongbaoresultbox .result {
  font-size: 0.46875rem;
  color: #fbe3b7;
}
/* 姘村钩缈昏浆 */
.anim-flip.run {
  animation: 2s linear 0s alternate none 1 featuresicon;
  -webkit-animation: 2s linear 0s alternate none 1 featuresicon;
  color: #4183C4;
}
@keyframes featuresicon {
  25% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
  }
  75% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes featuresicon {
  25% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
  }
  75% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
/* 娓告垙 */
#game {
  padding-top: 1.375rem;
  position: relative;
  /* 婊氬姩鐩掑瓙 */
  /* 鍙充晶鎸夐挳 */
  /* 搴曢儴楂樺害鍙樺寲 */
}
#game #topline {
  position: fixed;
  top: 1.375rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
#game #topline .box {
  position: absolute;
  top: 0;
  background: #fff;
  width: 100%;
  left: 0;
  box-shadow: 0px 4px 14px 1px #f7fcb9;
}
#game #topline .fl {
  width: 20%;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  box-sizing: border-box;
}
#game #topline .fl a {
  display: block;
  font-size: 0.3125rem;
  color: #666;
  text-align: center;
  line-height: 0.9375rem;
}
#game #topline .fl:not(:nth-child(5n)) {
  border-right: 1px solid #e5e5e5;
  box-sizing: border-box;
}
#game .topbox {
  background-color: #e9edf0;
  /* 椤堕儴涓嬫媺鍒楄〃 */
  /* 涓嬫媺鍒楄〃 */
}
#game .topbox .topline {
  padding: 0 0.3125rem;
}
#game .topbox .topline .time {
  text-align: center;
}
#game .topbox .topline .time span {
  font-size: 0.375rem;
  line-height: 0.9375rem;
  color: #333;
}
#game .topbox .topline .time span i {
  font-weight: bold;
  color: #564454;
  font-size: 0.4375rem;
}
#game .topbox .topline .chongzhi {
  color: #fff;
  background-color: #ff1243;
  font-size: 0.28125rem;
  line-height: 0.46875rem;
  padding: 0 0.21875rem;
  border-radius: 0.234375rem;
  margin-left: 0.15625rem;
  white-space: nowrap;
  margin-top: 0.25rem;
}
#game .topbox .top-history {
  background: #f4f4f4;
}
#game .topbox .top-history .history-list {
  position: fixed;
  background: #fff;
  left: 0;
  top: 2.3125rem;
  width: 100%;
}
#game .topbox .top-history .history-list .result-btn {
  display: block;
  padding: 0 0.15625rem;
}
#game .topbox .top-history .history-list .result-btn .time {
  color: #333;
  font-size: 0.3125rem;
  line-height: 0.9375rem;
  margin-right: 0.9375rem;
  font-size: 0.4375rem;
}
#game .topbox .top-history .history-list .result-btn .time em {
  color: #ff1243;
}
#game .topbox .top-history .history-list .result-btn .result {
  padding-top: 0.15625rem;
}
#game .topbox .top-history .history-list .result-btn .result .fl {
  width: 0.46875rem;
  height: 0.46875rem;
  margin-top: 0.15625rem;
  color: #fff;
  background-color: #f8554a;
  font-size: 0.4375rem;
  line-height: 0.46875rem;
  border-radius: 0.46875rem;
  margin: 0 0.15625rem;
  text-align: center;
}
#game .topbox .top-history .history-list .result-btn .result .fl:nth-child(1) {
  background-color: #f8554a;
}
#game .topbox .top-history .history-list .result-btn .result .fl:nth-child(2) {
  background-color: #67f84a;
}
#game .topbox .top-history .history-list .result-btn .result .fl:nth-child(3) {
  background-color: #4ad5f8;
}
#game .topbox .top-history .history-list .result-btn .result .fl:nth-child(4) {
  background-color: #704af8;
}
#game .topbox .top-history .history-list .result-btn .result .fl:nth-child(5) {
  background-color: #f84abe;
}
#game .topbox .top-history .history-list .result-btn .contxt {
  font-size: 0.375rem;
  line-height: 0.78125rem;
  color: #333;
}
#game .topbox .top-history .history-list .result-btn .txt {
  color: #333;
  line-height: 0.9375rem;
  font-size: 0.375rem;
  /* margin-left: 0.9375rem; */
  margin-left: 10px;
}
#game .topbox .top-history .history-list .result-btn .iconfont {
  line-height: 0.9375rem;
  font-size: 0.375rem;
}
#game .topbox .top-history .history-list .main-list {
  background: #fff;
  position: absolute;
  top: 0.9375rem;
  width: 100%;
  max-height: 3.125rem;
  overflow: scroll;
  z-index: 999;
  display: none;
}
#game .topbox .top-history .history-list .main-list .contxt {
  margin-left: 0.46875rem;
}
#game .list {
  background-color: #f4f4f4;
  position: fixed;
  bottom: 2.1875rem;
  top: 3.28125rem;
  left: 0;
  width: 100%;
  overflow: auto;
  z-index: -1;
  -webkit-overflow-scrolling: touch;
  cursor: pointer;
  /* 鍒楄〃椤规樉绀� */
}
#game .list .conline {
  /* 杩涘叆鐨勬枃鏈俊鎭� */
}
#game .list .conline .chatbox {
  padding: 0.46875rem;
}
#game .list .conline .chatbox .head {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.09375rem;
}
#game .list .conline .chatbox .contxt {
  font-size: 0.4375rem;
  box-sizing: border-box;
  padding: 0;
  margin-bottom: 0.3125rem;
}
#game .list .conline .chatbox .contxt .name-title {
  color: #333;
  text-align: left;
  margin-left: 0.46875rem;
  font-size: 0.3125rem;
}
#game .list .conline .chatbox .contxt .name-title i {
  padding: 0 10px;
  background: #d32519;
  border-radius: 4px;
  line-height: 24px;
  height: 24px;
  color: #fff;
}
#game .list .conline .chatbox .contxt .icon-left {
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  position: relative;
  left: 0.3125rem;
  top: 0;
  background: #fff;
  display: inline-block;
}
#game .list .conline .chatbox .contxt .box-txt {
  margin-top: -5%;
  margin-left: 0.34375rem;
  width: 6.40625rem;
  box-sizing: border-box;
  background: #fff;
  padding: 0.15625rem 0.46875rem;
  font-size: 0.3125rem;
  line-height: 0.9375rem;
  color: #666;
  overflow: hidden;
}
#game .list .conline .chatbox .contxt .box-txt i {
  text-decoration: none;
  color: #189dd6;
  font-size: 0.375rem;
}
#game .list .conline .intotip {
  font-size: 0.375rem;
  line-height: 0.625rem;
  padding: 0 0.46875rem;
  text-align: center;
  background-color: #ff1243;
  margin: 0 1.875rem;
  border-radius: 0.125rem;
  color: #ffc852;
}
#game .list .conline .intotip i {
  text-align: center;
  color: #ffc852;
}
#game .list .gentou {
  background: #ff6061;
  color: #fff;
  font-size: 0.375rem;
  line-height: 0.625rem;
  height: 0.625rem;
  border-radius: 0.3125rem;
  padding: 0 0.46875rem;
  margin-top: 0.4rem;
  margin-right: -0.2rem;
  float: right;
}
#game .flexscroll {
  position: fixed;
  top: 5.3125rem;
  right: 0;
  width: 1.5625rem;
  height: 0.625rem;
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
  display: block;
  text-align: right;
  background-color: #f4f4f4;
  box-shadow: 0px 0px 1px 2px #ccc;
  padding-right: 0.15625rem;
}
#game .flexscroll #scrollBtn.sure {
  color: #0f8022;
}
#game .flexscroll #scrollBtn.sure em {
  color: #0f8022;
  border: 1px solid #0f8022;
}
#game .flexscroll em {
  margin-top: 0.0625rem;
  border: 1px solid #ccc;
  text-decoration: none;
  display: inline-block;
  width: 0.46875rem;
  height: 0.46875rem;
  border-radius: 0.234375rem;
  color: #ccc;
  line-height: 0.46875rem;
  margin-right: 0.15625rem;
}
#game #yxjl {
  position: fixed;
  top: 6.25rem;
  right: 0;
  width: 1.875rem;
  display: block;
}
#game #yxjl img {
  display: block;
  width: 100%;
}
#game #game {
  position: fixed;
  top: 7.5rem;
  right: 0;
  width: 1.875rem;
  display: block;
  padding-top: 0;
}
#game #game img {
  display: block;
  width: 100%;
}
#game #pchm {
  position: fixed;
  top: 8.75rem;
  right: 0;
  width: 1.875rem;
  display: block;
}
#game #pchm img {
  display: block;
  width: 100%;
}
#game #shopcar {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1.875rem;
  background: #fff;
}
#game #shopcar .pay {
  display: block;
  margin: 0.46875rem;
  border-radius: 0.3125rem;
  font-size: 0.46875rem;
  background: #e53333;
  color: #fff;
  line-height: 1.40625rem;
  margin-top: 0.15625rem;
}
/* 寮�濂栧巻鍙� */
#records {
  position: fixed;
  left: 0;
  top: 1.1rem;
  width: 100%;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
#records .main-list {
  width: 80%;
  background: #fff;
  position: absolute;
  overflow: scroll;
  top: 0;
  right: 0;
  bottom: 0;
}
#records .main-list .list .time,
#records .main-list .list .number,
#records .main-list .list .sum,
#records .main-list .list .lh {
  text-align: center;
  font-size: 0.25rem;
  color: #333;
}
#records .main-list .list .time {
  width: 35%;
}
#records .main-list .list .number {
  width: 25%;
}
#records .main-list .list .sum {
  width: 20%;
}
#records .main-list .list .lh {
  width: 20%;
}
/* 鐜╂硶璇存槑 */
#note {
  position: fixed;
  left: 0;
  top: 1.1rem;
  width: 100%;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
#note .main-list {
  width: 80%;
  background: #fff;
  position: absolute;
  overflow: scroll;
  top: 0;
  right: 0;
  bottom: 0;
}
#note .main-list .tit {
  font-size: 0.375rem;
  color: #333;
}
#note .main-list .desc {
  background: #f4f4f4;
  color: #666;
  margin: 0.15625rem;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 0.25rem;
}
#note .main-list dl {
  margin: 0 0.15625rem;
}
#note .main-list dl dt {
  color: #333;
  font-size: 0.375rem;
  border-bottom: 1px solid #ccc;
}
#note .main-list dl dd {
  color: #333;
  font-size: 0.25rem;
  border-bottom: 1px solid #ccc;
  border: 1px solid #ccc;
  background: #f4f4f4;
}
/* 浜ゆ槗璁板綍椤堕儴鎸夐挳 */
#tab-topbtn {
  background: #f6f6f6;
  position: fixed;
  width: 100%;
  top: 1.375rem;
  z-index: 2;
}
#tab-topbtn .btn {
  color: #333;
  line-height: 0.9375rem;
  font-size: 0.4375rem;
  border-bottom: 4px solid #f6f6f6;
}
#tab-topbtn .btn.sure {
  border-bottom: 4px solid #dc3b40;
  color: #dc3b40;
}
/* 浜ゆ槗璁板綍鍒犻�夊垪琛� */
#changelist {
  position: fixed;
  top: 1.375rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
#changelist .tit {
  background: #fff;
  color: #666;
  padding: 0 0.46875rem;
  line-height: 0.9375rem;
  text-align: left;
}
#changelist .btn-group {
  border-bottom: 1px solid #ccc;
  padding: 0.3125rem;
  background: #fff;
}
#changelist .btn-group .btn {
  margin: 0 0.15625rem;
  line-height: 0.78125rem;
  border-radius: 0.09375rem;
  border: 1px solid #ccc;
}
#changelist .btn-group .btn.sure {
  border: 1px solid #ac0000;
}
#changelist .choose-menu {
  padding: 0.3125rem;
  background: #fff;
  overflow-y: scroll;
  max-height: 6.25rem;
}
#changelist .choose-menu .btn {
  margin: 0 0.09375rem;
  line-height: 0.78125rem;
  border-radius: 0.09375rem;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 0 0.578125rem;
}
#changelist .choose-menu .btn.sure {
  border: 1px solid #ac0000;
}
#changelist .btn-box {
  padding: 0.3125rem 0.9375rem;
  background: #fff;
}
#changelist .btn-box #btn {
  display: block;
  text-align: center;
  border-radius: 0.09375rem;
  background: #ac0000;
  font-size: 0.4375rem;
  line-height: 0.78125rem;
  color: #fff;
}
/*椤佃剼*/
#footer-btn {
  position: fixed;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 1.53125rem;
  border-top: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}
#footer-btn .foot {
  width: 0.515625rem;
  height: 0.515625rem;
  display: block;
  margin: auto;
  margin-top: 0.46875rem;
}
#footer-btn .btn.sure .foot1 {
  background: transparent url('../images/foot1sure.png') no-repeat top scroll;
  background-size: contain;
}
#footer-btn .btn.sure .foot2 {
  background: transparent url('../images/foot2sure.png') no-repeat top scroll;
  background-size: contain;
}
#footer-btn .btn.sure .foot3 {
  background: transparent url('../images/foot3sure.png') no-repeat top scroll;
  background-size: contain;
}
#footer-btn .btn.sure .foot4 {
  background: transparent url('../images/foot4sure.png') no-repeat top scroll;
  background-size: contain;
}
#footer-btn .centerbtn.btn {
  margin-top: -0.859375rem;
}
#footer-btn .centerbtn.btn img {
  width: 1.71875rem;
}
#footer-btn .centerbtn.btn .btn-txt {
  font-size: 0.40625rem;
}
#footer-btn .btn {
  flex-grow: 1;
  justify-content: space-between;
}
#footer-btn .btn .foot1 {
  background: transparent url('../images/foot1.png') no-repeat top scroll;
  background-size: contain;
}
#footer-btn .btn .foot2 {
  background: transparent url('../images/foot2.png') no-repeat top scroll;
  background-size: contain;
}
#footer-btn .btn .foot3 {
  background: transparent url('../images/foot3.png') no-repeat top scroll;
  background-size: contain;
}
#footer-btn .btn .foot4 {
  background: transparent url('../images/foot4.png') no-repeat top scroll;
  background-size: contain;
}
#footer-btn .btn .iconfont {
  line-height: 0.9375rem;
  height: 0.9375rem;
  font-size: 0.71875rem;
  display: inline-block;
  width: 100%;
  color: #b2b2b2;
  text-align: center;
}
#footer-btn .btn .btn-txt {
  line-height: 0.59375rem;
  font-size: 0.28125rem;
  color: #b2b2b2;
  font-weight: 200;
}
#footer-btn .btn.sure .iconfont {
  color: #ff1243;
}
#footer-btn .btn.sure .btn-txt {
  color: #ff1243;
}
#fixtxt {
  height: 0.75rem;
  position: absolute;
  width: auto;
  right: 0;
  top: 0;
  background-color: #eb6936;
  border-top-left-radius: 0.703125rem;
  border-bottom-left-radius: 0.703125rem;
  border-bottom-right-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
#fixtxt span {
  margin: 0;
  padding: 0;
}
#fixtxt .fixleft {
  width: 0.53125rem;
  height: 0.75rem;
  background: transparent url('../images/fixleft.png') no-repeat top scroll;
  background-size: cover;
  float: left;
}
#fixtxt .fixcenter {
  height: 0.75rem;
  background: transparent url('../images/fixcenter.png') repeat top scroll;
  background-size: 0.046875rem 0.75rem;
  font-size: 0.40625rem;
  color: #fff;
  line-height: 0.75rem;
  padding: 0 0.15625rem;
  float: left;
}
#fixtxt .fixright {
  width: 0.15625rem;
  height: 0.75rem;
  background: transparent url('../images/fixright.png') no-repeat top scroll;
  background-size: cover;
  float: left;
}
/* 浠诲姟澶у巺 */
#task {
  position: fixed;
  top: 1.375rem;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
}
#task .png {
  display: block;
  width: 100%;
}
#task .png img {
  display: block;
  width: 100%;
}
#task .changebox {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  flex-grow: 1;
}
#task .changebox .toptab a.sure {
  color: #ff1243;
  border-bottom: 1px solid #ff1243;
}
#task .changebox .toptab a {
  font-size: 0.46875rem;
  line-height: 0.9375rem;
  border-bottom: 1px solid #f4f4f4;
  margin: 0 0.15625rem;
  display: block;
  height: 0.9375rem;
}
#task .conlist {
  display: none;
  position: absolute;
  top: 0.9375rem;
  bottom: 0;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.46875rem 0;
  box-sizing: border-box;
}
#task .conlist .line {
  padding: 0.46875rem 0;
  border-bottom: 0.15625rem solid #fff;
}
#task .conlist .line .rultxt {
  padding: 0.15625rem 0.46875rem;
  font-size: 0.3125rem;
  color: #333;
  display: none;
  width: 100%;
  line-height: 0.625rem;
  box-sizing: border-box;
}
#task .conlist .line .leftbox {
  padding: 0 0.46875rem;
}
#task .conlist .line .leftbox .tit {
  color: #333;
  text-align: left;
  line-height: 0.9375rem;
  font-size: 0.46875rem;
}
#task .conlist .line .leftbox .progress .pline {
  width: 100%;
  background-color: #ccc;
  height: 0.28125rem;
  border-radius: 0.140625rem;
}
#task .conlist .line .leftbox .progress .pline .run {
  display: block;
  background-color: #ff1243;
  height: 0.28125rem;
  border-radius: 0.140625rem;
}
#task .conlist .line .leftbox .progress .state {
  margin-left: 0.46875rem;
  line-height: 0.375rem;
  color: #333;
}
#task .conlist .line .leftbox .desctxt .desc {
  background-color: #ff1243;
  height: 0.625rem;
  margin-right: 0.15625rem;
  border-radius: 0.3125rem;
  color: #fff;
  font-size: 0.375rem;
  display: inline-block;
  padding: 0 0.15625rem;
}
#task .conlist .line .leftbox .desctxt .desc em {
  color: #f0fd3d;
  font-size: 0.46875rem;
  line-height: 0.625rem;
}
#task .conlist .line .leftbox .desctxt .rulebtn {
  font-size: 0.375rem;
  color: #333;
  line-height: 0.625rem;
  padding: 0 0.46875rem;
  border-radius: 0.15625rem;
  margin: 0.3125rem 0;
  display: block;
  width: 1.5625rem;
  border: 1px solid #ccc;
}
#task .conlist .line .leftbox .desctxt .time {
  color: #999;
}
#task .conlist .line .rightbox {
  margin-right: 0.15625rem;
}
#task .conlist .line .rightbox .applybtn {
  background-color: #f9c927;
  padding: 0 0.15625rem;
  line-height: 0.9375rem;
  width: 2.1875rem;
  height: 0.9375rem;
  font-size: 0.375rem;
  border-radius: 0.46875rem;
  color: #804e2b;
  margin: 0.46875rem 0 0.15625rem 0;
  display: block;
}
#task .conlist .line .rightbox .applybtn.sure {
  background-color: #00ca05;
}
#task .conlist .line .rightbox .applybtn.default {
  background-color: #ffe380;
}
#task .conlist .line .rightbox .txt {
  font-size: 0.375rem;
  color: #333;
}
#task .conlist .line .rightbox .txt em {
  color: #ff0000;
  font-size: 0.375rem;
}
#task .conlist .tipline {
  padding: 0.15625rem 0.46875rem;
}
#task .conlist .tipline p {
  line-height: 0.9375rem;
  font-size: 0.46875rem;
  color: #333;
  text-align: left;
  display: block;
}
/* icon鍥炬爣 */
.img {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem 68.765625rem;
  display: inline-block;
}
.icon1 {
  background: transparent url('../images/icons.png') no-repeat 0 -0.015625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon2 {
  background: transparent url('../images/icons.png') no-repeat 0 -1.578125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon3 {
  background: transparent url('../images/icons.png') no-repeat 0 -3.140625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon4 {
  background: transparent url('../images/icons.png') no-repeat 0 -4.703125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon5 {
  background: transparent url('../images/icons.png') no-repeat 0 -6.265625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon6 {
  background: transparent url('../images/icons.png') no-repeat 0 -7.828125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon7 {
  background: transparent url('../images/icons.png') no-repeat 0 -9.390625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon8 {
  background: transparent url('../images/icons.png') no-repeat 0 -10.953125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon9 {
  background: transparent url('../images/icons.png') no-repeat 0 -12.515625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon10 {
  background: transparent url('../images/icons.png') no-repeat 0 -14.078125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon11 {
  background: transparent url('../images/icons.png') no-repeat 0 -15.640625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon12 {
  background: transparent url('../images/icons.png') no-repeat 0 -17.203125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon13 {
  background: transparent url('../images/icons.png') no-repeat 0 -18.765625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon14 {
  background: transparent url('../images/icons.png') no-repeat 0 -20.328125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon15 {
  background: transparent url('../images/icons.png') no-repeat 0 -21.890625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon16 {
  background: transparent url('../images/icons.png') no-repeat 0 -23.453125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon17 {
  background: transparent url('../images/icons.png') no-repeat 0 -25.015625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon18 {
  background: transparent url('../images/icons.png') no-repeat 0 -26.578125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon19 {
  background: transparent url('../images/icons.png') no-repeat 0 -28.140625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon20 {
  background: transparent url('../images/icons.png') no-repeat 0 -29.703125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon21 {
  background: transparent url('../images/icons.png') no-repeat 0 -31.265625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon22 {
  background: transparent url('../images/icons.png') no-repeat 0 -32.828125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon23 {
  background: transparent url('../images/icons.png') no-repeat 0 -34.390625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon24 {
  background: transparent url('../images/icons.png') no-repeat 0 -35.953125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon25 {
  background: transparent url('../images/icons.png') no-repeat 0 -37.515625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon26 {
  background: transparent url('../images/icons.png') no-repeat 0 -39.078125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon27 {
  background: transparent url('../images/icons.png') no-repeat 0 -40.640625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon28 {
  background: transparent url('../images/icons.png') no-repeat 0 -42.203125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon29 {
  background: transparent url('../images/icons.png') no-repeat 0 -43.765625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon30 {
  background: transparent url('../images/icons.png') no-repeat 0 -45.328125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon31 {
  background: transparent url('../images/icons.png') no-repeat 0 -46.890625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon32 {
  background: transparent url('../images/icons.png') no-repeat 0 -48.453125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon33 {
  background: transparent url('../images/icons.png') no-repeat 0 -50.015625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon34 {
  background: transparent url('../images/icons.png') no-repeat 0 -51.578125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon35 {
  background: transparent url('../images/icons.png') no-repeat 0 -53.140625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon36 {
  background: transparent url('../images/icons.png') no-repeat 0 -54.703125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon37 {
  background: transparent url('../images/icons.png') no-repeat 0 -56.265625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon38 {
  background: transparent url('../images/icons.png') no-repeat 0 -57.828125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon39 {
  background: transparent url('../images/icons.png') no-repeat 0 -59.390625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon40 {
  background: transparent url('../images/icons.png') no-repeat 0 -60.953125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon41 {
  background: transparent url('../images/icons.png') no-repeat 0 -62.515625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon42 {
  background: transparent url('../images/icons.png') no-repeat 0 -64.078125rem;
  background-size: 1.5rem 68.765625rem;
}
.icon43 {
  background: transparent url('../images/icons.png') no-repeat 0 -65.640625rem;
  background-size: 1.5rem 68.765625rem;
}
.icon44 {
  background: transparent url('../images/icons.png') no-repeat 0 -67.203125rem;
  background-size: 1.5rem 68.765625rem;
}
/* 棣栭〉瀹㈡湇鎸夐挳 */
.indexkefubtn {
  padding: 0.15625rem;
  width: 0.828125rem;
  height: 1.28125rem;
  position: fixed;
  right: 0.15625rem;
  top: 3rem;
  background: #fff url('../images/kefu.png') no-repeat center scroll;
  background-size: 0.828125rem 1.28125rem;
  display: block;
  z-index: 1;
  box-shadow: 0px 0px 4px #ccc;
}