/**
 *--------------------------------------------------
 * 华为专区 业务层 样式
 * Author: SWJ
 *--------------------------------------------------
**/

/* index.css -> bootstrap.css
----------------------------------------*/
.slid-layer {
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 100%;
  z-index: 998;
  background: #f1f3f5;
  display: none;
  overflow-x: hidden;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.5rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.slid-layer .t {
  display: none !important;
  position: relative;
  height: 2.5rem;
  background: #f1f3f5;
  padding-left: 2.6rem;
  border-top: 0.025rem solid #e6e6e6;
  border-bottom: 0.025rem solid #e6e6e6;
}
.slid-layer .t .btn-back {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  width: 6rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAARVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc6ur3AAAAFnRSTlMAfw1rxcZX7762rF3z1H5jSURDKSgO9b+IhgAAAGNJREFUSMftlbkSgCAMBYMHongf+f9PFSvsyJPGYbL1LkzShJSPXH1nEb9qmR3oswf9Wv1i/eZfPg3Bn0yCeYvByCKO1w8izjjDYgTslMMaXrBE6GK10CJZeLRwBBXPyVJyuAFmwxAvZ2gxQwAAAABJRU5ErkJggg==) center left no-repeat;
  background-size: 1.075rem 1.075rem;
  box-sizing: border-box;
  font-size: 0.9rem;
  color: #000000;
  padding-left: 1.775rem;
  font-weight: bold;
}
.slid-layer .t span {
  font-size: 0;
  display: none;
}
.slid-layer .slider-inner {
  width: 100%;
  max-width: 640px;
  min-height: 700px;
  margin: 0 auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slid-layer .slider-inner .musics {
  width: 100%;
  height: 7.65rem;
  background: url("../images/slide/bg.png") center top no-repeat;
  background-size: 100% auto;
  display: block !important;
  padding: 0 0.7rem;
  margin: 0;
}
.slid-layer .slider-inner .musics > div:nth-child(1) {
  display: none;
  width: 100%;
  height: 4rem;
  align-items: center;
  position: relative;
  top: 7.55rem;
  left: 0;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .left-area {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.35rem;
  margin-right: 0.45rem;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .left-area em {
  left: 0.5rem;
  display: none !important;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .left-area .cover-img {
  width: 2.4rem;
  height: 2.4rem;
}
.slid-layer .slider-inner .musics > div:nth-child(1) a.controlbtn {
  width: 100%;
  height: 100%;
  display: block;
}
.slid-layer .slider-inner .musics > div:nth-child(1) a.btn-play {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: url("../images/play@2x.png") center no-repeat;
  background-size: auto 0.8rem;
  background-position: 1.325rem 1.325rem;
}
.slid-layer .slider-inner .musics > div:nth-child(1) a.btn-pause {
  background: url("../images/pause@2x.png") center no-repeat;
  background-size: auto 0.8rem;
  background-position: 1.325rem 1.325rem;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .pinfo {
  width: 100%;
  text-align: left;
  border: none;
  box-sizing: border-box;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .pinfo .musicInfo p.name {
  display: block;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.7rem;
  line-height: 1.2;
  text-align: left;
  font-weight: 500;
  overflow: auto;
  white-space: inherit;
  margin-bottom: 0.05rem;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .pinfo .musicInfo p.name span {
  display: inline;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .pinfo .musicInfo p.lh {
  display: block;
  font-size: 0.525rem;
  line-height: 1.6;
  text-align: left;
  font-weight: 400;
  color:#333;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .pinfo .musicInfo p.lh.expire{
  margin-top:0;
  color: rgba(3, 3, 3, 0.5);
}
.slid-layer .slider-inner .musics > div:nth-child(1) .pinfo .musicInfo p.lh span {
  float: none;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .pinfo .musicInfo p.lh em {
  display: none !important;
}
.slid-layer .slider-inner .musics > div:nth-child(1) .pinfo .musicInfo .btn-play{
  background-image: none;
}
.slid-layer .slider-inner .musics .privilege {
  width: 100%;
  height: 6.85rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.slid-layer .slider-inner .musics .privilege h3 {
  font-size: 0.825rem;
  color: #ffffff;
  font-weight: 500;
  line-height: 1rem;
  padding: 1.4rem 0 0 1.775rem;
}
.slid-layer .slider-inner .musics .privilege p.privilegeExp {
  padding: 0 1.775rem 0.5rem 1.775rem;
  font-size: 0.525rem;
  color: #ffffff;
  line-height: 1rem;
}
.slid-layer .slider-inner .musics .privilege ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 1.1rem 0;
}
.slid-layer .slider-inner .musics .privilege ul li {
  position: relative;
  width: 25%;
  padding-top: 1.35rem;
}
.slid-layer .slider-inner .musics .privilege ul li p {
  font-size: 0.525rem;
  color: #ffffff;
  line-height: 0.75rem;
  margin-bottom: 0.05rem;
  text-align: center;
}
.slid-layer .slider-inner .musics .privilege ul .item1 {
  background: url("../images/slide/icon1@2x.png") center top no-repeat;
  background-size: 1.125rem auto;
}
.slid-layer .slider-inner .musics .privilege ul .item2 {
  background: url("../images/slide/icon2@2x.png") center top no-repeat;
  background-size: 1.125rem auto;
}
.slid-layer .slider-inner .musics .privilege ul .item3 {
  background: url("../images/slide/icon3@2x.png") center top no-repeat;
  background-size: 1.125rem auto;
}
.slid-layer .slider-inner .musics .privilege ul .item4 {
  background: url("../images/slide/icon4@2x.png") center top no-repeat;
  background-size: 1.125rem auto;
}
.slid-layer .slider-inner .c {
  width: 100%;
  font-size: 0.55rem;
  color: #666;
  line-height: 1.1rem;
  background: #f1f3f5;
  padding: 0 0 0.85rem;
}
.slid-layer .slider-inner .checking #phone-verifi {
  width: 14.575rem;
  height: 1.725rem;
  margin: 0.75rem auto 0.675rem;
  border-bottom: 0.025rem solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
  position: relative;
}
.slid-layer .slider-inner .checking #phone-verifi em {
  position: relative;
  display: none;
}
.slid-layer .slider-inner .checking #phone-verifi input {
  width: 92%;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 0.7rem;
  color: rgba(0, 0, 0, 0.9);
  vertical-align: middle;
  outline: none;
  margin-top: -0.4rem;
}
.slid-layer .slider-inner .checking #phone-verifi input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.7rem;
  font-weight: 500;
}
.slid-layer .slider-inner .checking #phone-verifi span {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  background: url("/partner/163-2/images/clear.png") center no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  vertical-align: middle;
}
.slid-layer .slider-inner .checking #code-verifi {
  width: 14.575rem;
  height: 2.125rem;
  margin: 0 auto 0.675rem;
  border-bottom: 0.025rem solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.slid-layer .slider-inner .checking #code-verifi em {
  display: none;
}
.slid-layer .slider-inner .checking #code-verifi input {
  width: 55%;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 0.7rem;
  color: rgba(0, 0, 0, 0.9);
  vertical-align: middle;
  outline: none;
  margin-top: 0.1rem;
}
.slid-layer .slider-inner .checking #code-verifi input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.7rem;
  font-weight: 500;
}
.slid-layer .slider-inner .checking #code-verifi a {
  display: inline-block;
  font-size: 0.525rem;
  color: #ffffff;
  text-align: center;
  border-radius: 0.625rem;
  float: right;
  padding: 0.125rem 0.525rem;
  margin: 0.3rem 0 0.675rem;
  background-color: #0a59f7;
}
.slid-layer .slider-inner .checking #code-verifi a.disable {
  background: #a8b8f7;
}
.slid-layer .slider-inner .checking button {
  display: block;
  width: 14.575rem;
  height: 1.775rem;
  line-height: 1.775rem;
  font-size: 0.7rem;
  color: #ffffff;
  border-radius: 0.9rem;
  text-align: center;
  background-color: #2449e0;
  margin: 0.85rem auto 0 auto;
}
.slid-layer .slider-inner .checking button.disable {
  background-color: #a8b8f7;
}
.slid-layer .slider-inner .checking .msg {
  width: 14.75rem;
  margin: 0.925rem auto 0 auto;
  font-size: 0.45rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: .675rem;
}
.slid-layer .slider-inner .checking .btn-next {
  display: block;
  width: 13.275rem;
  height: 1.975rem;
  line-height: 1.975rem;
  font-size: 0.675rem;
  color: #ffffff;
  border-radius: 1.025rem;
  text-align: center;
  background-color: #2449e0;
  margin: 0.675rem auto 0 auto;
}
.slid-layer .slider-inner .agreement {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin-top: 0.525rem;
  font-size: 0.525rem;
  font-weight: 400;
  color: #999999;
}
.slid-layer .slider-inner .agreement i {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  /*
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IArs4c6QAAAHhQTFRFAAAA4uLi29vb3t7e3t7e3t7e3t7e3d3d3Nzc3Nzc3d3d3d3d3d3d3d3d3t7e39/f4ODg4eHh4uLi4+Pj5OTk5eXl5+fn6Ojo6urq7Ozs7e3t8/Pz9PT09fX19vb29/f3+Pj4+fn5+vr6+/v7/Pz8/f39/v7+////0UjeOAAAAA10Uk5TABocTmttmrbk8vj7/UOjRE8AAADDSURBVCjPdZLbFoIgEEVREQTFyrRSy9KM+f8/jIs3Ss4DsPYww2EAIasQ04TzhOIQbRWQVExKSbDyiImNWDTzOBOOsnja/8NVxOQETPyJ6XOI2BFRPlOH5K1stLcQYZc/AAa9wIg6vAOAWq8oSgwpcz0enoo3BiSI66mF4aT4C0DWNpfbQA/wLo6a38QcMKWqD8DYb7gqZQ8vR1Ud5HWxQWe7ZxWRl9UfXi5Y3Ltq5eqC3pb4m+htu/+h/E/r/wx73+cL6QAbV+iOYj8AAAAASUVORK5CYII=) center no-repeat;
  background-size: 0.525rem auto;
  */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAGFBMVEUAAAALWvkKWvkNXvjy8/UKWffY4vVMhfaUNvt+AAAABHRSTlMA8K0mz/NSEwAAADxJREFUKM9joA5gVgyFAiEDsIBhKBwIgwVUy1ygID0ILCCaAhNwCwQLhLrAQeioAFoAYQYhZiBjRgPlAACvAE+xo/nDtgAAAABJRU5ErkJggg==) no-repeat center center / 0.7rem auto;
}
.slid-layer .slider-inner .agreement .agree {
  /*
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IArs4c6QAAALFQTFRFAAAAiZ3/iZv/hqD/iKD/iJ//iKH/iKD/hp//h5//h5//h6D/h5//h5//iaH/iqH/i6L/jKP/jqT/j6b/kaf/l6z/ma3/m6//nbH/orX/prj/rb3/sMD/tMP/uMb/vMn/v8v/wMz/wM3/1d3/1t7/2+L/3uT/4Ob/4eb/5On/5uv/6e3/6+//7fD/7/L/8PP/8/X/9Pb/9vj/9/n/+vv/+/z//Pz//f3//f7//v7/////Q72+RQAAAA10Uk5TABocTmttmrbk8vj7/UOjRE8AAADOSURBVCjPdZLXFsIgEERJxEASsbfYe+/d+f8PE9KjMi/LuQu7wwIhgUzKuONwRk2SlmG5IpRrGQnP2SIlOxfxfEFkVMiH+7+4zPhnDFv8yFZ9LPFHlvTpZkhpeh8rbyahGV5eAEe1oISleWUFYKRWjHAVil5Fhepa8om/hRNHhRkODSFqG+A9DM46QWIHnFr1reQDESX8Up0bcNkDr37UjYfNvausjmcvtsEiu+0z8Ogm/mh8weZ82Um4vKB2JPohaseufyj90+o/w7/v8wHlDh7RxhCUBQAAAABJRU5ErkJggg==) center no-repeat;
  background-size: 0.525rem auto;
  */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAhFBMVEUAAAAKWvkKWfgKWvkNXvgKWvgOXvYNXPkAZv8VYv8LWfcKWfkKWfoLWfgNXPgKWffy8/XZ4/U5ePcyc/cZY/cVYffh6PVAffcdZvdxnfZMhfbl6vXe5vW7zvUtcPeLr/aHq/aBp/ZqmfZml/bK2fXH1/XD1PW/0vUUX/eSs/aPsvZ2oPYO/5UwAAAAD3RSTlMA8u+tJro2MQoIvX5kRSdvmtsVAAAAwElEQVQ4y83SyRKCMBBF0QRQnF9wQkFxwNn//z/B0GkqSRVb3vae6lWL3iwKJazJMJoPTQ/gWSADEiGyRFlL0trEGkhQ5x1fqMXiDwC3b1BvMLaA2/3gqftkJAiUvo6qE8C11R9r6FGfggX31IBY833T703P+cLMCO7LXDEQYHHbUfcAfE3fKgt8tCi5W0CdwFtV3QEkqLtAnakflA+Q4O4CdQFQUCdAD9OIIuGXgqTOL/du9Qyh6HjaqOvtRV/2A8xsJVhKfJicAAAAAElFTkSuQmCC) no-repeat center center / 0.7rem auto;
}
.slid-layer .slider-inner .agreement span {
  color: #333333;
}
.slid-layer .slider-inner .service {
  display: none;
  padding: 0 0.7rem;
}
.slid-layer .slider-inner .service .userCenter-mobileCrbt-box {
  width: 100%;
  text-align: center;
  font-size: 0.625rem;
  line-height: 0.9rem;
}
.slid-layer .slider-inner .service .userCenter-mobileCrbt-box .face-box {
  display: none;
}
.slid-layer .slider-inner .service .userCenter-mobileCrbt-box p {
  line-height: 1.375rem;
  text-align: center;
  color: #000000;
  font-size: 0.7rem;
}
.slid-layer .slider-inner .service .userCenter-mobileCrbt-box .confirm {
  color: #080c18;
  font-weight: 500;
  font-size: 0.675rem;
}
.slid-layer .slider-inner .service .userCenter-mobileCrbt-box .confirm div span {
  color: rgba(10, 89, 247, 0.9) !important;
}
.slid-layer .slider-inner .service .userCenter-mobileCrbt-box .user-confirm {
  text-align: left;
}
.slid-layer .slider-inner .service .service-box {
  display: block;
  margin: 0 auto 1.325rem;
  color: #000000;
  font-size: 0.7rem;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
.slid-layer .slider-inner .service .service-box b {
  font-weight: 400;
}
.slid-layer .slider-inner .service .service-box a.btn-change {
  display: inline-block;
  width: 0.76rem;
  height: 0.76rem;
  margin-left: 0.4rem;
  background: url("../images/slide/edit.png") no-repeat center center/100% 100%;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}
.slid-layer .slider-inner .service .service-box .bz-span {
  text-decoration: line-through;
}
.slid-layer .slider-inner .service .service-box .confirm div span {
  color: rgba(10, 89, 247, 0.9) !important;
}
.slid-layer .slider-inner .service .btn-ok {
  width: 100%;
  height: 1.775rem;
  line-height: 1.775rem;
  font-size: 0.775rem;
  color: #fff;
  border-radius: 0.9rem;
  text-align: center;
  margin: 1.325rem auto 0;
  display: block;
  background: #2449e0;
}
.slid-layer .slider-inner .service .msg {
  color: rgba(0, 0, 0, 0.4);
  margin-top: 2.675rem;
  font-size: 0.525rem;
  line-height: 0.9rem;
}
.slid-layer .slider-inner .msg span {
  font-size: 0.7rem;
}
.slid-layer .slider-inner .msg a {
  color: #ff5159;
}
.slid-layer .slider-inner .msg u {
  text-decoration: none;
  /*color: $singerName-color;*/
  font-weight: bold;
}
.slid-layer .slider-inner .msg b {
  font-weight: bold;
  color: rgba(10, 89, 247, 0.6);
}
.slid-layer .slider-inner .confirm i {
  color: #2449e0;
  font-style: normal;
}
.slid-layer .slider-inner .explain {
  width: 13.525rem;
  margin: 0 auto 1.325rem auto;
  position: relative;
  box-sizing: border-box;
  color: #999;
  font-size: 0.625rem;
  line-height: 1.5;
}
.slid-layer .slider-inner .explain .explain-box .phone-box {
  color: #000000;
  font-size: 0.7rem;
}
.slid-layer .slider-inner .explain .icon {
  display: block;
  width: 10.5rem;
  height: 0;
  margin: 0 auto;
}
.slid-layer .slider-inner .explain .msg {
  color: #000000;
  font-size: 0.7rem;
}
.slid-layer .slider-inner .explain button {
  width: 100%;
  height: 1.775rem;
  line-height: 1.775rem;
  font-size: 0.775rem;
  color: #fff;
  border-radius: 0.9rem;
  text-align: center;
  margin: 1.325rem auto 0;
  display: block;
  background: #2449e0;
}
.slid-layer .slider-inner .explain .prompt {
  font-size: 0.5rem;
}
.slid-layer .slider-inner .explain-setRing {
  position: relative;
  box-sizing: border-box;
  padding: 0 0.7rem;
  text-align: center;
}
.slid-layer .slider-inner .explain-setRing .msg {
  font-size: 0.7rem;
  color: #000000;
  font-weight: 400;
}
.slid-layer .slider-inner .explain-setRing .phone-box {
  font-size: 0.7rem;
  color: #000000;
}
.slid-layer .slider-inner .explain-setRing .msg .setRing-succ img {
  display: none;
}
.slid-layer .slider-inner .explain-setRing .msg .setRing-succ div {
  font-size: 0.7rem;
  color: #000000;
  line-height: 1.25rem;
}
.slid-layer .slider-inner .explain-setRing .msg .setRing-succ p {
  font-size: 0.7rem;
  color: #000000;
  line-height: 1.25rem;
}
.slid-layer .slider-inner .explain-setRing button {
  display: block;
  width: 100%;
  height: 1.775rem;
  line-height: 1.775rem;
  font-size: 0.775rem;
  color: #fff;
  border-radius: 0.9rem;
  text-align: center;
  background: #2449e0;
  margin: 0.85rem auto;
}
.slid-layer .slider-inner .recommend-list {
  background-color: #ffffff;
  padding: 0 0.7rem;
  border-radius: 0.8rem 0.8rem 0 0;
}
.slid-layer .slider-inner .recommend-list[data-disable='1']{
  display:none !important;
}
.slid-layer .slider-inner .recommend-list h2 {
  font-size: 0.7rem;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  line-height: 1;
  padding: 1.2rem 0 0.625rem 0;
}
.slid-layer .slider-inner .recommend-list h2 a{
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.625rem;
  float: right;
  background: url('../images/slide/icon_arrow.png') center right no-repeat;
  background-size: 0.575rem auto;
  padding: 0 0.6rem 0 0;
}
.slid-layer .slider-inner .recommend-list .ringlist .musics {
  height: auto;
  display: flex !important;
  background: none;
  padding: 0.4rem 0;
}
.slid-layer .slider-inner .recommend-list .ringlist .musics .left-area {
  position: relative;
  display: inline-block;
  width: 2.05rem;
  height: 2.05rem;
  border-radius: 0.35rem;
  margin-right: 0.525rem;
  background: url("../images/dcover@2x.png") center no-repeat;
  background-size: 100% auto;
  top: 0;
  left: 0;
}
.slid-layer .slider-inner .recommend-list .ringlist .musics .left-area em {
  color: #888888 !important;
}
.slid-layer .slider-inner .recommend-list .ringlist .musics div:nth-child(1) {
  display: block;
  padding: 0;
}
.slid-layer .slider-inner .recommend-list .ringlist .musics div:nth-child(1) .btn-play {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAMAAACaYWzBAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBQUtLS0vLy87Ozs9PT1mZmZqamqjo6OlpaWmpqapqamsrKyurq7Nzc3o6Ojp6eno6Ojp6en29vb4+Pj4+Pj5+fn///////+6yDPgAAAAL3RSTlMAAQIFCA0VGiAmLjY4OkRLT1BTWFxeYGFibG1xcYCCoKGho6WnwN7e39/w8vPz/XE15isAAACwSURBVCjPhVLXEsQgCMT03hOv9974/7+7JEbHmHNun2B3FBYA+Afi+EHgO0Sh7bikPcrYlmgjrKlAHRqct1I6Qmox3sypgtzshYROkHS8x+L1cS4pXttmwcIHvrYzIRQE3CHEFpeNUFyIJAE/58WQRpDJAuJ7x/7LoBoLiLdll1bQqAKeurSZvriv2Au1xp7X0HYl+7jKPrjzp+pczOqgzEo/Xf0+tBvU71x/Jb/u6gsdfi+YvHAU2AAAAABJRU5ErkJggg==) center no-repeat;
  background-size: auto 0.525rem;
  background-position: 1.325rem 1.325rem;
}
.slid-layer .slider-inner .recommend-list .ringlist .musics div:nth-child(1) .btn-pause {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADl5eX///9NsZsOAAAADXRSTlMACgseKTtFV1xeYGHZ8XsemQAAAHdJREFUGNNjYGBgYHKrnJ6iwAAGjFG7gWCpAJhjsRsMmkFsltUQzi4HIMdqNxQsBurohnF2CDCwAqkzYLQ7gEELSN4Fo92LGLwRnC0M2QjONoZqBGc7w2wEZycqB0UZigEoRqNYiuIcFIeieAHVcyjeRg0QRFABAMSPo+XXQ2YpAAAAAElFTkSuQmCC) center no-repeat;
  background-size: auto 0.525rem;
  background-position: 1.325rem 1.325rem;
}
.slid-layer .slider-inner .recommend-list .ringlist .musics .pinfo{
  width: 78%;
}
.slid-layer .slider-inner .recommend-list .ringlist .musics .pinfo .musicInfo{
  width: 90%;
}
.slid-layer .slider-inner .extra {
  margin: 0 auto;
  padding-bottom: 0.35rem;
  text-align: center;
}
.slid-layer .slider-inner .extra a {
  font-size: 0.525rem;
  color: #2449e0;
  text-decoration: underline;
  margin: 0 0.85rem;
}
.slid-layer .telecom-open-order {
  background-image: none;
  padding-bottom: 0.5rem;
}
.slid-layer .telecom-open-order .telecom-open-vip {
  display: none;
}
.slid-layer .telecom-open-order .telecom-open-vip .des-txt {
  padding: 0.375rem 0;
  text-align: center;
  font-size: 0.5rem;
  color: #ffffff;
  background: linear-gradient(to right, #ff5558, #fd7e61);
}
.slid-layer .telecom-open-order .telecom-open-vip h2 {
  font-size: 0.675rem;
  color: #333333;
  text-align: center;
  font-weight: 600;
  margin-top: 0.95rem;
}
.slid-layer .telecom-open-order .telecom-open-vip h2 em {
  display: none;
  width: 0.575rem;
  height: 0.375rem;
  background: url("/partner/163/images/arrow-bot.png") center no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  vertical-align: middle;
  margin-left: 0.3rem;
}
.slid-layer .telecom-open-order .telecom-open-vip ul {
  margin-bottom: -1rem;
  font-size: 0;
  text-align: center;
}
.slid-layer .telecom-open-order .telecom-open-vip ul li {
  display: inline-block;
  width: 33%;
  height: 0.95rem;
  padding-top: 2.825rem;
  font-size: 0.6rem;
  color: #333333;
  text-align: center;
  margin-top: 0.6rem;
}
.slid-layer .telecom-open-order .telecom-open-vip ul .item1 {
  background: url("/partner/163/images/1.png") top center no-repeat;
  background-size: 2.425rem 2.425rem;
  -webkit-background-size: 2.425rem 2.425rem;
}
.slid-layer .telecom-open-order .telecom-open-vip ul .item2 {
  background: url("/partner/163/images/2.png") top center no-repeat;
  background-size: 2.425rem 2.425rem;
  -webkit-background-size: 2.425rem 2.425rem;
}
.slid-layer .telecom-open-order .telecom-open-vip ul .item3 {
  background: url("/partner/163/images/3.png") top center no-repeat;
  background-size: 2.425rem 2.425rem;
  -webkit-background-size: 2.425rem 2.425rem;
}
.slid-layer .telecom-open-order .telecom-open-vip ul .item4 {
  background: url("/partner/163/images/4.png") top center no-repeat;
  background-size: 2.425rem 2.425rem;
  -webkit-background-size: 2.425rem 2.425rem;
}
.slid-layer .telecom-open-order .telecom-open-vip ul .item5 {
  background: url("/partner/163/images/5.png") top center no-repeat;
  background-size: 2.425rem 2.425rem;
  -webkit-background-size: 2.425rem 2.425rem;
}
.slid-layer .telecom-open-order .telecom-open-vip ul .item6 {
  background: url("/partner/163/images/6.png") top center no-repeat;
  background-size: 2.425rem 2.425rem;
  -webkit-background-size: 2.425rem 2.425rem;
}
.slid-layer .telecom-open-order .fee {
  display: none;
  opacity: 0;
}
.slid-layer .telecom-open-order:after {
  content: "";
  display: none;
  width: 3.025rem;
  height: 3.025rem;
  position: absolute;
  top: 0;
  right: 0;
}
.slid-layer .member-tip {
  display: none !important;
  width: 100%;
  background: #fff;
  padding: 0 0.5rem;
  line-height: 1.5rem;
  position: relative;
  font-size: 0.6rem;
  color: #666;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  margin-bottom: 0.35rem;
  display: none;
  /*登录开会员弹窗图片*/
}
.slid-layer .member-tip em {
  position: absolute;
  height: 1px;
  background: #e0e0e0;
  left: 5%;
  top: 50%;
  margin-top: -1px;
  z-index: 0;
  width: 90%;
}
.slid-layer .member-tip .member-tip-inner {
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0 0.3rem;
}
.slid-layer .member-tip span {
  width: 1rem;
  height: 1.5rem;
  display: inline-block;
  line-height: 1.5rem;
  font-size: 0.75rem;
  color: #ff5159;
  float: left;
}
.slid-layer .member-tip i {
  color: #ff5159;
  padding-left: 5px;
  font-style: normal;
}
.slid-layer .member-tip .bg {
  height: 6.8rem;
  background: url(/m/images/check_bg.png) no-repeat;
  background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  margin: 0 -0.5rem;
}

.hasMusics .slider-inner .musics {
  height: 11.6rem;
}
.hasMusics .slider-inner .musics > div:nth-child(1) {
  display: flex;
}
.hasMusics .slider-inner .c {
  padding: 1.15rem 0 0.85rem;
}
/* .hasMusics .slider-inner .c .checking:before {
  content: "登录完成彩铃设置";
  display: block;
  width: 100%;
  font-size: 0.7rem;
  line-height: 1;
  color: rgba(0, 0, 0, 0.9);
  font-weight: bold;
  position: absolute;
  top: -2.3rem;
  left: 50%;
  margin-left: -50%;
  z-index: 10;
  text-align: center;
  background: url("../images/slide/decor@2x.png") center no-repeat;
  background-size: 8rem auto;
} */
.hasMusics .slider-inner .c .checking #phone-verifi {
  margin: 2.4rem auto 0.675rem;
}

.open-business-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f1f3f5 url("../images/slide/bg.png") center top no-repeat;
  background-size: 100% auto;
  display: block;
  z-index: 100;
}
.open-business-layer .tips {
  display: none !important;
  padding: 0.375rem 0;
  text-align: center;
  font-size: 0.5rem;
  color: #ffffff;
  background: linear-gradient(to right, #ff5558, #fd7e61);
}
.open-business-layer h2 {
  font-size: 0.825rem;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.3rem;
  padding: 1.5rem 0 0.925rem 1.775rem;
}
.open-business-layer h2 em {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  background: url("../images/slide/icon_ring@2x.png") center no-repeat;
  background-size: 100% auto;
  margin-right: 0.45rem;
  vertical-align: bottom;
}
.open-business-layer .privilege {
  width: 100%;
  height: 6.85rem;
}
.open-business-layer .privilege ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 1.1rem 0;
}
.open-business-layer .privilege ul li {
  position: relative;
  width: 25%;
  padding-top: 1.35rem;
}
.open-business-layer .privilege ul li p {
  font-size: 0.525rem;
  color: #ffffff;
  line-height: 0.75rem;
  margin-bottom: 0.05rem;
  text-align: center;
}
.open-business-layer .privilege ul .item1 {
  background: url("../images/slide/icon1@2x.png") center top no-repeat;
  background-size: 1.125rem auto;
}
.open-business-layer .privilege ul .item2 {
  background: url("../images/slide/icon2@2x.png") center top no-repeat;
  background-size: 1.125rem auto;
}
.open-business-layer .privilege ul .item3 {
  background: url("../images/slide/icon3@2x.png") center top no-repeat;
  background-size: 1.125rem auto;
}
.open-business-layer .privilege ul .item4 {
  background: url("../images/slide/icon4@2x.png") center top no-repeat;
  background-size: 1.125rem auto;
}
.open-business-layer .privilege .content {
  width: 14.625rem;
  margin: 1.3rem auto 0;
  box-sizing: border-box;
  background: #ffffff;
  background-size: 4.575rem auto;
  padding: 0.85rem 0 0.85rem 0;
  border-radius: 0.425rem 0.425rem;
  position: relative;
}
.open-business-layer .privilege .content .des {
  font-size: 0.625rem;
  color: #333333;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.675rem;
}
.open-business-layer .privilege .content .ok-btn {
  width: 13.275rem;
  height: 1.975rem;
  line-height: 1.975rem;
  font-size: 0.675rem;
  color: #ffffff;
  border-radius: 1.025rem;
  text-align: center;
  margin: 0 auto;
  background-color: #2449e0;
}
.open-business-layer .ok-btn {
  display: block;
  width: 14.575rem;
  height: 1.775rem;
  line-height: 1.775rem;
  font-size: 0.7rem;
  color: #ffffff;
  border-radius: 0.9rem;
  text-align: center;
  background-color: #2449e0;
  margin: 0.85rem auto 0 auto;
}
.open-business-layer .msg {
  width: 14.75rem;
  margin: 0.925rem auto 0 auto;
  font-size: 0.525rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1rem;
}
.open-business-layer .msg u {
  color: rgba(10, 89, 247, 0.6);
  text-decoration: none;
}

/* bootstrap.ejs -> bootstrap.css
----------------------------------------*/
/*-- section 1 --*/
@keyframes slidLayerShow{
    0%{left:100%;}
    100%{left:0px;}
}
@keyframes slidLayerHide{
    0%{left:0px;opacity:1;}
    100%{left:100%;opacity:1;}
}
#slid-layer[data-show='1'],
#help-slide[data-show='1'],
#search-feedback[data-show='1']{
    display:block;
    left:0px;
    opacity:1;
    animation:slidLayerShow 0.3s;
}
#slid-layer[data-show='0'],
#help-slide[data-show='0'],
#search-feedback[data-show='0']{
    display:block;
    left:100%;
    opacity:0;
    animation:slidLayerHide 0.3s;
}
#slid-layer[data-show='-1'],
#help-slide[data-show='-1'],
#search-feedback[data-show='-1']{
    display:block;
    left:100%;
    opacity:0;
}
.hasMusics .musics{
    transform-origin:0px 0px;
    opacity:1;
    transform:scale(1,1);
}
.slid-layer .slider-inner .checking .msg u{
    /*color: rgba(10, 89, 247, 0.6);*/
    font-weight:bold;
}
.slid-layer .slider-inner .checking .msg b{
    color: rgba(0, 0, 0, 0.6);
    font-weight:bold;
}
.slid-layer .slider-inner .extra{
    padding:0.5rem 0;
}
.slid-layer .slider-inner .recommend-list {
    padding-bottom:0.8rem;
    border-radius:0.8rem;
}
.slid-layer .slider-inner .agreement{
    width:100%;
    margin-top:0;
    padding:0.1rem 0 0.2rem 0;
    text-align:center;
}
.slid-layer .slider-inner .agreement i{margin:-0.09rem 0.2rem 0 0;}
.slid-layer .slider-inner .agreement a{
    text-decoration:underline;
    font-size:0.525rem;
    color:#2449E0;
}
/*-- 位于号码输入框内 --*/
.slid-layer .slider-inner #bizWrap-phone .agreement{
    margin-top:0.9rem;
}
#defExplain{
    display:none;
    width: 14.75rem;
    margin: 0 auto 0.7rem auto;
    padding-top:8rem;
    font-size: 0.5rem;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.125rem;
}
#defExplain u{
    text-decoration: none;
    font-weight:bold;
    color: rgba(10, 89, 247, 0.6);
}
/*-- section 2 [方格验证码输入框样式替换] --*/
.hasMusics .slider-inner .c{
    padding-top:0;
    padding-bottom:0.7rem;
}
.hasMusics .slider-inner .c .checking::before{
    top:0.5rem;
    padding-top:1.4rem;
    border-top:0.05rem solid #f1f3f5;
    background-position:center bottom;
}
.slid-layer .slider-inner .musics > div:nth-child(1){
    border-bottom: #DCE0E6 solid 0.05rem;
}
.slid-layer .slider-inner .service{
    padding-top:1.15rem;
}
.slid-layer .slider-inner .checking button[disabled]{
    background-color: #a8b8f7;
}
div#bizWrap-code,
div#bizWrap-phone{
    margin:0;
    width:100%;
    padding:1.725rem 0.7rem;
    position: relative;
}
div#bizWrap-phone h3,
div#bizWrap-code h3{
  font-size: 0.925rem;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.525rem;
}
div#bizWrap-phone h4,
div#bizWrap-code h4{
  font-size: 0.625rem;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 1;
  margin-bottom: 1.6rem;
}
div#bizWrap-code h4 strong{
  font-size: 0.625rem;
  color: #000;
}
div#bizWrap-phone input,
div#bizWrap-code input{
    box-sizing:border-box;
    width:100%;
    height:1.8rem;
    padding:0 0.8rem;
    border-radius:0.9rem;
    background-color:#F1F3F5;
    font-size:0.7rem;
    border: #007DFF solid 0.05rem;
}
div#bizWrap-phone button{
    width:100%;
    height:1.8rem;
}
div#bizWrap-code header{
    width:100%;
    margin-bottom:0.3rem;
    overflow:hidden;
}
div#bizWrap-code header h4{
    float:left;
    font-size:0.65rem;
    font-weight:bold;
    line-height:1.5rem;
    color:#000;
}
div#bizWrap-code #bizBtn-sendCode{
    width:auto;
    height:1.5rem;
    margin:0;
    padding:0;
    background-color:transparent;
    border:none;
    border-radius:0;
    font-size:0.65rem;
    line-height:1.5rem;
    color:#2449E0;
    position: absolute;
    right: 1.625rem;
    top: 5.5rem;
}
div#bizWrap-code footer{
    box-sizing:border-box;
    width:100%;
    padding:0.3rem;
    background-color:#F4F6F8;
    border-radius:0.2rem;
    text-align:center;
    font-size:0.65rem;
    color:#999;
}
div#bizWrap-code footer strong{
    font-weight:normal;
    color:#000;
}
div#bizBox-code{
    position:relative;
    width:100%;
    margin-bottom:0.6rem;
}
div#bizBox-code[data-len='4']{
    height:2.9rem;
    line-height:2.9rem;
}
div#bizBox-code[data-len='6']{
    height:2rem;
    line-height:2rem;
}
div#bizBox-code label{
    float:left;
    position:relative;
    display:none;
    box-sizing:border-box;
    height:100%;
    background-color:#FFF;
    border:0.08rem solid #dadada;
    border-radius:0.5rem;
    text-align:center;
    z-index:1001;
}
div#bizBox-code[data-len='6'] label,
div#bizBox-code[data-len='4'] label:nth-child(1),
div#bizBox-code[data-len='4'] label:nth-child(2),
div#bizBox-code[data-len='4'] label:nth-child(3),
div#bizBox-code[data-len='4'] label:nth-child(4){display:block;}
div#bizBox-code[data-len='4'] label:nth-child(4),
div#bizBox-code[data-len='6'] label:nth-child(6){margin-right:0;}
div#bizBox-code[data-len='4'] label{
    width:22%;
    margin-right:4%;
    font-size:1.2rem;
}
div#bizBox-code[data-len='6'] label{
    width:15%;
    margin-right:2%;
    font-size:1rem;
}
div#bizBox-code label.inputed{
    border:none;
    background-color:#EFF1F3;
}
div#bizBox-code label.inputing{
    border:none;
    background-color:#E4E9EF;
    box-shadow:0 0 8px rgba(73,100,183,0.12);
}
div#bizBox-code label.inputing::before{
    content:'|';
    font-size:0.8em;
}
div#bizBox-code input{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:block;
    background-color:transparent;
    border:none;
    text-align:left;
    font-size:1px;
    color:transparent;
    outline:none;
    z-index:1000;
}
/*-- section 3 --*/
div#pop-confirm{
    width: 14.575rem;
    background: #ffffff;
    padding: 1.075rem;
    border-radius: 0.8rem;
    box-sizing: border-box;
}
div#pop-confirm-content{
    display: block;
    text-align: center;
    font-size: 0.68rem;
    line-height: 1.325rem;
    font-weight: 100;
    color: rgba(0, 0, 0, 0.9);
    padding-bottom: 0.35rem;
}
div#pop-confirm-content a{
    color:#2449e0;
}
div#pop-confirm-btns{
    width:100%;
    overflow:hidden;
}
div#pop-confirm-btns button{
    display: block;
    width: 5.8rem;
    height: 1.775rem;
    line-height: 1.775rem;
    font-size: 0.7rem;
    text-align: center;
    border-radius: 0.9rem;
    margin: 0 auto;
    box-sizing: border-box;
}
button#pop-confirm-btn-no{
    float:left;
    background: #dddddd;
    color: #333;
}
button#pop-confirm-btn-ok{
    float:right;
    background: #2449e0;
    color: #fff;
}
/*-- section 4 [20230323 业务滑窗更改] --*/
.slid-layer.hasMusics .slider-inner .musics{
    height:4.75rem;
    background:none;
}
.slid-layer.hasMusics .slider-inner .musics[data-disable='1']{
  display:none !important;
}
.slid-layer.hasMusics .slider-inner .musics .privilege{display:none;}
.slid-layer.hasMusics .slider-inner .musics .musicInfoBox{top:0.75rem;}
/*-- section 5 --*/
.slid-layer{padding-bottom:0;}
.slid-layer .slider-inner{
    position:relative;
    box-sizing:border-box;
    min-height:100vh;
    padding-bottom:3rem;
}
.slid-layer .slider-inner .extra,
.slid-layer .slider-inner .agreement{
    position:absolute;
    width:100%;
}
.slid-layer .slider-inner .extra{bottom:1.3rem;}
.slid-layer .slider-inner .agreement{bottom:0.4rem;}

/* msg style
----------------------------------------*/
/*
#slid-layer .slider-inner > * .msg b,
*/
#slid-layer .slider-inner > * .msg u{
    font-weight:normal !important;
    /*
    font-weight:bold !important;
    color:rgba(0, 0, 0, 0.6) !important;
    */
}
.slid-layer .slider-inner .msg b {
    color:rgba(0, 0, 0, 0.4);
}

/* copyright-tip
----------------------------------------*/
#slid-layer .copyright-tip{
    color: #FFFFFF;
    font-size: 0.575rem;
    font-weight: 400;
    background-color: #839CFD;
    text-align: center;
    padding: 0.35rem 0;
}
#slid-layer .copyright-tip[data-disable='1']{
  display:none !important;
}
#slid-layer .copyright-tip i{
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAI1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////A4szhQAAAC50Uk5TAAECBgwOISIsNzw9Pj9LTU5TVGRlZmxwhYmKmp+gq7DCxsfIys7Y5+jr8ff4+cey/G8AAAEjSURBVDjLrVPbcoIwFFxEURSLiiKUFkHlFnD///P6kMQScIa20/OSc7I7ObcN8I9meXFWdV2VxZ71Cj+UfFp5GMHOlaRIozCMUkHy6pj4tiEL35aB7RdkszXwB9ugl9gKWj56DKdh7ZpPujWb7yw5W3dYlNsyf9ZPBuOuAlL1YpUsXjRuFSzltUf6ABZvC41J1yc9AMA7hQ3gxpsmSNcWjAEAGVMAqFlrgnJTZgCAihEAbJKNJig3YgUA6Bi+3l7IziTs9+apCSoFUHMFACtdjE6higQ+eZkBsws/ZKyLjGWbwFLwfj7fKZZyqbpNNSgA64okq7WMdnpQvVHPT0lymg9HPbms6XVPC2YsuaMpuaFodyPRAk5uyj53fvtxfvD1/mpfKfspRouJpVEAAAAASUVORK5CYII=) center no-repeat;
    background-size: 100% auto;
    margin-right: 0.225rem;
    vertical-align: bottom;
}

/* 资费位置控制
----------------------------------------*/
#slider-first-screen{min-height:100vh;}
#slid-layer .draw-box{ height:auto; }
#slid-layer .checking .draw-box[data-mode="1"]{
    min-height:12rem;
    height:calc(100vh - 10.4rem);
}
#slid-layer .service .draw-box[data-mode="1"]{
    min-height:8rem;
    height:calc(100vh - 12.3rem);
}

/* 电信确认弹窗
----------------------------------------*/
#telecomOrderConfirm{
    position:fixed;
    top:50%;
    left:50%;
    margin:-6.2rem 0 0 -7.2rem;
    box-sizing:border-box;
    width:14.4rem;
    padding:1rem 1.2rem;
    border-radius:0.8rem;
    background-color:#FFF;
    text-align:center;
    z-index:999;
}
#telecomOrderConfirm .telecomOrderConfirm-close{
    position:absolute;
    top:0.55rem;
    right:0.55rem;
    display:block;
    width:1rem;
    height:1rem;
    background: url("../images/off.png") no-repeat center center/100% 100%;
}
#telecomOrderConfirm .telecomOrderConfirm-title{
    padding:0.2rem 0 1rem 0;
    font-size:0.82rem;
    color:#000;
}
#telecomOrderConfirm .telecomOrderConfirm-msg{
    margin-bottom:1rem;
    font-size:0.7rem;
    line-height:0.88rem;
    color:#000;
}
#telecomOrderConfirm .telecomOrderConfirm-btn{
    display:block;
    margin:0 auto 1rem auto;
    width:11rem;
    height:2rem;
    background-color:#0A59F7;
    border-radius:1rem;
    font-size:0.62rem;
    color:#FFF;
}
#telecomOrderConfirm .telecomOrderConfirm-explain{
    width:100%;
    padding:0 0 0 0;
    text-align:left;
    font-size:0.525rem;
    line-height:0.72rem;
    color:#999999;
}

/* toast
----------------------------------------*/
div#pop-toast{
    position:fixed;
    top:65%;
    left:50%;
    z-index:1200;
    transform:translate(-50%,-50%);
    box-sizing:border-box;
    max-width:14rem;
    min-width:12rem;
    padding:0.4rem 0.5rem;
    background-color:rgba(0,0,0,0.7);
    border-radius:0.3rem;
    text-align:center;
    font-size:0.62rem;
    color:#FFF;
}

/* 业务说明
----------------------------------------*/
div#businessExplain{
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    z-index:1200;
}
div#be-view{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    box-sizing:border-box;
    width:14rem;
    padding:1.1rem 1rem 1.5rem 1rem;
    background-color:#FFF;
    border-radius:0.7rem;
}
div#be-view h3{
    width:100%;
    padding-bottom:1.4rem;
    text-align:center;
    font-size:0.8rem;
    font-weight:bold;
    color:#000;
}
button#be-close{
    position:absolute;
    top:0.5rem;
    right:0.5rem;
    width:0.9rem;
    height:0.9rem;
    background:url('../images/off.png') no-repeat center center / 100% 100%;
}
div#be-content{
    width:100%;
    height:14rem;
    overflow-x:hidden;
    overflow-y:auto;
    color:#666;
}
div#be-content b{
    font-weight:bold;
    color:#000;
}

/* 弹窗中的音频 - 2025/06/12
----------------------------------------*/
.pop-view-musics {
  margin-bottom:1rem;
  width: 100%;
  padding: 0 0;
  display: block !important;
  background-size: 100% auto;
}
.pop-view-musics .musicInfoBox{
  display:flex;
  width:100%;
  height: 2.125rem;
  padding: 0.225rem .35rem;
  align-items: center;
  left: 0;
  background-color: #F4F4F4;
  border-radius: .45rem;
}
.pop-view-musics .musicInfoBox .left-area {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 0.35rem;
  margin-right: 0.45rem;
}
.pop-view-musics .musicInfoBox .left-area .cover-img {
  width: 1.7rem;
  height: 1.7rem;
}

.pop-view-musics .musicInfoBox a.controlbtn {
  width: 100%;
  height: 100%;
  display: block;
}
.pop-view-musics .musicInfoBox a.btn-play {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: url("../images/play@2x.png") center no-repeat;
  background-size: auto 0.575rem;
  background-position: 1rem 1rem;
}
.pop-view-musics .musicInfoBox a.btn-pause {
  background: url("../images/pause@2x.png") center no-repeat;
  background-size: auto 0.575rem;
  background-position: 1rem 1rem;
}
.pop-view-musics .musicInfoBox .pinfo {
  width: 100%;
  text-align: left;
  border: none;
  box-sizing: border-box;
}
.pop-view-musics .musicInfoBox .pinfo .musicInfo p.name {
  display: block;
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.575rem;
  line-height: 1.2;
  text-align: left;
  font-weight: 500;
  overflow: auto;
  white-space: inherit;
  margin-bottom: 0.05rem;
}
.pop-view-musics .musicInfoBox .pinfo .musicInfo p.name span {
  display: inline;
}
.pop-view-musics .musicInfoBox .pinfo .musicInfo p.lh {
  display: block;
  font-size: 0.5rem;
  line-height: 1.6;
  text-align: left;
  font-weight: 400;
  color:#333;
}
.pop-view-musics .musicInfoBox .pinfo .musicInfo p.lh span {
  float: none;
}
.pop-view-musics .musicInfoBox .pinfo .musicInfo p.lh em {
  display: none !important;
}
.pop-view-musics .musicInfoBox .pinfo .musicInfo .btn-play{
  background-image: none;
}

/* 弹出二确弹窗 - 2025/06/09
----------------------------------------*/
div#popOrderConfirm{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    box-sizing:border-box;
    width:14.4rem;
    text-align:center;
    z-index:999;
}
div.popOrderConfirm-close{
    position:absolute;
    top:-1.4rem;
    right:-0.2rem;
    width:1.3rem;
    height:1.3rem;
    background:url('../images/popOrderConfirm-close-bg-2.png') no-repeat center center / 70% 70%;
    font-size:0;
    line-height:0;
}
div.popOrderConfirm-content{
    box-sizing:border-box;
    width:100%;
    max-height:84vh;
    padding:1.2rem 0.9rem 1rem 0.9rem;
    border-radius:0.8rem;
    background-color:#FFF;
    overflow-x:hidden;
    overflow-y:auto;
}
h2.popOrderConfirm-title{
    width:100%;
    margin-bottom:0.7rem;
    font-size:0.7rem;
    line-height:1rem;
    color:#000;
}
h2.popOrderConfirm-title::before{
    content:'<';
    display:inline-block;
    width:1rem;
    margin-right:0.4rem;
    background:url('../images/popOrderConfirm-title-bg.png') no-repeat left center / auto 50%;
    color:transparent;
}
h2.popOrderConfirm-title::after{
    content:'>';
    display:inline-block;
    width:1rem;
    margin-left:0.4rem;
    background:url('../images/popOrderConfirm-title-bg.png') no-repeat right center / auto 50%;
    color:transparent;
}
ul.popOrderConfirm-list{
    width:100%;
    margin-bottom:0.7rem;
    overflow:hidden;
}
ul.popOrderConfirm-list li{
    float:left;
    box-sizing:border-box;
    width:33.33%;
    padding:2.825rem 0 0 0;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:65% auto;
    text-align:center;
    font-size:0.525rem;
    line-height:0.8rem;
    color:#000;
}
ul.popOrderConfirm-list li:nth-child(1){background-image:url('../images/popOrderConfirm-icon-1.png');}
ul.popOrderConfirm-list li:nth-child(2){background-image:url('../images/popOrderConfirm-icon-2.png');}
ul.popOrderConfirm-list li:nth-child(3){background-image:url('../images/popOrderConfirm-icon-3.png');}
p.popOrderConfirm-fee{    
    text-align: center;
    font-size: 0.525rem;
    line-height: 0.8rem;
    color: #000;
    padding-bottom: .7rem;
}
button.popOrderConfirm-btn{
    display:block;
    margin:0 auto 0.7rem auto;
    width:12.45rem;
    height:1.95rem;
    background-color:#0A59F7;
    border-radius:1rem;
    font-size:0.7rem;
    color:#FFF;
}
div.popOrderConfirm-explain{
    width:100%;
    max-height:9.2rem;
    text-align:left;
    font-size:0.45rem;
    line-height:0.72rem;
    color:#888888;
    overflow-x:hidden;
    overflow-y:auto;
}
div.popOrderConfirm-explain p{
    margin: 0.1rem !important;
    line-height:0.64rem !important;
}