@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

body {
    font: 12px 'Arial' /*,'黑体'*/, 'Microsoft Yahei', 'Simsun';
    color: #808080;
    background: #fff;
    min-width: 320px;
    height: 100%;
}

body, div, p, a, li, ul, ol, span, input, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, select, pre, img, textarea {
    padding: 0;
    margin: 0;
    outline: none;
    font-size: system;
    border: 0 none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

form {
    display: inline
}

ul, ol {
    list-style: none
}

a {
    text-decoration: none;
    color: #808080;
}

u {
    text-decoration: none;
    color: #ef3a2d;
}

img {
    border: 0;
    display: block;
    width: 100%;
}

button, input, select, textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
}

textarea {
    resize: none
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    -moz-appearance: button
}

input {
    -webkit-user-select: text
}

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

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

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

header, footer, article, section, nav, menu {
    display: block;
    clear: all;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tudl {
    text-decoration: underline;
}

.clear {
    clear: both;
    zoom: 1;
}

.clear:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.brt {
    border-top: 1px solid #e6e6e6;
}

.mt15em {
    margin-top: 1.5em;
}

.mt1em {
    margin-top: 1em;
}

.mt03em {
    margin-top: .3em;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.hide {
    display: none;
}

.gray {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}

a[title='站长统计'] {
    display: none
}

/*字体图标*/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?n5p3u0');
    src: url('../fonts/icomoon.eot?n5p3u0#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?n5p3u0') format('truetype'),
    url('../fonts/icomoon.woff?n5p3u0') format('woff'),
    url('../fonts/icomoon.svg?n5p3u0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-font {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

.iconfont-logo:before {
    content: "\e900";
}

.iconfont-home:before {
    content: "\e901";
}

.iconfont-user:before {
    content: "\e902";
}

.iconfont-search:before {
    content: "\e903";
}

.iconfont-play:before {
    content: "\e904";
}

.iconfont-play-i:before {
    content: "\e905";
}

.icon-ring:before {
    content: "\e917";
}

.icon-download:before {
    content: "\e915";
}

.iconfont-ring-o:before {
    content: "\e908";
}

.iconfont-ring-set-o:before {
    content: "\e916";
}

.iconfont-download-o:before {
    content: "\e911";
}

.iconfont-new:before {
    content: "\e909";
}

.iconfont-hot:before {
    content: "\e90a";
}

.iconfont-vip:before {
    content: "\e90b";
}

.iconfont-load:before {
    content: "\e90c";
}

.iconfont-back:before {
    content: "\e90d";
}

.iconfont-close:before {
    content: "\e90e";
}

.iconfont-warning:before {
    content: "\e90f";
}

.iconfont-queen:before {
    content: "\e910";
}

.iconfont-sms:before {
    content: "\e912";
}

.iconfont-clear:before {
    content: "\e913";
}

.iconfont-checked:before {
    content: "\e914";
}

.iconfont-delete:before {
    content: "\e918";
}

.iconfont-wechat:before {
    content: "\e919";
}

.iconfont-share:before {
    content: "\e91a";
}

.icon-phone:before {
    content: "\e91b";
}

.icon-password:before {
    content: "\e91c";
}

.icon-ring-b:before {
    content: "\e91d";
}

.icon-down-b:before {
    content: "\e91e";
}

.icon-vip-b:before {
    content: "\e91f";
}

.icon-gift:before {
    content: "\e920";
}

.icon-share-c:before {
    content: "\e921";
}

.icon-zoom-in:before {
    content: "\e922";
}

.iconfont-empty:before {
    content: "\e923";
}

.icon-color {
    color: #9a60ff;
}

/*头部样式*/
.iconfont-xl {
    display: block;
    background: url(../images/ring-sprites.png) no-repeat;
    background-size: 100px 150px;
    -webkit-background-size: 100px 150px;
}

.head {
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    max-width: 640px;
    margin: 0 auto;
    background: #537aff;
    background: -moz-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
    background: -webkit-gradient(linear, left bottom, right top, from(#537aff), to(rgba(173, 90, 255, 1)));
    background: -o-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
}

.top {
    height: 2.2rem;
    position: relative;
}

.l-info {
    position: absolute;
    height: 2.2rem;
    left: .25rem;
    top: 0;
    font-size: 1rem;
}

.l-info a {
    display: block
}

.l-info a span {
    display: inline-block;
    width: 2rem;
    height: 2.2rem;
    float: left;
    line-height: 2.2rem;
    color: #fff;
    text-align: center
}

.l-info span.pocket-logo {
    background: url(../images/proket-logo.png) no-repeat center;
    width: 70px;
    height: 2.4rem;
    background-size: 3.2rem auto;
    -webkit-background-size: 3.2rem auto;
}

.m-info {
    width: 70%;
    height: 2.2rem;
    line-height: 2.2rem;
    margin: 0 auto;
    text-align: center;
    font-size: .7rem;
    color: #fff;
    vertical-align: middle;
    font-weight: 600;
}

.m-info span.pocket-logo {
    background: url(../images/logo-123-1.png) no-repeat left;
    width: 2.25rem;
    height: 1.1rem;
    display: inline-block;
    background-size: contain;
    -webkit-background-size: contain;
    vertical-align: middle;
    margin-bottom: .2rem;
}

.m-info span.mobile-logo {
    background: url(../images/mobile-logo.png) no-repeat center;
    width: 2.5rem;
    height: 100%;
    display: inline-block;
    background-size: 3.3rem auto;
    -webkit-background-size: 3.3rem auto;
}

.m-info span.ringbag-logo {
    background: url(../images/ringbag-logo.png) no-repeat center;
    width: 2.5rem;
    height: 100%;
    display: inline-block;
    background-size: 3.3rem auto;
    -webkit-background-size: 3.3rem auto;
}

.r-info {
    position: absolute;
    height: 2.2rem;
    line-height: 2.2rem;
    top: 0;
    right: 5px;
}

.r-info a {
    float: left;
    width: 2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    display: block;
    font-size: 1rem;
    text-align: center;
    color: #fff;
}

.back {
    height: 1.5rem;
    position: relative;
    font-size: .7rem;
    background-image: linear-gradient(to bottom, #f8f8f8 80%, #f6f6f6 100%);
    background-color: #f6f6f6;
    border-bottom: 1px solid #e3e3e3;
}

.back a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #aeaeae;
}

.back a span.btn_back {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #aeaeae;
    font-size: 1rem;
    text-align: center
}

.backtitle {
    width: 72%;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.curnum {
    width: 95%;
    height: 1.5rem;
    line-height: 1.5rem;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 0 2.5%;
    font-size: .6rem;
    z-index: 99;
    display: none;
}

.curnum a {
    color: #fff;
    width: 80px;
    height: 1rem;
    margin-top: .5rem;
    line-height: 1rem;
    border: none;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    border-left: 1px dashed #f7f8f8;
    text-align: center;
}

.curnum i {
    display: inline-block;
    width: 15px;
    height: 11px;
    background: url("../images/icon-queen.png") center no-repeat;
    background-size: 15px auto;
    -webkit-background-size: 15px auto;
    margin-left: 5px;
}

/*小贴士、会员部分*/
.explanation-layout {
    width: 94%;
    font-size: .6rem;
    color: #454545;
    margin: 0 auto;
    background: #fff;
    line-height: 1rem;
    padding: .25rem 3% .5rem;
}

.tips-text {
    color: #50484b;
    font-size: .5rem;
}

.sm-text {
    margin: .5rem auto;
}

.sm-text u {
    color: #ff5159;
}

.text-tit {
    position: relative;
    width: 98%;
    margin: 0 auto;
    text-align: center;
    z-index: 0
}

.text-tit em {
    display: inline-block;
    padding: 0 .35rem;
    background: #fff;
    z-index: 1;
    color: #8b8c8e;
    position: relative;
    font-size: .65rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: .2rem;
    font-style: normal
}

.text-tit i {
    position: absolute;
    height: 1px;
    width: 100%;
    background: #e0e0e0;
    content: '';
    top: 50%;
    left: 0;
    margin-top: -1px;
    z-index: 0
}

.sm-text p.p1 {
    font-size: .5rem;
    color: #444;
    margin-top: .3rem;
    line-height: .8rem;
}

.sm-text p.p1 u {
    color: #ff5159
}

/*尾部*/
.footer {
    color: #666;
    overflow: hidden;
    background: #fff;
    margin-top: .25rem;
}

.footer .brt {
    border-top: 1px solid #e0e0e0
}

.footer a.btn {
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #ed1c24;
    border-radius: .2rem;
    font-size: .65rem;
    padding: 0 .4rem;
    border: 1px solid #ed1c24;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.75rem;
}

.footer section {
    width: 92%;
    padding: .6rem 0;
    position: relative;
    margin: 0 auto;
}

.footer section.copyright {
    font-size: .55rem;
    width: 100%;
    line-height: .9rem;
    border-top: 1px solid #e0e0e0;
    color: #999;
    text-align: center;
    padding: .5rem 0
}

.appbox img {
    width: 60%;
}

.appbox p {
    font-size: .6rem;
    color: #66665f;
    line-height: .9rem;
    padding-top: .4rem;
}

.appbox p b {
    color: #101010;
    font-size: .75rem;
}

.fotinfo {
    color: #333;
    font-size: .5rem
}

.fotinfo span {
    color: #333;
}

.fotinfo p {
    font-size: 0.6rem;
    line-height: 1.4em;
}

.mt05em {
    margin-top: .35rem;
}

.icon_logo {
    display: inline-block;
    width: 2rem;
    border-radius: 20%;
    margin-right: .5rem
}

.xl-logo p {
    line-height: .85rem;
    font-size: .55rem;
    margin-top: .15rem;
    color: #333
}

.xl-logo p b {
    font-size: .65rem
}

.icon_down {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -40px -114px;
    float: left;
    margin: 5px 0 0 1px;
}

.ws_logo {
    height: 2rem;
    width: 74%;
    position: relative;
    padding-left: 2rem;
    color: #bb120b;
    overflow: hidden;
    line-height: .8rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.ws_logo img {
    width: 1.75rem;
    position: absolute;
    top: 0;
    left: 0;
}

.ws_logo h3 {
    color: #333;
    font-size: .5rem
}

.ws_logo h3 b {
    font-size: .7rem;
}

.ws_logo p {
    font-size: .45rem
}

.wsbox .btn {
    width: 3.75rem;
}

.foot-logo {
    height: 1.5rem
}

.foot-logo img {
    display: inline-block;
    height: 1.5rem;
    margin: 0 .5rem;
    width: auto
}

.beian-info {
    height: .9rem;
    padding-top: .3rem
}

.beian-info a {
    display: inline-block;
    text-decoration: none;
    height: .8rem;
    line-height: .8rem;
}

.beian-info img {
    float: left;
    width: auto;
}

.beian-info em {
    float: left;
    height: .8rem;
    line-height: .8rem;
    margin: 0 0 0 .3rem;
    color: #939393;
    display: inline-block;
    font-style: normal
}

.beian-info .beian-img {
    width: .7rem
}

/*弹窗样式*/
input::-webkit-input-placeholder {
    color: #74747c;
    font-size: .55rem;
    font-family: "Microsoft yahei"
}

.tcdiv {
    position: absolute;
    width: 74%;
    background: #fff;
    padding: .25rem 1rem .75rem;
    display: none;
    border-radius: .25rem;
}

.tcdiv-botbg {
    background: url(../images/bg-pop.png) 0 bottom repeat-x;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-size: 290px 10px;
    -webkit-background-size: 290px 10px;
}

.tctit {
    width: 100%;
    height: 1.75rem;
    line-height: 1.75rem;
    border-bottom: .05rem solid #dedfe0;
    text-align: center;
    color: #1d1d1b;
    font-size: .7rem;
    font-weight: 600;
}

.tctit em {
    width: 1.6rem;
    height: 1.8rem;
    display: block;
    background: url(../images/icon-close.png) 0 0 no-repeat;
    background-size: 1.6rem 3.6rem;
    -webkit-background-size: 1.6rem 3.6rem;
    position: absolute;
    top: -.5rem;
    right: -.4rem;
    text-indent: -9999px;
}

.tccon {
    margin: 15px auto 0;
}

.tccon a.uline, .tccon u {
    color: #e60012;
    text-decoration: underline;
}

.tccon .tcphone {
    font-size: .65rem;
    color: #7c1f1a;
}

.ipbox p {
    margin-top: 8px;
    position: relative;
}

.ipbox input {
    height: 38px;
    line-height: 38px;
    border: 1px solid #dedde4;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 5px;
}

.ipbox input.numip {
    width: 100%;
}

.ipbox input.maip {
    width: 60%;
}

.ipbox a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 36%;
    height: 38px;
    line-height: 38px;
    border-radius: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    z-index: 0;
    font-size: 13px;
}

.ipbox a.getma {
    border: 1px solid #e92748;
    color: #e92748;
    background: #fff;
}

.ipbox a.time-count {
    border: 1px solid #e3e3e8;
    background: #e3e3e8;
    color: #afafbc;
    z-index: 1;
    display: none;
}

.ipbox a.time-count b {
    font-weight: 400;
}

.ipbox i, .ipbox em {
    font-style: normal;
}

.ipbox i {
    display: block;
    line-height: 18px;
    color: #e81a3d;
    padding-left: 5px
}

.ipbtn {
    width: 100%;
    margin-top: 1rem;
}

.ipbtn button {
    display: block;
    border-radius: .2rem;
    font-family: "Microsoft yahei";
    height: 2rem;
    border: none;
}

.ipbtn button.graybtn {
    float: left;
    width: 48%;
    background: #999;
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    text-shadow: 0 -.05rem 0 #a0a0a0;
}

.ipbtn button.colorbtn {
    float: right;
    width: 48%;
    background: #9a60ff;
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    text-shadow: 0 -.05rem 0 #9a6099;
}

.ipbtn button.onlybtns {
    width: 100%;
    background: #9a60ff;
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
}

.ipbtn a.loading {
    display: block;
    float: left;
    width: 185px;
    height: 2em;
    background: #ff4a00;
    color: #fff;
    font: 1.35em/2em "黑体";
    border-radius: 5px;
    border: 1px solid #ff4a00;
    margin-left: 8px;
}

.ipbtn a.loading img {
    width: 20px;
    height: 20px;
    float: left;
    margin: 13px 20px 0 30px;
}

.wzcon {
    margin-top: .5rem;
    line-height: .6rem;
    color: #666;
}

.font-15 {
    font-size: .65rem;
    line-height: 1.1rem;
}

.wzcon span {
    color: #d31d00;
}

.wzcon u {
    color: #e60012;
    text-decoration: none;
}

.rule-lot {
    color: #000;
    margin: 10px 0;
    display: none
}

#content-view {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#view {
    width: 100%;
    position: relative;
    background: #F2F2F2;
}

.main {
    background: #fff;
}

.ipbox input.maip {
    width: 40%;
}

.ipbox a.getma {
    width: 57%;
}

.curnum {
    color: #333;
    position: relative;
    background: #fff;
}

.curnum a {
    border-left: 1px dashed #999;
    color: #333;
}

.musicsCurBg {
    background: #f5f5f5;
}

.musics {
    position: relative;
    border-bottom: .05rem solid #f5f5f5;
    padding: .38rem 0;
    overflow: hidden;
}

.musics .left-area {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.9rem;
    width: 2rem;
    height: 1.8rem;
    line-height: 1.8rem;
    z-index: 0
}

.musics .left-area em {
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: .7rem;
    color: #a9aab4;
    z-index: 1
}

.musics a.controlbtn {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.9rem;
    width: 2rem;
    height: 1.8rem;
    line-height: 1.8rem;
    display: block;
    text-indent: -9999px;
    z-index: 2
}

/*.musics a.btn-play {background: url(../images/btn-play-red-1.png) center center no-repeat;background-size: .65rem auto;-webkit-background-size: .65rem auto;-moz-background-size: .65rem auto;-o-background-size: .65rem auto;}*/
.musics a.btn-pause {
    background: url(../images/icon-pause-ing-violet.gif) center center no-repeat;
    background-size: .65rem auto;
    -webkit-background-size: .65rem auto;
    -moz-background-size: .65rem auto;
    -o-background-size: .65rem auto;
}

.musics em {
    font-style: normal
}

.musics .pinfo {
    margin-left: 2rem;
    padding-right: 2rem;
}

.musics .pinfo p.name {
    font-size: .65rem;
    line-height: .9rem;
    color: #50484b;
}

.musics .pinfo p.name > span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2rem;
    max-width: 12rem;
}

.musics .pinfo p.lh .tag_new {
    display: inline-block;
    width: 0.85rem;
    height: 0.5rem;
    background: url(../images/tag_new.png) no-repeat;
    background-size: 90%;
    -webkit-background-size: 90%;
    vertical-align: middle;
}

.musics .pinfo p.lh .tag_hot {
    display: inline-block;
    width: 0.85rem;
    height: 0.5rem;
    background: url(../images/tag_hot.png) no-repeat;
    background-size: 90%;
    -webkit-background-size: 90%;
    vertical-align: middle;
}

.musics .pinfo p.lh .tag_vip {
    display: inline-block;
    width: 0.85rem;
    height: 0.5rem;
    background: url(../images/tag_vip.png) no-repeat;
    background-size: 90%;
    -webkit-background-size: 90%;
    vertical-align: middle;
}

.musics .pinfo p.lh {
    height: .7rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .15rem;
}

.musics .pinfo p.lh span {
    display: inline-block;
    line-height: .7rem;
    font-size: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 81%;
    vertical-align: middle
}

.musics .opacity100 {
    background: none !important;
    opacity: 1 !important
}

.set {
    height: 1.8rem;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -.9rem .15rem 0 0;
}

.set a {
    float: left;
    display: inline-block;
    height: 1.8rem;
    line-height: 1.8rem;
    margin-left: .15rem;
}

.set a.btn-download {
    width: 1.65rem;
    height: 1.8rem;
    font-size: 1rem;
    text-align: center;
}

.set a.btn-setring {
    width: 1.65rem;
    height: 1.8rem;
    font-size: 1rem;
    text-align: center;
}

.set a.btn-del {
    height: 1rem;
    width: 1rem;
    line-height: 1rem;
    font-size: .8rem;
    border: .05rem solid #9a60ff;
    border-radius: 1rem;
    text-align: center;
    margin-top: .25rem;
    padding-left: .03rem;
}

.set a.btn-setDefault {
    line-height: 1rem;
    text-align: center;
    margin-top: .27rem;
    font-size: 1.31rem;
}

.musics em.icon-ringDefault {
    font-size: .5rem;
    color: #31c27c
}

.loadmore {
    text-align: center;
    font-size: .5rem;
    line-height: 2rem;
    height: 2rem;
    border: none;
}

.loadmore-inner {
    display: inline-block;
    margin: 0 auto;
    color: #a9aab4;
}

.loadmore span {
    display: inline-block;
    height: 2rem;
    float: left;
    font-size: .6rem;
}

.loadmore i {
    display: inline-block;
    font-size: .65rem;
    float: left;
    height: 2rem;
    line-height: 2rem;
    margin-right: .2rem;
}

small {
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    left: 0;
    background: url(/m/images/img-user.png) no-repeat content-box;
    background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}

/*等待*/
#pop-waiting-layer {
    position: absolute;
    width: 70%;
    line-height: 1.5rem;
    background-color: transparent;
    text-align: center;
    padding: .75rem;
    border-radius: .5rem;
    display: none;
    font-size: .65rem;
}

#pop-waiting-layer .anim {
    margin: 0 auto;
    width: 4rem;
    height: 4rem;
    position: relative;
}

#pop-waiting-layer span {
    display: block;
    line-height: 1.5rem;
    width: 100%;
    text-align: center;
    padding-left: 0;
    background-color: transparent;
    background-image: none;
    color: #fff;
}

#pop-waiting-layer .flower-loader:not(:required) {
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #e96;
    border-radius: 100%;
    -webkit-box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
    box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
    -webkit-animation: flower-loader 5s infinite ease-in-out;
    animation: flower-loader 5s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-top: 1.5rem
}

@-moz-keyframes flower-loader {
    0% {
        transform: rotate(0deg);
        box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
    }
    50% {
        transform: rotate(1080deg);
        box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
    }
}

@-webkit-keyframes flower-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
        box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
    }
    50% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
        -webkit-box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
        box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
    }
}

@keyframes flower-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
        box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
    }
    50% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
        -webkit-box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
        box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
    }
}

/*等待*/
#waiting-layer {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}

#waiting-layer > img {
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

/*滑出*/
#slid-layer {
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 100%;
    z-index: 998;
    background: #fff;
    overflow: hidden;
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#slid-layer .slider-inner {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    padding: 0 0 .6rem 0;
}

#slid-layer .t {
    position: relative;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .7rem;
    background-image: linear-gradient(to bottom, #f8f8f8 80%, #f6f6f6 100%);
    border-bottom: .05rem solid #e3e3e3;
    text-align: center
}

#slid-layer .t .btn-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 1rem;
}

#slid-layer .musics {
    padding: 0;
    height: 8rem;
    border-bottom: none;
    margin-bottom: 1rem;
    overflow: visible;
    background: linear-gradient(100deg, #537aff, #ad5aff);
    background: -moz-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
    background: -webkit-gradient(linear, left bottom, right top, from(#537aff), to(rgba(173, 90, 255, 1)));
    background: -o-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
    display: none;
}

#slid-layer .musics > div {
    background: url(../images/icon-vipmark.png) no-repeat top right;
    background-size: 4rem;
    -moz-background-size: 4rem;
}

#slid-layer .musics .left-area {
    width: 6rem;
    height: 5.855rem;
    margin: auto;
    position: relative;
    top: inherit;
    left: inherit;
}

#slid-layer .musics em {
    left: .5rem;
    display: none;
}

#slid-layer .musics a.controlbtn {
    width: 100%;
    height: 100%;
    text-indent: -9999;
    display: block;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#slid-layer .musics a.btn-play {
    background: url(../images/btn-play-violet.png) center center no-repeat;
    background-size: 100% 100%;
}

#slid-layer .musics a.btn-pause {
    background: url(../images/btn-pause-violet.png) center center no-repeat;
    background-size: 100% 100%;
}

#slid-layer .musics .pinfo {
    margin: 0;
    text-align: center;
    width: 100%;
    margin-top: -.5rem;
}

#slid-layer .musics .pinfo p.name {
    color: #ffffff;
    font-size: .6rem;
}

#slid-layer .musics .pinfo p.name > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#slid-layer .musics .pinfo p.lh {
    text-align: center;
    color: #ffffff;
}

#slid-layer .musics .pinfo p.lh span {
    float: none;
}

#slid-layer .musics .fee {
    position: relative;
    width: 4rem;
    height: 1.3rem;
    background: #537aff;
    background: -moz-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
    background: -webkit-gradient(linear, left bottom, right top, from(#537aff), to(rgba(173, 90, 255, 1)));
    background: -o-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
    border: 3px solid #fff;
    border-radius: 3rem;
    top: .3rem;
    margin: auto;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: .6rem;
    line-height: 1rem;
    display: none
}

#slid-layer .musics .fee b {
    color: #ffd700;
    font-size: 1rem;
    margin-right: .1rem;
}

#slid-layer .member-tip {
    width: 100%;
    background: #fff;
    padding: 0 .5rem;
    line-height: 1.5rem;
    position: relative;
    font-size: .6rem;
    color: #666;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    margin-bottom: .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 .3rem;
}

#slid-layer .member-tip span {
    width: 1rem;
    height: 1.5rem;
    display: inline-block;
    line-height: 1.5rem;
    font-size: .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 -.5rem;
}

/*登录开会员弹窗图片*/
#slid-layer .c {
    width: 100%;
    font-size: .55rem;
    color: #666;
    line-height: 1.1rem;
    background: #fff;
    padding-bottom: 1rem;
}

#slid-layer .checking {
    width: 90%;
    margin: 0 auto;
}

#slid-layer .checking .p-cur input {
    border: .05rem solid #9a60ff
}

#slid-layer .checking p {
    position: relative;
    height: 2rem;
    padding: .55rem 0 0;
    width: 100%;
}

#slid-layer .checking p:before {
    height: 0;
    display: block;
    font-size: 1rem;
    line-height: 2rem;
    margin-left: .5rem;
    color: #aaa;
}

#slid-layer .checking p.icon-color:before {
    color: #9a60ff;
}

#slid-layer .checking input::-webkit-input-placeholder {
    color: #9894a0;
    font-size: .7rem;
}

#slid-layer .checking input {
    width: 100%;
    height: 2rem;
    background: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: normal;
    font-size: .7rem;
    border: .05rem solid #dedede;
    border-radius: .2rem;
    padding: 0 .65rem 0 1.6rem;
}

#slid-layer .checking input.code {
    width: 57%;
    float: left;
}

#slid-layer .checking a.btn-code {
    display: inline-block;
    float: right;
    width: 40%;
    height: 2rem;
    line-height: 2rem;
    border-radius: .2rem;;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    background: #9a60ff;
    font-size: .6rem;
}

#slid-layer .checking a.btn-code.disable {
    background: #D5D5D5;
    border: .05rem solid #d5d5d5
}

#slid-layer .checking img.phone_icon {
    width: 0.78rem;
    height: 1.02rem;
    position: absolute;
    left: 0.5rem;
    top: 1.05rem;
}

#slid-layer .checking img.pwd_icon {
    width: 0.78rem;
    height: 0.9rem;
    position: absolute;
    left: 0.5rem;
    top: 1.06rem
}

#slid-layer .checking button.btn-ok.disable {
    background: #D5D5D5;
    border-bottom: .3rem solid #d5d5d5
}

#slid-layer .service {
    width: 90%;
    margin: 0 auto;
}

#slid-layer .service .service-box {
    position: relative;
    padding-left: 2.75rem;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: .55rem;
}

#slid-layer .service .service-box .num-p {
    height: 1.3rem;
    line-height: 1.3rem;
    padding: .25rem 0;
    font-size: .65rem;
}

#slid-layer .service .service-box .num-p span {
    display: inline-block;
    float: left;
    font-size: .65rem;
    color: #50484b
}

#slid-layer .service .service-box a.btn-change {
    display: block;
    width: 3.6rem;
    height: 1.2rem;
    line-height: 1.2rem;
    background: #fff;
    color: #ff5159;
    border: .05rem solid #ff5159;
    border-radius: .25rem;
    text-align: center;
    font-size: .55rem;
    float: right;
}

#slid-layer .service .service-box .confirm {
    font-size: .65rem;
    line-height: 1.2rem;
    color: #50484b;
    margin-top: .5rem;
}

#slid-layer .service .service-box .bz-span {
    text-decoration: line-through;
}

#slid-layer .msg {
    font-size: .55rem;
    line-height: 1rem;
    margin-top: .15rem;
}

#slid-layer .msg span {
    font-size: .7rem;
}

#slid-layer .msg a {
    color: #ff5159;
}

#slid-layer .msg u {
    text-decoration: none;
    color: #ff5159;
}

#slid-layer button {
    margin: .5rem auto 0;
    width: 100%;
    height: 2.2rem;
    line-height: 1.8rem;
    background: #9a60ff;
    color: #fff;
    font-size: .9rem;
    text-align: center;
    border-radius: 1.2rem;
    border: none;
    font-family: "Microsoft yahei";
    display: block;
    border-bottom: .3rem solid #833dfd;
}

#slid-layer .confirm i {
    color: #ff5159;
    font-style: normal
}

#slid-layer .member-privilege {
    width: 100%;
    margin: 0 auto;
    padding: 0 3%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff
}

#slid-layer .member-privilege .tq-inner {
    padding: .5rem 0 1.5rem
}

#slid-layer .member-privilege em {
    background: #fff
}

#slid-layer .red-bg {
    position: absolute;
    height: 3.5rem;
    width: 100%;
    background: #9a60ff;
    left: 0;
    top: 0;
    z-index: 0
}

#slid-layer .explain {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#slid-layer .explain .explain-box {
    position: relative;
    width: 85%;
    margin: 0 auto;
    z-index: 1;
    background: #fff url("/m/images/yh/top-info-bg.png") no-repeat top center;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    padding: .7rem;
    box-sizing: border-box;
    border-radius: .5rem;
    box-shadow: 0 0 30px rgba(235, 80, 72, .2);
}

#slid-layer .explain .l-photo {
    width: 1.95rem;
    height: 1.95rem;
    float: left
}

#slid-layer .explain .msg {
    width: 81%;
    display: table;
    margin: 0 auto;
    min-height: 2rem;
    color: #241818;
    font-size: .6rem;
}

/*#slid-layer .explain .wx-ma-box{position: absolute;left: 0;bottom: 1.5rem;padding: .5rem}*/
#slid-layer .explain .wx-ma-box {
    width: 13rem;
    margin: .75rem auto 0;
    text-align: center
}

#slid-layer .explain .wx-ma-box h3 {
    font-size: .75rem;
    color: #333;
    line-height: 1.75rem;
}

#slid-layer .explain .wx-ma-box h3 span {
    color: #e33f35
}

#slid-layer .explain .wx-ma-box p {
    color: #333;
    font-size: .6rem;
    line-height: .8rem;
}

#slid-layer .explain .wx-ma-box div {
    width: 100%;
    margin-top: .5rem
}

#slid-layer .explain .wx-ma-box div span {
    display: inline-block;
    width: 4rem;
    height: 5.5rem;
    background: url(/m/images/smallperson.gif) no-repeat center -.5rem;
    background-size: 3.55rem auto;
    margin-right: .5rem
}

#slid-layer .explain .wx-ma-box div img {
    display: inline-block;
    width: 5.65rem;
}

#slid-layer .explain .wx-ma-box div em {
    display: inline-block;
    width: 5.65rem;
    height: 5.65rem;
    background: url("/m/images/wecharqrcode.gif") no-repeat;
    background-size: 5.65rem auto;
    -webkit-background-size: 5.65rem auto;
}

#slid-layer .explain .prompt {
    width: 85%;
    margin: .5rem auto 0;
    color: #999;
    font-size: .5rem;
    line-height: .7rem;
}

#slid-layer .explain .btn-box {
    width: 85%;
    margin: 0 auto;
}

#slid-layer .explain button {
    height: 2.1rem;
    width: 48%;
    border-radius: 1rem;
    font-size: .7rem;
    border-bottom: 0
}

#slid-layer .explain .btn-color {
    background: #fff;
    color: #9a60ff;
    box-shadow: 0 5px 18px rgba(154, 96, 255, .25);
    border: .05rem solid #9a60ff
}

#slid-layer .explain .btn-color a {
    color: #9a60ff;
    display: block
}

#slid-layer .explain .btn-gray {
    background: #fff;
    color: #333;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .08);
    border: .05rem solid #dcdcdc;
}

#slid-layer .explain .btn-text {
    height: 1.5rem;
    line-height: 1.5rem;
    text-decoration: underline;
    color: #000;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    display: block
}

#slid-layer .explain .one-show-whole {
    width: 100%
}

#slid-layer .explain #btnOut {
    width: 100%;
    margin-top: .25rem;
    display: none;
}

#slid-layer .explain-setRing {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#slid-layer .explain-setRing-box {
    position: relative;
    z-index: 1
}

#slid-layer .explain-setRing .setRing-btn-box {
    width: 85%;
    margin: 0 auto 1rem
}

#slid-layer .explain-setRing button {
    height: 2.1rem;
    width: 48%;
    border-radius: 1rem;
    font-size: .7rem;
    border-bottom: 0
}

#slid-layer .explain-setRing .btn-color {
    background: #fff;
    color: #9a60ff;
    box-shadow: 0 5px 18px rgba(240, 83, 64, .25);
    border: .05rem solid #f6846e
}

#slid-layer .explain-setRing .btn-color a {
    color: #9a60ff;
    display: block
}

#slid-layer .explain-setRing .btn-gray {
    background: #fff;
    color: #333;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .08);
    border: .05rem solid #dcdcdc;
}

#slid-layer .explain-setRing .btn-text {
    height: 1.5rem;
    line-height: 1.5rem;
    text-decoration: underline;
    color: #000;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    display: block
}

/*#slid-layer .setRing-succ{position: relative;width:85%;margin: 0 auto;background: #fff url("/m/images/yh/top-info-bg.png") no-repeat top center;background-size: 100% auto;-webkit-background-size: 100% auto;padding: .7rem .7rem .7rem 19%;box-sizing: border-box;border-radius: .5rem;box-shadow: 0 0 30px rgba(235,80,72,.2);}*/
/*#slid-layer .setRing-succ img{position: absolute;width: 1.95rem;height: 1.95rem;top: .7rem;left: .7rem;}*/
#slid-layer .explain-setRing .explain-setRing-box {
    min-height: 2rem;
    color: #241818;
    font-size: .6rem;
}

#slid-layer .explain-setRing .explain-setRing-box em {
    font-style: normal
}

#slid-layer .explain-setRing .wx-ma-box {
    width: 90%;
    margin: 1rem auto 0;
}

#slid-layer .explain-setRing .wx-big-pic {
    width: 70%;
    margin: 0 auto
}

#slid-layer .explain-setRing .wx-btn {
    margin: 1rem auto 0;
}

/*#slid-layer .explain-setRing .bot-wx-ma-box{position: absolute;padding: .5rem;left: 0;bottom: 1.5rem}*/
#slid-layer .explain-setRing .setRing-ma {
    width: 13rem;
    margin: .75rem auto 0;
    text-align: center
}

#slid-layer .explain-setRing .setRing-ma h3 {
    font-size: .75rem;
    color: #333;
    line-height: 1.75rem;
}

#slid-layer .explain-setRing .setRing-ma h3 span {
    color: #e33f35
}

#slid-layer .explain-setRing .setRing-ma p {
    color: #333;
    font-size: .6rem;
    line-height: .8rem;
}

#slid-layer .explain-setRing .setRing-ma div {
    width: 100%;
    margin-top: .5rem
}

#slid-layer .explain-setRing .setRing-ma div span {
    display: inline-block;
    width: 4rem;
    height: 5.5rem;
    background: url(/m/images/smallperson.gif) no-repeat center -.5rem;
    background-size: 3.55rem auto;
    margin-right: .5rem
}

#slid-layer .explain-setRing .setRing-ma div em {
    display: inline-block;
    width: 5.65rem;
    height: 5.65rem;
    background: url("/m/images/wecharqrcode.gif") no-repeat;
    background-size: 5.65rem auto;
    -webkit-background-size: 5.65rem auto;
}

#slid-layer .explain-setRing .setRing-ma div img {
    display: inline-block;
    width: 5.65rem;
}

#slid-layer .setRing-fail {
    width: 85%;
    margin: 0 auto;
}

#slid-layer .setRing-fail .top-font {
    width: 100%;
    position: relative;
    background: #fff url("/m/images/yh/top-info-bg.png") no-repeat top center;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    padding: .7rem .7rem .7rem 22%;
    box-sizing: border-box;
    border-radius: .5rem;
    box-shadow: 0 0 30px rgba(235, 80, 72, .2);
    line-height: 2rem
}

#slid-layer .setRing-fail .top-font img {
    position: absolute;
    width: 1.95rem;
    height: 1.95rem;
    top: .7rem;
    left: .7rem;
}

#slid-layer .setRing-fail .fail-reason {
    width: 100%;
    margin: 1rem auto 0;
    color: #000
}

#slid-layer .setRing-fail .fail-reason dt {
    margin-bottom: .3rem
}

#slid-layer .setRing-fail .fail-reason dd {
    margin-top: .3rem;
    line-height: .8rem;
}

#slid-layer .gray-line {
    height: .2rem;
    background: #f7f7f7;
    content: '';
    width: 100%
}

#slid-layer .explain-box-new {
    background: #fff;
    padding: 1.625rem 0;
    text-align: center;
    border-bottom: 0.025rem solid #F5F5F5;
}

#slid-layer .explain-box-new .icon-success-face {
    width: 1.75rem;
    margin: 0 auto
}

#slid-layer .explain-box-new .msg {
    width: 100%;
}

#slid-layer .explain-box-new div {
    color: #FF6253;
    font-size: .85rem;
    line-height: 1.5;
    font-weight: 600;
}

#slid-layer .explain-box-new p {
    font-size: .65rem;
    color: #2F2F2F;
    font-weight: 100;
}

#slid-layer .explain-setRing-box-new {
    background: #fff;
    padding: .5rem 0;
    text-align: center
}

#slid-layer .explain-setRing-box-new img {
    width: 1.75rem;
    margin: 0 auto
}

#slid-layer .explain-setRing-box-new .msg {
    padding-top: .2rem
}

#slid-layer .explain-setRing-box-new div {
    color: #fb282c;
    font-size: .82rem;
    line-height: 1.1rem;
    font-weight: 600
}

#slid-layer .explain-setRing-box-new div em {
    font-style: normal
}

#slid-layer .explain-setRing-box-new p {
    font-size: .65rem;
    color: #333
}

#slid-layer .explain-setRing-box-new .fail-reason {
    margin: .6rem auto 0;
    text-align: left;
    line-height: .8rem;
    font-size: .65rem;
    font-weight: 400
}

/*开业务二次确认页面*/
#open-business-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 1.5rem;
    bottom: 0;
    background: #fff;
    display: block;
    z-index: 100;
}

#open-business-layer .tips {
    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.675rem;
    color: #333333;
    text-align: center;
    font-weight: 600;
    margin-top: 0.95rem;
}

#open-business-layer 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;
}

#open-business-layer ul {
    margin: 0 0 1.475rem;
    text-align: center;
    position: relative
}

#open-business-layer li {
    display: inline-block;
    width: 32%;
    height: 0.95rem;
    padding-top: 2.825rem;
    font-size: 0.6rem;
    color: #333333;
    text-align: center;
    margin-top: 0.9rem;
    position: relative
}

#open-business-layer li.item1 {
    background: url("/partner/163-2/images/1.png") top center no-repeat;
    background-size: 2.425rem 2.425rem;
    -webkit-background-size: 2.425rem 2.425rem;
}

#open-business-layer li.item2 {
    background: url("/partner/163-2/images/2.png") top center no-repeat;
    background-size: 2.425rem 2.425rem;
    -webkit-background-size: 2.425rem 2.425rem;
}

#open-business-layer li.item3 {
    background: url("/partner/163-2/images/3.png") top center no-repeat;
    background-size: 2.425rem 2.425rem;
    -webkit-background-size: 2.425rem 2.425rem;
}

#open-business-layer li.item4 {
    background: url("/partner/163-2/images/4.png") top center no-repeat;
    background-size: 2.425rem 2.425rem;
    -webkit-background-size: 2.425rem 2.425rem;
}

#open-business-layer li.item5 {
    background: url("/partner/163-2/images/5.png") top center no-repeat;
    background-size: 2.425rem 2.425rem;
    -webkit-background-size: 2.425rem 2.425rem;
}

#open-business-layer li.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;
}

#open-business-layer .tq-box li {
    width: 50%;
    height: 3rem;
    float: left;
    font-size: .6rem;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    padding: .75rem 0 1rem 4.25rem;
    margin-top: 0
}

#open-business-layer .tq-box li:nth-child(1) {
    padding-top: 0
}

#open-business-layer .tq-box li:nth-child(2) {
    padding-top: 0
}

#open-business-layer .tq-box li:nth-child(3) {
    padding-bottom: 0
}

#open-business-layer .tq-box li:nth-child(4) {
    padding-bottom: 0
}

#open-business-layer .tq-box li:nth-child(1) span {
    top: 0
}

#open-business-layer .tq-box li:nth-child(2) span {
    top: 0
}

#open-business-layer .tq-box li h3 {
    font-size: .65rem;
    color: #333;
    line-height: 1rem;
    margin-top: .25rem
}

#open-business-layer .tq-box li p {
    line-height: 1rem
}

#open-business-layer .tq-box li span {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    position: absolute;
    left: 1.25rem;
    top: .75rem;
}

#open-business-layer .tq-box li span.icon-1 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-1.png") center no-repeat;
    background-size: 1.8rem;
}

#open-business-layer .tq-box li span.icon-2 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-9.png") center no-repeat;
    background-size: 1.8rem;
}

#open-business-layer .tq-box li span.icon-3 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-7.png") center no-repeat;
    background-size: 1.8rem;
}

#open-business-layer .tq-box li span.icon-4 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-8.png") center no-repeat;
    background-size: 1.8rem;
}

#open-business-layer .ok-btn {
    width: 13.4rem;
    height: 1.7rem;
    line-height: 1.7rem;
    font-size: 0.625rem;
    color: #ffffff;
    border-radius: 0.85rem;
    text-align: center;
    background: linear-gradient(to right, #ff4642, #d43b33);
    margin: 0 auto 1.5rem auto;
}

#open-business-layer .msg {
    width: 14.625rem;
    margin: 0 auto;
    padding-top: 0.925rem;
    border-top: 0.025rem solid #E4E5E7;
    font-size: 0.5rem;
    line-height: 1.8;
    color: #999999;
}

#open-business-layer .msg u {
    color: #FD7E61;
    text-decoration: none;
}

/*登录验证说明*/
.box-verifi {
    width: 100%;
    position: relative;
    padding-top: .25rem;
    margin-top: .1rem;
}

.box-verifi .msg-sm {
    background: #ffd700;
    padding: .25rem .5rem .25rem 1.5rem;
    line-height: .65rem;
    color: #ff5159;
    position: relative;
    font-size: .65rem;
}

.box-verifi i.icon-sj {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-bottom: .6rem solid #ffe4e5;
    top: 0;
    left: .5rem;
}

.box-verifi .msg-sm i {
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    left: .5rem;
    top: 50%;
    margin-top: -.5rem;
}

/*底部播放器*/
#float-player {
    position: fixed;
    bottom: -2.55rem;
    width: 100%;
    height: 2.55rem;
    padding: .35rem .3rem .35rem .5rem;
    background: rgba(0, 0, 0, .85);
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: .55rem;
    z-index: 100;
    border-bottom: 0;
}

#float-player .cover {
    width: 1.9rem;
    height: 1.9rem;
    float: left;
    border: none;
    background: url(/m/images/btn-play.png) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
}

#float-player .cover img {
    display: none;
}

#float-player .cover.btn-pause {
    background: url(/m/images/btn-pause.png) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
}

#float-player .info {
    float: left;
    padding: 0 0 0 .5rem;
    width: 63%;
    white-space: nowrap;
}

#float-player .info .songer {
    display: block;
    font-size: .7rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
}

#float-player .info .singer {
    display: block;
    font-size: .6rem;
    color: #bcbcbc;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

#float-player a {
    width: 1.6rem;
    height: 1.9rem;
    font-size: .8rem;
    text-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    float: right;
}

#float-player a.icon-color {
    color: #fff;
}

#float-player .btn-setring {
    font-size: 1.1rem;
}

/*底部提醒*/
#float-tips {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 2rem;
    padding: .25rem 2rem;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: .55rem;
    z-index: 9999
}

#float-tips i, #float-tips em {
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-style: normal;
    font-size: 1rem;
    text-align: center;
    top: 0
}

#float-tips i {
    left: 0;
    font-size: 1.2rem
}

#float-tips em {
    right: 0
}

/*移动弹窗*/
#pop-mobile-layer-4 {
    width: 100%;
    display: none;
}

#pop-mobile-layer-4 .btn-close {
    width: 1.35rem;
    height: 1.35rem;
    background: url("/m/images/mobile/icon-close.png") center no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    margin-left: -0.675rem;
    text-indent: -9999em;
}

#pop-mobile-layer-4 > div:nth-child(2) {
    width: 100%;
    height: 17.65rem;
    position: relative;
    background: url(/m/images/mobile/bg-5.png) center no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
}

#pop-mobile-layer-4 .mem-info {
    width: 90%;
    margin-left: 5%;
    position: absolute;
    text-align: center;
    top: 2.75rem;
}

#pop-mobile-layer-4 .mem-info h2 {
    font-size: .6rem;
    color: #fff;
}

#pop-mobile-layer-4 .ok-btn {
    width: 70%;
    position: absolute;
    left: 15%;
    bottom: 2.3rem;
}

#pop-mobile-layer-4 .mem-title {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 7.6rem;
    font-size: .6rem;
    color: #a86122;
}

#pop-mobile-layer-4 .mem-title em {
    font-style: normal;
    color: #ed7b47;
    font-weight: 600;
}

#pop-mobile-layer-4 .exp {
    width: 76%;
    position: absolute;
    left: 12%;
    bottom: .05rem;
    font-size: .45rem;
    color: #670e31;
    height: 2.2rem;
    display: table;
}

#pop-mobile-layer-4 .explain {
    display: table-cell;
    vertical-align: middle;
}

#pop-mobile-layer-4 .migu-info {
    background: #fff;
    width: 86%;
    border-radius: 0 0 1rem 1rem;
    padding: .5rem 0;
    margin-left: 1rem
}

#pop-mobile-layer-4 .m-opt-box {
    width: 55%;
    margin: 0 auto;
}

#pop-mobile-layer-4 .opt-btn {
    width: 1rem;
    height: 1rem;
}

#pop-mobile-layer-4 .icon-arrow-down {
    background: url("/m/images/bottom.png") center no-repeat;
    background-size: .75rem auto;
    -webkit-background-size: .75rem auto;
}

#pop-mobile-layer-4 .icon-arrow-up {
    background: url("/m/images/top.png") center no-repeat;
    background-size: .75rem auto;
    -webkit-background-size: .75rem auto;
}

#pop-mobile-layer-4 .shop-logo {
    width: 6rem;
    margin-left: .35rem
}

#pop-mobile-layer-4 .m-con-box {
    margin: .3rem auto 0;
    font-size: .45rem;
    color: #aaa;
    width: 90%;
}

#pop-mobile-layer-5 {
    width: 100%;
    display: none;
}

#pop-mobile-layer-5 .btn-close {
    width: 1.35rem;
    height: 1.35rem;
    background: url("/m/images/mobile/icon-close.png") center no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    margin-left: -0.675rem;
    text-indent: -9999em;
}

#pop-mobile-layer-5 > div:nth-child(2) {
    width: 100%;
    height: 17.65rem;
    position: relative;
    background: url(/m/images/mobile/bg-5-1.png) center no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    z-index: 1
}

#pop-mobile-layer-5 .mem-info {
    width: 90%;
    margin-left: 5%;
    position: absolute;
    text-align: center;
    top: 2.75rem;
}

#pop-mobile-layer-5 .mem-info h2 {
    font-size: .6rem;
    color: #fff;
}

#pop-mobile-layer-5 .ok-btn {
    width: 70%;
    position: absolute;
    left: 15%;
    bottom: 2.2rem;
}

#pop-mobile-layer-5 .mem-title {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 7.6rem;
    font-size: .6rem;
    color: #a86122;
}

#pop-mobile-layer-5 .mem-title em {
    font-style: normal;
    color: #ed7b47;
    font-weight: 600;
}

#pop-mobile-layer-5 .crbt-info {
    width: 80%;
    position: absolute;
    left: 11%;
    bottom: .5rem;
    font-size: .45rem;
    color: #670e31;
}

#pop-mobile-layer-5 .migu-info {
    background: #fff;
    width: 86.15%;
    border-radius: 0 0 1rem 1rem;
    padding: .5rem 0;
    margin: -1.2rem 0 0 .99rem;
    position: relative;
    z-index: 2
}

#pop-mobile-layer-5 .m-opt-box {
    width: 55%;
    margin-left: .5rem;
}

#pop-mobile-layer-5 .opt-btn {
    width: .5rem;
    height: .5rem;
}

#pop-mobile-layer-5 .icon-arrow-down {
    background: url("/m/images/bottom.png") center no-repeat;
    background-size: .5rem auto;
    -webkit-background-size: .5rem auto;
}

#pop-mobile-layer-5 .icon-arrow-up {
    background: url("/m/images/top.png") center no-repeat;
    background-size: .5rem auto;
    -webkit-background-size: .5rem auto;
}

#pop-mobile-layer-5 .shop-logo {
    width: 3rem;
    margin-left: .25rem
}

#pop-mobile-layer-5 .m-con-box {
    margin: .3rem auto 0;
    font-size: .45rem;
    color: #aaa;
    width: 90%;
}

#pop-mobile-layer-7 {
    width: 81%;
    background: #fff;
    display: none;
    border-radius: .75rem;
    position: relative
}

#pop-mobile-layer-7 .btn-close {
    position: absolute;
    width: .9rem;
    height: .9rem;
    background: url("/m/images/mobile/icon-close-7.png") center no-repeat;
    background-size: .9rem auto;
    right: .35rem;
    top: .35rem;
    z-index: 9;
    text-indent: -9999px;
}

#pop-mobile-layer-7 .pop-top {
    width: 100%;
    height: 7.5rem;
    background: url("/m/images/mobile/bg-top-7.png") top center no-repeat;
    background-size: 100% auto;
    position: relative;
    border-radius: .75rem .75rem 0 0;
    font-size: .65rem
}

#pop-mobile-layer-7 .pop-top .phone-box {
    height: 1.35rem;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.35rem;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #ff4021, #ff3c1f);
    border-radius: .75rem 0 .75rem 0
}

#pop-mobile-layer-7 .pop-top .phone-inner {
    height: 1.35rem;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.35rem;
    background: url("/m/images/mobile/icon-user-7.png") .25rem center no-repeat;
    background-size: .9rem auto;
    padding: 0 .45rem 0 1.25rem;
}

#pop-mobile-layer-7 .pop-top .fee-box {
    height: 1.5rem;
    line-height: 1.5rem;
    position: absolute;
    left: .9rem;
    top: 3.9rem;
    color: #d41c00;
}

#pop-mobile-layer-7 .fuli-info {
    padding: 0 .5rem .6rem;
    box-sizing: border-box;
    text-align: center
}

#pop-mobile-layer-7 .fuli-info h3 {
    font-weight: 400;
    color: #7c7c7c;
    font-size: .65rem;
    line-height: 1.4rem
}

#pop-mobile-layer-7 .fuli-info ul {
    width: 100%;
}

#pop-mobile-layer-7 .fuli-info li {
    display: inline-block;
    width: 3.375rem;
    color: #000;
    font-size: .7rem;
    margin: .2rem .2rem 0
}

#pop-mobile-layer-7 .fuli-info li img {
    width: 3.375rem;
    margin: 0 auto .25rem
}

#pop-mobile-layer-7 .ok-btn {
    width: 82.75%;
    height: 2.25rem;
    line-height: 2.25rem;
    background: #ff3a1c;
    box-shadow: 0 .25rem .5rem rgba(255, 68, 35, .48);
    margin: .25rem auto .85rem;
    border-radius: 1.5rem;
    color: #fff;
    font-size: .8rem;
    text-align: center;
    letter-spacing: 2px;
}

#pop-mobile-layer-7 .migu-info {
    width: 92%;
    padding-bottom: .5rem;
    margin: 0 auto
}

#pop-mobile-layer-7 .m-opt-box {
    width: 40%;
}

#pop-mobile-layer-7 .opt-btn {
    width: .6rem;
    height: .6rem;
}

#pop-mobile-layer-7 .icon-arrow-down {
    background: url("/m/images/bottom.png") center no-repeat;
    background-size: .5rem auto;
    -webkit-background-size: .5rem auto;
}

#pop-mobile-layer-7 .icon-arrow-up {
    background: url("/m/images/top.png") center no-repeat;
    background-size: .5rem auto;
    -webkit-background-size: .5rem auto;
}

#pop-mobile-layer-7 .shop-logo {
    width: 3rem;
    margin: .1rem 0 0 .35rem
}

#pop-mobile-layer-7 .m-con-box {
    margin: .3rem auto 0;
    font-size: .45rem;
    color: #aaa;
}

#pop-mobile-layer-8 {
    width: 85.3%;
    display: none;
}

#pop-mobile-layer-8 .pop-content {
    position: relative;
    width: 100%
}

#pop-mobile-layer-8 .bg-img {
    position: relative;
    z-index: 0
}

#pop-mobile-layer-8 .xg-info {
    position: absolute;
    width: 78%;
    top: 6.9rem;
    left: 12%;
    color: #000
}

#pop-mobile-layer-8 .phone-box {
    width: 64%;
    float: left;
}

#pop-mobile-layer-8 .fee-box {
    width: 34%;
    float: right;
}

#pop-mobile-layer-8 .main-con {
    position: absolute;
    width: 64%;
    top: 8.55rem;
    left: 18.2%;
    background: #fff;
    border-radius: 0 0 .35rem .35rem;
    box-shadow: 0 -.25rem .8rem rgba(255, 0, 0, .4) inset, 0 .2rem .28rem rgba(0, 0, 0, .1);
    padding: .65rem .5rem;
    box-sizing: border-box
}

#pop-mobile-layer-8 .fuli-info {
    box-sizing: border-box;
    text-align: center
}

#pop-mobile-layer-8 .fuli-info .fuli-tit {
    width: 7.8rem;
    margin: 0 auto
}

#pop-mobile-layer-8 .fuli-info ul {
    width: 100%;
}

#pop-mobile-layer-8 .fuli-info li {
    display: inline-block;
    width: 2.2rem;
    color: #7c0602;
    font-size: .5rem;
    margin: .4rem .1rem 0
}

#pop-mobile-layer-8 .fuli-info li p {
    transform: scale(.95);
    width: 110%;
    margin-left: -5%;
    font-weight: 600
}

#pop-mobile-layer-8 .fuli-info li img {
    width: 2.2rem;
    margin: 0 auto .1rem
}

#pop-mobile-layer-8 .migu-info {
    width: 92%;
    margin: 0 auto
}

#pop-mobile-layer-8 .m-opt-box {
    width: 57%;
    margin: .3rem auto 0
}

#pop-mobile-layer-8 .opt-btn {
    width: .6rem;
    height: .6rem;
}

#pop-mobile-layer-8 .icon-arrow-down {
    background: url("/m/images/bottom.png") center no-repeat;
    background-size: .5rem auto;
    -webkit-background-size: .5rem auto;
}

#pop-mobile-layer-8 .icon-arrow-up {
    background: url("/m/images/top.png") center no-repeat;
    background-size: .5rem auto;
    -webkit-background-size: .5rem auto;
}

#pop-mobile-layer-8 .shop-logo {
    width: 3rem;
    margin: .1rem 0 0 .25rem
}

#pop-mobile-layer-8 .m-con-box {
    margin-top: .25rem;
    color: #aaa;
    transform: scale(.95);
    width: 110%;
    margin-left: -5%;
    font-size: .45rem;
}

#pop-mobile-layer-8 .ok-btn {
    width: 9rem;
    height: 2.5rem;
    line-height: 2.55rem;
    background: url("/m/images/mobile/ok-btn-8.png") center top no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    color: #850a19;
    font-size: .85rem;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 600
}

#pop-mobile-layer-8 .btn-close {
    width: 1.4rem;
    height: 1.4rem;
    background: url("/m/images/mobile/icon-close-8.png") center no-repeat;
    text-indent: -9999px;
    margin: .75rem auto 0;
    background-size: 1.2rem auto;
}

#pop-mobile-layer-8 .exp {
    width: 76%;
    position: absolute;
    left: 12%;
    bottom: .8rem;
    font-size: .45rem;
    color: #000;
    height: 2.2rem;
    display: table;
}

#pop-mobile-layer-8 .explain {
    display: table-cell;
    vertical-align: middle;
}

#pop-mobile-layer-9 {
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    bottom: 0
}

#pop-mobile-layer-9 .pop-tit {
    height: 2rem;
    background: #fff;
    position: relative;
    line-height: 2rem;
    text-align: center
}

#pop-mobile-layer-9 .pop-tit .btn-close {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 1.1rem;
    line-height: 2rem;
}

#pop-mobile-layer-9 .pop-tit em {
    width: 60%;
    display: inline-block;
    height: 2.25rem;
    color: #303134;
    font-size: .8rem;
    margin: 0 auto;
    font-style: normal
}

#pop-mobile-layer-9 .label-box {
    height: 1.5rem;
    background: linear-gradient(to right, #fe5558, #fd7e61);
    line-height: 1.5rem;
    box-sizing: border-box;
    font-size: .5rem;
    padding: 0 .5rem;
    color: #fff;
}

#pop-mobile-layer-9 .tq-box {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: .65rem 0 1rem;
    text-align: center;
    color: #333
}

#pop-mobile-layer-9 .tq-box > h3 {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: .8rem
}

#pop-mobile-layer-9 .tq-box li {
    width: 50%;
    height: 3rem;
    float: left;
    font-size: .6rem;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    padding: .75rem 0 1rem 4.25rem;
}

#pop-mobile-layer-9 .tq-box li:nth-child(1) {
    padding-top: 0
}

#pop-mobile-layer-9 .tq-box li:nth-child(2) {
    padding-top: 0
}

#pop-mobile-layer-9 .tq-box li:nth-child(3) {
    padding-bottom: 0
}

#pop-mobile-layer-9 .tq-box li:nth-child(4) {
    padding-bottom: 0
}

#pop-mobile-layer-9 .tq-box li:nth-child(1) span {
    top: 0
}

#pop-mobile-layer-9 .tq-box li:nth-child(2) span {
    top: 0
}

#pop-mobile-layer-9 .tq-box li h3 {
    font-size: .65rem;
    color: #333;
    line-height: 1rem;
    margin-top: .25rem
}

#pop-mobile-layer-9 .tq-box li p {
    line-height: 1rem
}

#pop-mobile-layer-9 .tq-box li span {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    position: absolute;
    left: 1.25rem;
    top: .75rem;
}

#pop-mobile-layer-9 .tq-box li span.icon-1 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-1.png") center no-repeat;
    background-size: 1.8rem;
}

#pop-mobile-layer-9 .tq-box li span.icon-2 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-9.png") center no-repeat;
    background-size: 1.8rem;
}

#pop-mobile-layer-9 .tq-box li span.icon-3 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-7.png") center no-repeat;
    background-size: 1.8rem;
}

#pop-mobile-layer-9 .tq-box li span.icon-4 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-8.png") center no-repeat;
    background-size: 1.8rem;
}

#pop-mobile-layer-9 .tq-box li span.icon-5 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-5.png") center no-repeat;
    background-size: 1.8rem;
}

#pop-mobile-layer-9 .tq-box li span.icon-6 {
    background: #ffe8e7 url("/m/images/mobile/icon-9-6.png") center no-repeat;
    background-size: 1.8rem;
}

#pop-mobile-layer-9 .phone-box {
    width: 80%;
    height: .75rem;
    line-height: .75rem;
    background: url("/m/images/mobile/bg-phone-9.png") center no-repeat;
    background-size: 100% auto;
    color: #666;
    font-size: .65rem;
    text-align: center;
    margin: 1rem auto 1.15rem
}

#pop-mobile-layer-9 .phone-box em {
    font-style: normal
}

#pop-mobile-layer-9 .ok-btn {
    width: 84%;
    height: 1.8rem;
    line-height: 1.8rem;
    color: #fff;
    font-size: .7rem;
    background: linear-gradient(to right, #ff4542, #d43c33);
    margin: 0 auto;
    text-align: center;
    border-radius: 1rem
}

#pop-mobile-layer-9 .explain {
    width: 86%;
    margin: .75rem auto 0;
    font-size: .5rem;
    color: #999;
    line-height: .8rem;
    display: none;
}

#pop-mobile-layer-9 .tip-box {
    width: 90%;
    margin: .75rem auto 0;
    padding-top: .9rem;
    font-size: .5rem;
    color: #999;
    text-align: center;
    line-height: .8rem
}

#pop-mobile-layer-9 .tip-box h3 {
    font-weight: 400;
    font-size: .5rem
}

#pop-mobile-layer-9 .tip-box p {
    position: relative;
    text-indent: .5rem
}

#pop-mobile-layer-9 .tip-box em {
    position: absolute;
    width: .15rem;
    height: .15rem;
    background: #bbb;
    border-radius: 50%;
    left: 0;
    top: .25rem
}

#pop-mobile-layer-9 .tip-box span {
    color: #fd857e
}

#pop-mobile-layer-9 .migu-info {
    width: 92%;
    position: absolute;
    left: 4%;
    bottom: .5rem;
}

#pop-mobile-layer-9 .m-opt-box {
    width: 35%;
    margin: .3rem auto 0
}

#pop-mobile-layer-9 .opt-btn {
    width: .75rem;
    height: .75rem;
}

#pop-mobile-layer-9 .icon-arrow-down {
    background: url("/m/images/bottom.png") center no-repeat;
    background-size: .65rem auto;
    -webkit-background-size: .65rem auto;
}

#pop-mobile-layer-9 .icon-arrow-up {
    background: url("/m/images/top.png") center no-repeat;
    background-size: .65rem auto;
    -webkit-background-size: .65rem auto;
}

#pop-mobile-layer-9 .shop-logo {
    width: 4rem;
    margin: .1rem 0 0 .25rem
}

#pop-mobile-layer-9 .m-con-box {
    margin-top: .25rem;
    color: #aaa;
    font-size: .45rem;
}

#pop-mobile-layer-10 {
    width: 100%;
    height: 100%;
    background: #fff;
    bottom: 0
}

#pop-mobile-layer-10 .pop-tit {
    height: 2rem;
    background: #fafafa;
    position: relative;
    line-height: 2rem;
    text-align: center
}

#pop-mobile-layer-10 .pop-tit .btn-close {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 1.1rem;
    line-height: 2rem;
    color: #333
}

#pop-mobile-layer-10 .pop-tit em {
    width: 60%;
    display: inline-block;
    height: 2.25rem;
    color: #222;
    font-size: .7rem;
    margin: 0 auto;
    font-style: normal
}

#pop-mobile-layer-10 .tq-box {
    width: 100%;
    height: 9rem;
    background: url("/m/images/mobile/bg-10.png") top center no-repeat;
    background-size: 100% auto;
    text-align: center;
    position: relative;
    z-index: 1
}

#pop-mobile-layer-10 .tq-box h3 {
    line-height: 1rem;
    font-size: .7rem;
    font-weight: 400;
    color: #fff;
    padding-top: .75rem
}

#pop-mobile-layer-10 .tq-box ul {
    padding: .7rem 0
}

#pop-mobile-layer-10 .tq-box li {
    width: 29%;
    margin: 0 1.5%;
    display: inline-block;
    color: #fff;
    font-size: .52rem
}

#pop-mobile-layer-10 .tq-box li span {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: .5rem;
    display: inline-block
}

#pop-mobile-layer-10 .tq-box li span.icon-1 {
    background: rgba(255, 255, 255, .38) url("/m/images/mobile/icon-10-1.png") center no-repeat;
    background-size: 1.5rem;
}

#pop-mobile-layer-10 .tq-box li span.icon-2 {
    background: rgba(255, 255, 255, .38) url("/m/images/mobile/icon-10-2.png") center no-repeat;
    background-size: 1.5rem;
}

#pop-mobile-layer-10 .tq-box li span.icon-3 {
    background: rgba(255, 255, 255, .38) url("/m/images/mobile/icon-10-3.png") center no-repeat;
    background-size: 1.5rem;
}

#pop-mobile-layer-10 .migu-logo {
    width: 4.5rem;
    height: 1.25rem;
    background: url("/m/images/migu-logo.png") center no-repeat;
    background-size: 100% auto;
    margin: .55rem auto 0
}

#pop-mobile-layer-10 .pop-con {
    width: 92%;
    margin: -.25rem auto 0;
    background: #fff;
    box-shadow: 0 0 .75rem rgba(0, 0, 0, .12);
    border-radius: 0 0 .5rem .5rem;
    padding: .75rem 0 0;
    box-sizing: border-box;
    color: #2f2f2f;
    text-align: center;
    position: relative;
    z-index: 0
}

#pop-mobile-layer-10 .pop-con h3 {
    font-weight: 400;
    font-size: .7rem;
    line-height: 1.5rem
}

#pop-mobile-layer-10 .pop-con p {
    width: 33%;
    margin: 0 auto;
    height: 1.5rem;
    line-height: 1.6rem;
    background: url("/m/images/mobile/icon-user-10.png") left center no-repeat;
    box-sizing: border-box;
    padding-left: .75rem;
    background-size: .7rem auto;
    font-size: .75rem;
    font-weight: 600
}

#pop-mobile-layer-10 .pop-con button {
    width: 92%;
    height: 2rem;
    border: none;
    background: linear-gradient(to right, #ff4642, #d43b33);
    border-radius: 1rem;
    color: #fff;
    font-size: .75rem;
    margin: .75rem auto 0
}

#pop-mobile-layer-10 .pop-con .fee-box {
    width: 100%;
    height: 2rem;
    background: #f9f9f9;
    line-height: 2rem;
    color: #999;
    font-size: .6rem;
    margin-top: 1rem;
}

#pop-mobile-layer-11 {
    width: 100%;
    height: 100%;
    display: none
}

#pop-mobile-layer-11 .pop-layer-inner {
    width: 82%;
    padding-top: 2.5rem;
    position: relative;
    margin: 0 auto
}

#pop-mobile-layer-11 .pop-main {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: .5rem
}

#pop-mobile-layer-11 .btn-close {
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("/m/images/mobile/icon-close-11.png") no-repeat center;
    background-size: .9rem auto;
}

#pop-mobile-layer-11 .pop-top {
    width: 2.5rem;
    height: 2.5rem;
    background: url("/m/images/mobile/pop-top-11.png") center no-repeat;
    background-size: 2.2rem auto;
    left: 50%;
    top: -1.25rem;
    margin-left: -1.25rem;
    position: absolute;
}

#pop-mobile-layer-11 .pop-tit {
    width: 100%;
    height: 3.2rem;
    background: #fff1f4;
    border-radius: .5rem .5rem 0 0;
    box-sizing: border-box;
    padding-top: 1.2rem
}

#pop-mobile-layer-11 .tit-inner {
    width: 10.25rem;
    height: 1.7rem;
    margin: 0 auto;
    background: url("/m/images/mobile/bg-title-11.png") no-repeat center;
    background-size: 80% auto;
    line-height: 1.7rem;
    font-size: .6rem;
    color: #333;
    text-align: center
}

#pop-mobile-layer-11 .pop-con {
    width: 83.6%;
    margin: .65rem auto 0;
    padding-bottom: .5rem;
    text-align: center
}

#pop-mobile-layer-11 .pop-con h3 {
    font-size: .85rem;
    color: #333;
    line-height: 1.5rem
}

#pop-mobile-layer-11 .pop-con p {
    font-size: .55rem;
    color: #787899;
    line-height: 1.2rem;
}

#pop-mobile-layer-11 .pop-con p span {
    color: #666
}

#pop-mobile-layer-11 .pop-con button {
    width: 90%;
    height: 1.8rem;
    line-height: 1.7rem;
    border: none;
    background: #e40077;
    border-radius: 1rem;
    color: #fff;
    font-size: .7rem;
    margin: .75rem auto 0
}

#pop-mobile-layer-11 .migu-logo {
    width: 4.5rem;
    height: 1.25rem;
    background: url("/m/images/migu-logo.png") center no-repeat;
    background-size: 100% auto;
    margin: .45rem auto 0
}

#pop-mobile-layer-11 .tq-box {
    width: 100%;
    margin-top: .35rem;
    background: #fff;
    border-radius: .5rem;
    box-sizing: border-box;
    padding: .65rem 0;
    text-align: center
}

#pop-mobile-layer-11 .tq-box li {
    width: 29%;
    margin: 0 1.5%;
    display: inline-block;
    color: #666;
    font-size: .5rem
}

#pop-mobile-layer-11 .tq-box li span {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    display: inline-block
}

#pop-mobile-layer-11 .tq-box li span.icon-1 {
    background: url("/m/images/mobile/icon-11-1-0.png") center no-repeat;
    background-size: 2rem;
}

#pop-mobile-layer-11 .tq-box li span.icon-2 {
    background: url("/m/images/mobile/icon-11-2-0.png") center no-repeat;
    background-size: 2rem;
}

#pop-mobile-layer-11 .tq-box li span.icon-3 {
    background: url("/m/images/mobile/icon-11-3-0.png") center no-repeat;
    background-size: 2rem;
}

#pop-mobile-layer-11 .pop-zs {
    position: absolute;
    width: .75rem;
    height: 2.25rem;
    background: url("/m/images/mobile/bg-zs-11.png") no-repeat center;
    background-size: .5rem auto;
    bottom: 3rem
}

#pop-mobile-layer-11 .pop-zs-left {
    left: .7rem
}

#pop-mobile-layer-11 .pop-zs-right {
    right: .7rem
}

#pop-mobile-layer-12 {
    width: 100%;
    height: 100%;
    background: #fff;
    bottom: 0
}

#pop-mobile-layer-12 .pop-tit {
    height: 2rem;
    background: #fafafa;
    position: relative;
    line-height: 2rem;
    text-align: center
}

#pop-mobile-layer-12 .pop-tit .btn-close {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 1.1rem;
    line-height: 2rem;
    color: #333
}

#pop-mobile-layer-12 .pop-tit em {
    width: 60%;
    display: inline-block;
    height: 2.25rem;
    color: #222;
    font-size: .7rem;
    margin: 0 auto;
    font-style: normal
}

#pop-mobile-layer-12 .tq-box {
    width: 100%;
    background: #fff url("/m/images/mobile/bg-12.png") left top no-repeat;
    background-size: 100% auto;
    text-align: center;
    position: relative;
    padding-bottom: .75rem;
    z-index: 0;
}

#pop-mobile-layer-12 .tq-box h3 {
    line-height: 1rem;
    font-size: .65rem;
    font-weight: 400;
    color: #fff;
    padding-top: .75rem
}

#pop-mobile-layer-12 .tq-box ul {
    padding: .7rem 0
}

#pop-mobile-layer-12 .tq-box li {
    width: 29%;
    margin: 0 1.5%;
    display: inline-block;
    color: #fff;
    font-size: .52rem
}

#pop-mobile-layer-12 .tq-box li span {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: .5rem;
    display: inline-block
}

#pop-mobile-layer-12 .tq-box li span.icon-1 {
    background: rgba(255, 255, 255, .38) url("/m/images/mobile/icon-10-1.png") center no-repeat;
    background-size: 1.5rem;
}

#pop-mobile-layer-12 .tq-box li span.icon-2 {
    background: rgba(255, 255, 255, .38) url("/m/images/mobile/icon-10-2.png") center no-repeat;
    background-size: 1.5rem;
}

#pop-mobile-layer-12 .tq-box li span.icon-3 {
    background: rgba(255, 255, 255, .38) url("/m/images/mobile/icon-10-3.png") center no-repeat;
    background-size: 1.5rem;
}

#pop-mobile-layer-12 .pop-con {
    width: 100%;
    background: #fff;
    border-radius: .25rem;
    padding-top: .75rem;
    text-align: center;
    margin-top: -.25rem;
    position: relative;
    z-index: 1
}

#pop-mobile-layer-12 .pop-con h3 {
    width: 11rem;
    height: 1.75rem;
    line-height: 1.75rem;
    background: url("/m/images/mobile/bg-title-12.png") center no-repeat;
    background-size: 9.5rem auto;
    margin: 0 auto;
    color: #333;
    font-weight: 400;
    font-size: .65rem
}

#pop-mobile-layer-12 .pop-con p {
    width: 41%;
    height: 1.5rem;
    line-height: 1.7rem;
    background: url("/m/images/mobile/icon-user-10.png") left center no-repeat;
    background-size: .65rem auto;
    font-size: .85rem;
    font-weight: 600;
    color: #333;
    margin: .25rem auto;
}

#pop-mobile-layer-12 .pop-con .fee-box {
    font-size: .55rem;
    color: #999;
    line-height: 1.2rem;
}

#pop-mobile-layer-12 .pop-con button {
    width: 90%;
    height: 2rem;
    border: none;
    background: linear-gradient(to right, #ff4642, #d43b33);
    border-radius: 1rem;
    color: #fff;
    font-size: .75rem;
    margin: 1rem auto 0
}

#pop-mobile-layer-12 .migu-logo {
    width: 4.5rem;
    height: 1.25rem;
    background: url("/m/images/migu-logo.png") center no-repeat;
    background-size: 100% auto;
    margin: .55rem auto 0
}

#pop-mobile-layer-13 {
    width: 100%;
    display: none;
}

#pop-mobile-layer-13 .btn-close {
    width: 1.35rem;
    height: 1.35rem;
    background: url("/m/images/mobile/icon-close.png") center no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    margin-left: -0.675rem;
    text-indent: -9999em;
}

#pop-mobile-layer-13 > div:nth-child(2) {
    width: 100%;
    height: 17.65rem;
    position: relative;
    background: url(/m/images/mobile/bg-13.png) center no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
}

#pop-mobile-layer-13 .mem-info {
    width: 90%;
    margin-left: 5%;
    position: absolute;
    text-align: center;
    top: 2.75rem;
}

#pop-mobile-layer-13 .mem-info h2 {
    font-size: .6rem;
    color: #fff;
}

#pop-mobile-layer-13 .ok-btn {
    width: 70%;
    position: absolute;
    left: 15%;
    bottom: 2.2rem;
}

#pop-mobile-layer-13 .mem-title {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 7.6rem;
    font-size: .6rem;
    color: #a86122;
}

#pop-mobile-layer-13 .mem-title em {
    font-style: normal;
    color: #ed7b47;
    font-weight: 600;
}

#pop-mobile-layer-13 .crbt-info {
    width: 80%;
    position: absolute;
    left: 10%;
    bottom: .25rem;
    font-size: .45rem;
    color: #670e31;
}

#pop-mobile-layer-13 .migu-info {
    background: #fff;
    width: 86%;
    border-radius: 0 0 1rem 1rem;
    padding: .5rem 0;
    margin-left: 1rem
}

#pop-mobile-layer-13 .m-opt-box {
    width: 55%;
    margin: 0 auto;
}

#pop-mobile-layer-13 .opt-btn {
    width: 1rem;
    height: 1rem;
}

#pop-mobile-layer-13 .icon-arrow-down {
    background: url("/m/images/bottom.png") center no-repeat;
    background-size: .75rem auto;
    -webkit-background-size: .75rem auto;
}

#pop-mobile-layer-13 .icon-arrow-up {
    background: url("/m/images/top.png") center no-repeat;
    background-size: .75rem auto;
    -webkit-background-size: .75rem auto;
}

#pop-mobile-layer-13 .shop-logo {
    width: 6rem;
    margin-left: .35rem
}

#pop-mobile-layer-13 .m-con-box {
    margin: .3rem auto 0;
    font-size: .45rem;
    color: #aaa;
    width: 90%;
}

#pop-mobile-layer-14 {
    width: 86%;
    display: none;
}

#pop-mobile-layer-14 .btn-close {
    width: 1.35rem;
    height: 1.35rem;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    margin-left: -0.675rem;
    text-indent: -9999em;
    background: url("/m/images/mobile/icon-close.png") center no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}

#pop-mobile-layer-14 > div:nth-child(2) {
    width: 100%;
    height: 8rem;
    position: relative;
    background-color: #ffffff;
    border-radius: 1rem 1rem 0 0;
}

#pop-mobile-layer-14 .mem-info {
    display: none;
    width: 90%;
    margin-left: 5%;
    position: absolute;
    text-align: center;
    top: 2.75rem;
}

#pop-mobile-layer-14 .mem-info h2 {
    font-size: .6rem;
    color: #fff;
}

#pop-mobile-layer-14 .ok-btn {
    width: 10.8rem;
    height: 2.55rem;
    position: absolute;
    left: 50%;
    bottom: 0.5rem;
    margin-left: -5.4rem;
    background: url("/m/images/mobile/ok-btn-8.png") center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    font-size: 0.95rem;
    text-align: center;
    line-height: 2.55rem;
    color: #f84c45;
    font-weight: bold;
}

#pop-mobile-layer-14 .mem-title {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 7.6rem;
    font-size: .6rem;
    color: #a86122;
}

#pop-mobile-layer-14 .mem-title em {
    font-style: normal;
    color: #ed7b47;
    font-weight: 600;
}

#pop-mobile-layer-14 .exp {
    width: 76%;
    font-size: .55rem;
    color: #333333;
    height: 2.2rem;
    margin: 0 auto;
    padding-top: 1rem;
    line-height: 1.5;
}

#pop-mobile-layer-14 .explain {
    display: table-cell;
    vertical-align: middle;
}

#pop-mobile-layer-14 .migu-info {
    background: #fff;
    width: 100%;
    border-radius: 0 0 1rem 1rem;
    padding: .5rem 0;
}

#pop-mobile-layer-14 .m-opt-box {
    width: 55%;
    margin: 0 auto;
}

#pop-mobile-layer-14 .opt-btn {
    width: 1rem;
    height: 1rem;
}

#pop-mobile-layer-14 .icon-arrow-down {
    background: url("/m/images/bottom.png") center no-repeat;
    background-size: .75rem auto;
    -webkit-background-size: .75rem auto;
}

#pop-mobile-layer-14 .icon-arrow-up {
    background: url("/m/images/top.png") center no-repeat;
    background-size: .75rem auto;
    -webkit-background-size: .75rem auto;
}

#pop-mobile-layer-14 .shop-logo {
    width: 6rem;
    margin-left: .35rem
}

#pop-mobile-layer-14 .m-con-box {
    margin: .3rem auto 0;
    font-size: .45rem;
    color: #aaa;
    width: 90%;
}

/*微信内置浏览器下点下载时出现的遮罩提示*/
#wxbrowse-prompt {
    display: none;
    width: 85%;
    height: 100%;
    margin: 1rem auto 0;
    background: url(/m/images/wxbrowse-tips.png) top no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
}

#wxshare-prompt {
    display: none;
    width: 85%;
    height: 100%;
    margin: 1rem auto 0;
    padding-top: 5rem;
    background: url(/m/images/icon-arrows-rtop.png) top right no-repeat;
    background-size: 4rem;
    -webkit-background-size: 4rem;
}

#wxshare-prompt p {
    text-align: center;
    color: #fff;
    font-size: .8rem;
}

/*分享*/
.fxbox {
    width: 100%;
}

.fxbox a {
    display: block;
    float: left;
    width: 22%;
    margin: 0 1.5%;
    text-align: center;
}

.fxbox a img {
    width: 80%;
    display: inline;
}

.fxbox span {
    display: block;
    font-size: 14px;
    line-height: 24px;
}

.wxbox {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 12px;
    font-size: 14px;
    color: #333;
    text-align: left;
}

.wxbox p {
    margin-bottom: 10px;
}

.wxbox img {
    float: left;
    width: 20%;
    margin-right: 12px;
}

.wxbox span {
    color: #701006;
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(35, 24, 21, 0.75);
    z-index: 1000;
    display: none;
}

/* H5改版 */
.use-explain {
    color: #454545;
    font-size: .5rem;
    background: #fff;
    padding: 0 0 .5rem;
    margin-top: 0.25rem;
}

.use-explain p {
    box-sizing: border-box;
    padding: 0 1rem;
}

.use-explain ul {
    margin-bottom: .8rem;
}

/*.use-explain ul li{width: 33.3%;float: left;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;padding-left: 0;text-align: center;overflow: hidden;margin-top: .4rem;}
.use-explain ul li span{position: static;display: inline-block;margin-top: 0;width: 2.65rem;height: 2.65rem;background: url('/m/images/foot_icon.png') no-repeat;background-size: 16.2rem 2.65rem}
.use-explain ul li span.icon-01{background-position: 0 0}
.use-explain ul li span.icon-02{background-position: -2.7rem 0}
.use-explain ul li span.icon-03{background-position: -5.4rem 0}
.use-explain ul li span.icon-04{background-position: -8.1rem 0}
.use-explain ul li span.icon-05{background-position: -10.8rem 0}
.use-explain ul li span.icon-06{background-position: -13.5rem 0}
.use-explain ul li h4{font-size:.6rem;color:#3e3e3e;font-weight: 400;line-height: .9rem;}
.use-explain u{color: #ff5159;}*/
.use-explain .vip-info-box {
    width: 90%;
    margin-top: 0
}

.use-explain .vip-info-tit {
    display: none
}

.use-explain .vip-info-con li {
    width: 22.5%
}

.use-explain .vip-info-con li p {
    width: 100%;
    padding: 0;
    margin-top: .3rem
}

.use-explain .wx-tit {
    background-color: #FFE76B;
    width: 9rem;
    margin: 1rem auto 0;
    border-radius: .1rem;
}

.use-explain .wx-tit h1 {
    text-align: center;
    border: 1.5px solid #000;
    display: block;
    top: -.15rem;
    position: relative;
    left: .2rem;
    font-size: .65rem;
    line-height: 1rem;
    border-radius: .15rem;
}

.use-explain .wx {
    width: inherit;
    height: 6rem;
    background: url(/m/images/wx-bg.gif) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    padding-top: 2.5rem;
}

.use-explain .wx-b {
    font-style: normal;
    background-color: #FFE76B;
    line-height: .5rem;
    display: -webkit-inline-box;
}

.use-explain .wx-line {
    background-color: #000;
    height: 3px;
    width: .3rem;
    margin: .4rem .1rem .4rem 4rem;
    border-radius: 5rem;
    display: inline-block;
}

.use-explain .wx-line-l {
    width: 1rem;
    margin-left: .1rem;
}

.use-explain .wx p:first-child {
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: 1px;
}

.use-explain .wx a {
    float: right;
    position: relative;
    margin: -4.5rem 1rem 0 0;
}

.use-explain .wx a img {
    width: 5rem;
}

/*栏目头*/
.section_tit {
    box-sizing: border-box;
    padding: 1rem 0.65rem 0.5rem;
}

.section_tit a {
    font-size: 0.6rem;
    line-height: .7rem;
    color: #333333;
    display: block;
    box-sizing: border-box;
    padding-left: 0.425rem;
    position: relative
}

.section_tit a:after {
    content: "";
    display: block;
    width: 0.875rem;
    height: 0.175rem;
    background: url('/m/images/point.png');
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.0875rem
}

.section_tit a:before {
    content: "";
    display: block;
    width: 0.15rem;
    height: 0.6rem;
    background: #9a60ff;
    left: 0;
    top: 0.06rem;
    position: absolute;
    border-radius: 0.075rem
}

.section_tit a.nomore:after {
    display: none;
}

#pop-qrcode {
    width: 80%;
    margin: 0 auto;
    display: none;
}

#pop-qrcode > .head {
    height: 9rem;
    position: relative;
    background: url('../images/pop/icon_wx_top2.png') no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    text-shadow: 0 .3rem .1rem #da1e0d;
    margin-top: -1rem;
    z-index: -1;
}

#pop-qrcode > .head p {
    width: 100%;
    font-size: 1rem;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 6rem;
    left: 0;
}

#pop-qrcode > .head p:last-child {
    width: 100%;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .15rem;
    position: absolute;
    top: 7.4rem;
}

#pop-qrcode > .head p span {
    color: #feed50
}

#pop-qrcode > .content {
    width: 100%;
    background: url('../images/pop/icon_wx_bg.png') repeat-y;
    background-size: 100%;
    -webkit-background-size: 100%;
}

#pop-qrcode > .content a {
    display: block;
    width: 7.625rem;
    height: 7.2rem;
    margin: .4rem auto 0;
    background: url("../images/pop-qrcode.gif") center no-repeat;
    background-size: 100% auto;
}

#pop-qrcode > .content p {
    font-size: .7rem;
    color: #8f560c;
    width: 100%;
    text-align: center;
}

#pop-qrcode > .content p:first-child {
    line-height: 1.1rem;
}

#pop-qrcode > .content p:first-child span {
    color: #e62f1d;
}

#pop-qrcode > .content p:last-child {
    font-size: .65rem;
    line-height: .9rem;
}

#pop-qrcode > .foot {
    height: 1.08rem;
    background: url('../images/pop/icon_wx_bottom.png') no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    border: none;
}

#pop-qrcode > .close {
    width: 100%;
    position: relative;
    z-index: 1;
}

#pop-qrcode > .close i {
    width: 1.5rem;
    height: 1.5rem;
    background: url('../images/btn-color-2.png') no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    position: absolute;
    left: 85%;
}

/*会员中心订购滑窗*/
#slid-layer .vip {
    width: 100%;
    font-size: .75rem;
    line-height: 2.25rem;
}

#slid-layer .vip .banner {
    width: 85%;
    margin: .5rem auto .3rem;
    border-radius: .3rem;
    box-shadow: 0px 5px 30px 0px #ccc;
    height: 7rem;
    background: #537aff;
    background: -moz-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
    background: -webkit-gradient(linear, left bottom, right top, from(#537aff), to(rgba(173, 90, 255, 1)));
    background: -o-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
    color: #fff;
}

#slid-layer .vip .banner div {
    width: inherit;
    height: inherit;
    border-radius: .3rem;
    background: url(../images/point-1.png) repeat;
    opacity: .1;
    background-size: 3px;
    -moz-background-size: 3px;
    position: absolute;
}

#slid-layer .vip .banner h1 {
    font-size: 1rem;
    top: .7rem;
    position: relative;
    margin-left: 1rem;
}

#slid-layer .vip .banner h2 {
    font-size: .65rem;
    margin-left: 1rem;
    line-height: 1.7rem;
    font-weight: normal;
    opacity: .7;
}

#slid-layer .vip .banner h3 {
    font-size: .6rem;
    color: #BB0400;
    opacity: .7;
    float: right;
    margin-right: .6rem;
    margin-top: -2.8rem;
}

#slid-layer .vip .banner h4 {
    width: 2rem;
    height: 2rem;
    float: right;
    margin-right: .8rem;
    background: url(../images/icon-diamond.png) no-repeat center;
    background-size: contain;
    -moz-background-size: contain;
    opacity: .4;
}

#slid-layer .vip button {
    width: 85%;
    margin: .35rem auto;
    border-radius: 0.36rem;
    display: block;
    border: none;
    height: 2.2rem;
    line-height: 2.2rem;
    color: #ffffff;
    font-size: 0.95rem;
}

#slid-layer .vip .tip {
    height: 1.36rem;
    width: 53%;
    margin: 0 auto;
    font-size: 0.5rem;
    line-height: 1.36rem;
    text-align: center;
    background: #F5F5F5;
    border-radius: 0.68rem;
    color: #000;
}

#slid-layer .vip .msg {
    font-size: 0.512rem;
    line-height: 1rem;
    width: 85%;
    margin: .3rem auto 0;
    color: #333333
}

#slid-layer .vip .msg span {
    color: #f55744;
}

.privilege-list li {
    width: 50%;
    float: left;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 2rem;
    overflow: hidden;
    margin-top: .4rem;
}

.privilege-list li:nth-of-type(1) {
    background: url(../images/icon-01.png) left no-repeat;
    background-size: 1.5rem auto;
    -webkit-background-size: 1.5rem auto;
}

.privilege-list li:nth-of-type(2) {
    background: url(../images/icon-02.png) left no-repeat;
    background-size: 1.5rem auto;
    -webkit-background-size: 1.5rem auto;
}

.privilege-list li:nth-of-type(3) {
    background: url(../images/icon-03.png) left no-repeat;
    background-size: 1.5rem auto;
    -webkit-background-size: 1.5rem auto;
}

.privilege-list li:nth-of-type(4) {
    background: url(../images/icon-04.png) left no-repeat;
    background-size: 1.5rem auto;
    -webkit-background-size: 1.5rem auto;
}

.privilege-list li:nth-of-type(5) {
    background: url(../images/icon-05.png) left no-repeat;
    background-size: 1.5rem auto;
    -webkit-background-size: 1.5rem auto;
}

.privilege-list li:nth-of-type(6) {
    background: url(../images/icon-06.png) left no-repeat;
    background-size: 1.5rem auto;
    -webkit-background-size: 1.5rem auto;
}

.privilege-list li h4 {
    font-size: .6rem;
    color: #3e3e3e;
    font-weight: 400;
    line-height: .9rem;
}

.privilege-list li:nth-of-type(1) h4:after {
    content: "尊贵VIP标识"
}

.privilege-list li:nth-of-type(2) h4:after {
    content: "高清铃声任意试听"
}

.privilege-list li:nth-of-type(3) h4:after {
    content: "高清彩铃任意更换"
}

.privilege-list li:nth-of-type(4) h4:after {
    content: "高清振铃任意下载"
}

.privilege-list li:nth-of-type(5) h4:after {
    content: "VIP抽奖特权"
}

.privilege-list li:nth-of-type(6) h4:after {
    content: "VIP免广告特权"
}

.privilege-list li h3 {
    font-size: .35rem;
    color: #888;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    width: 110%;
    margin-left: -5%;
    line-height: .8rem;
}

.privilege-list li:nth-of-type(1) h3:after {
    content: "酷炫图标，彰显土豪身份"
}

.privilege-list li:nth-of-type(2) h3:after {
    content: "2,000,000首任你听"
}

.privilege-list li:nth-of-type(3) h3:after {
    content: "2,000,000首无限更换"
}

.privilege-list li:nth-of-type(4) h3:after {
    content: "2,000,000首无限下载"
}

.privilege-list li:nth-of-type(5) h3:after {
    content: "话费/流量等奖品每月抽"
}

.privilege-list li:nth-of-type(6) h3:after {
    content: "让你安静享受音乐"
}

/*会员权益优化*/
.vip-info-box {
    width: 98%;
    margin: .5rem auto 0;
    position: relative;
    z-index: 1
}

.vip-info-tit {
    width: 39%;
    margin: 0 auto;
    height: 1rem;
    color: #ef7063;
    font-weight: 600;
    font-size: .6rem;
}

.vip-info-tit span {
    display: inline-block;
    height: 1rem;
    float: left;
    line-height: 1.2rem
}

.vip-info-tit:before {
    content: "";
    width: .8rem;
    height: 1rem;
    display: inline-block;
    background: url("/m/images/yh/icon-fl-tit.png") center .2rem no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    margin-right: .3rem;
    float: left
}

.vip-info-tit:after {
    content: "";
    width: .8rem;
    height: 1rem;
    display: inline-block;
    background: url("/m/images/yh/icon-fl-tit.png") center .2rem no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    margin-left: .3rem;
    float: right
}

.vip-info-con {
    width: 100%;
    text-align: center
}

.vip-info-con li {
    display: inline-block;
    width: 32%;
    margin: 0;
    color: #000;
    font-size: .5rem;
    position: relative;
    text-align: center
}

.vip-info-con li img {
    width: 2rem;
    height: 2rem;
    margin: 0 auto
}

.vip-info-con li p {
    line-height: .7rem;
    margin-top: .3rem
}

.vip-info-con li span {
    position: absolute;
    top: -.25rem;
    right: -1rem;
    display: inline-block;
    height: .7rem;
    line-height: .7rem;
    background: #e86a25;
    color: #fff;
    border-radius: .5rem;
    font-size: .5rem;
    padding: .1rem .2rem;
}


.nav, .nav-wrap {
    background-image: none;
    height: 1.6rem;
    background: #537aff;
    background: -moz-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
    background: -webkit-gradient(linear, left bottom, right top, from(#537aff), to(rgba(173, 90, 255, 1)));
    background: -o-linear-gradient(left bottom, #537aff, rgba(173, 90, 255, 1));
}

.nav-wrap {
    height: 2.1rem;
}

.nav li a {
    color: #ffffff;
}

.nav li, .nav-wrap li {
    color: #eee;
    background: none
}

.nav li.cur, .nav-wrap li.cur {
    color: #fff;
    font-weight: 600;
}

.nav li.acurs span, .nav-wrap li.acurs span {
    border-bottom: .1rem solid #fff;
}

.nav div.acurs span {
    height: 1.6rem;
}

.search .box button {
    background: #9a60ff;
}

.main .member {
    background: #9a60ff;
}

.main .form p.icon-color:before {
    color: #9a60ff;
}

.main .form p.p-cur input {
    border: .05rem solid #9a60ff
}

.main .form a.btn-take, .main button {
    background: #9a60ff;
    border: none;
}

.help dt {
    border-left: .2rem solid #9a60ff !important;
}

.help div button {
    border: .05rem solid #9a60ff;
    color: #9a60ff;
}

/*超值福利*/
.welfare-box {
    width: 100%;
    margin: 0 auto;
    padding: .5rem 0 0;
    box-sizing: border-box;
    text-align: center
}

.welfare-tit {
    width: 92%;
    color: #000000;
    font-size: .725rem;
    font-weight: 600;
    margin: 0.775rem auto 0.55rem;
    background: url(/m/images/welfare/welfare_title_bg.png) center no-repeat;
    background-size: 5.775rem 0.775rem;
    -webkit-background-size: 5.775rem 0.775rem;
}

.welfare-li {
    width: 93.125%;
    height: 3.85rem;
    margin: 0 auto 0.425rem;
    color: #fff;
    text-align: left;
    box-sizing: border-box;
    font-size: 0;
}

.welfare-li h2 {
    width: 76%;
    height: 1.5rem;
    line-height: 1.5rem;
    background: #fff0e3;
    position: absolute;
    left: 12%;
    top: -.55rem;
    font-size: .65rem;
    color: #333;
    font-weight: 400;
    border-radius: .2rem .2rem 0 0;
    text-align: center
}

.vrbt-li h2 {
    background: #edeff4
}

.lot-li h2 {
    background: #edfff7
}

.wechat-li h2 {
    background: #f7f5f6
}


.welfare-li .price {
    display: inline-block;
    width: 71%;
    height: 3.85rem;
    padding-left: 2.8rem;
    border-radius: 0.25rem 0 0 0.25rem;
    box-sizing: border-box;
    vertical-align: middle;
}

.crbt-li .price {
    border: 0.225rem solid #FFE0A9;
    border-right: none;
    background: url("/m/images/welfare/icon_cup.png") center left no-repeat;
    background-size: 1.875rem auto;
    -webkit-background-size: 1.875rem auto;
    background-position-x: 0.4rem;
}

.lot-li .price {
    border: 0.225rem solid #FBC7B7;
    border-right: none;
    background: url("/m/images/welfare/icon_gift.png") center left no-repeat;
    background-size: 1.875rem auto;
    -webkit-background-size: 1.875rem auto;
    background-position-x: 0.4rem;
}

.wechat-li .price {
    border: 0.225rem solid #BDEDBE;
    border-right: none;
    background: url("/m/images/welfare/icon_lightning.png") center left no-repeat;
    background-size: 1.875rem auto;
    -webkit-background-size: 1.875rem auto;
    background-position-x: 0.4rem;
}

.crbt-li .bot-info {
    background-color: #E87E44;
}

.lot-li .bot-info {
    background-color: #E6455D;
}

.wechat-li .bot-info {
    background-color: #3CAD5C;
}

.welfare-li .first-txt {
    font-size: 0.675rem;
    color: #000000;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0.85rem;
}

.welfare-li .second-txt {
    font-size: 0.55rem;
    color: #A2A2A2;
    line-height: 1.5;
}

.welfare-li .color-1 {
    color: #E63951;
}

.welfare-li .color-2 {
    color: #FDA322;
}

.welfare-li .color-3 {
    color: #3E924B;
}

.welfare-li .bot-info {
    display: inline-block;
    width: 29%;
    height: 3.85rem;
    vertical-align: middle;
    border-radius: 0 0.25rem 0.25rem 0;
}

.welfare-li .bot-info div {
    width: 3.2rem;
    height: 1.375rem;
    text-align: center;
    color: #FFFFFF;
    font-size: 0.6rem;
    margin: 1.225rem auto;
    border-radius: 0.675rem;
    box-sizing: border-box;
}

.welfare-li .price em {
    font-size: .5rem;
    font-style: normal;
    margin-top: .2rem;
    display: inline-block;
    color: rgba(255, 255, 255, .5);
    float: right
}

.welfare-li .price span i {
    font-size: .6rem;
    font-style: normal
}

.welfare-li .price del {
    float: right;
    font-size: .55rem;
    color: rgba(255, 255, 255, .5);
    display: inline-block;
    margin-top: .2rem
}

.lot-li .price em {
    width: 72%;
    transform: scale(.9);
    margin: -1.1rem -6% 0 0
}

.wechat-li .price em {
    color: #ffc32e
}

.welfare-li .bot-info em {
    float: left;
    color: rgba(255, 255, 255, .5);
    font-style: normal
}

.vrbt-li .bot-info em {
    color: #a32b04
}

.welfare-li .bot-info div.go-vrbt {
    background: -webkit-linear-gradient(to bottom, #fff, #ffdbd4);
    background: linear-gradient(to bottom, #fff, #ffdbd4);
    color: #ff5e2b;
}

.welfare-li .bot-info div.go-setRing {
    background: -webkit-linear-gradient(180deg, #FFCA27, #E87E44);
    background: linear-gradient(180deg, #FFCA27, #E87E44);
    border: 0.125rem solid #FFF1D7;
}

.welfare-li .bot-info div.go-lot {
    background: -webkit-linear-gradient(180deg, #FF626E, #DC3956);
    background: linear-gradient(180deg, #FF626E, #DC3956);
    border: 0.125rem solid #FFD7DD;
}

.welfare-li .bot-info div.go-attention {
    background: -webkit-linear-gradient(180deg, #66E169, #3C9F4B);
    background: linear-gradient(180deg, #66E169, #3C9F4B);
    border: 0.125rem solid #D5FFD6;
}

/*铃声哆唻咪顶部优化**************************/
.head {
    background: #fff;
}

.top {
    border-bottom: 0.05rem solid #dedede;
}

.l-info a span {
    color: #8f8f8f;
}

.m-info {
    color: #6c6c6c;
}

.r-info a {
    color: #8f8f8f;
}

.nav {
    background: #fff;
}

.nav li a {
    color: #333;
}

.nav li.cur a {
    color: #fc78d4;
    background: linear-gradient(to right, #a061e0, #fc78d4);
    -webkit-background-clip: text;
    color: transparent;
}

.nav div.acurs span {
    border: 0;
    position: relative;
}

.nav div.acurs span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    height: 0.12rem;
    background: -webkit-linear-gradient(to right, #a061e0, #fc78d4);
    background: linear-gradient(to right, #a061e0, #fc78d4);
}

.menu-box {
    display: none;
}

.m-info span.pocket-logo {
    width: 5.25rem;
    height: 100%;
    background-position: center;
    background-size: 5.25rem auto;
    margin-bottom: 0;
}


/* 移动浮窗6 */
#pop-mobile-layer-6 {
    width: 12.5rem;
    display: none;
}

#pop-mobile-layer-6 .pop-top {
    width: 100%;
    height: 5rem;
    background: url(/m/images/mobile/bg-6.png) no-repeat top center;
    background-size: 100% 100%;
}

#pop-mobile-layer-6 .btn-close {
    position: absolute;
    right: 0.25rem;
    top: 0.25rem;
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    background: url(/m/images/mobile/icon-close-6.png) no-repeat top center;
    background-size: 100% 100%;
}

#pop-mobile-layer-6 .pop-main {
    background: #fff;
    padding: 0 1.75rem .45rem;
}

#pop-mobile-layer-6 .pop-info {
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

#pop-mobile-layer-6 .pop-info .info-img {
    width: 2.125rem;
    height: 2.125rem;
    margin-right: 0.6rem;
}

#pop-mobile-layer-6 .info-title {
    font-size: 0.6rem;
    color: #000;
    margin-bottom: 0.2rem;
}

#pop-mobile-layer-6 .info-p {
    font-size: 0.5rem;
    color: #999;
}

#pop-mobile-layer-6 .ok-btn {
    width: 9.2rem;
    margin-left: -0.1rem;
    height: 2rem;
    line-height: 2rem;
    background: #ff3426 linear-gradient(to bottom, #ff7e36, #ff3426);
    box-shadow: 0 .2rem .45rem rgba(251, 108, 31, .35);
    border-radius: 1.5rem;
    color: #fff;
    font-size: .75rem;
    text-align: center;
    letter-spacing: 2px;
    text-shadow: 0 .1rem .25rem rgba(202, 15, 0, .3)
}

#pop-mobile-layer-6 .migu-info {
    background: #fff;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
}

#pop-mobile-layer-6 .opt-btn {
    width: 1rem;
    height: 1rem;
}

#pop-mobile-layer-6 .icon-arrow-down {
    background: url(/m/images/bottom.png) center no-repeat;
    background-size: .375rem auto;
    -webkit-background-size: .375rem auto;
}

#pop-mobile-layer-6 .icon-arrow-up {
    background: url(/m/images/top.png) center no-repeat;
    background-size: .375rem auto;
    -webkit-background-size: .375rem auto;
}

#pop-mobile-layer-6 .m-opt-box {
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    padding-left: 0.25rem;
}

#pop-mobile-layer-6 .shop-logo {
    height: 0.4rem;
}

#pop-mobile-layer-6 .shop-logo img {
    height: 100%;
    width: auto;
}

#pop-mobile-layer-6 .m-con-box {
    font-size: 0.5rem;
    padding: 0.25rem 0.5rem 0.5rem 0.5rem;
}

/**
* 快应用引流弹窗
* @FX   @2019年4月1日
 */
#slid-layer .explain-setRing .wakeUpQuickapp .btn {
    width: 7.975rem;
    height: 2rem;
    border-radius: 0.35rem;
    background: #fb5b5e;
    font-size: 0.625rem;
    color: #ffffff;
    text-align: center;
    line-height: 2rem;
    margin: 2.5rem auto 0;
}

#slid-layer .explain-setRing .wakeUpQuickapp .banner {
    width: 92%;
    margin: 1.5rem auto 0;
    background: #fffbf7;
    border-radius: 0.35rem;
    border: 0.05rem solid #ffe8d8;
    padding: 0.5rem 0;
}

#slid-layer .explain-setRing .wakeUpQuickapp .banner-img {
    display: inline-block;
    width: 36%;
    height: 2.62rem;
    background: url(../images/pop-guide/banner_img.png) center right no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    vertical-align: middle;
}

#slid-layer .explain-setRing .wakeUpQuickapp .banner-body {
    display: inline-block;
    width: 60%;
    font-size: 0.6rem;
    color: #171616;
    vertical-align: middle;
    margin-left: -2%;
}

#slid-layer .explain-setRing .wakeUpQuickapp .banner-body span {
    color: #fb2e32;
}

#slid-layer .explain-setRing .wakeUpQuickapp .banner-body > div {
    width: 2.85rem;
    line-height: 1.2;
    color: #fb2e32;
    margin-top: 0.4rem;
    border-bottom: #fb2e32 solid 0.025rem;
}

#slid-layer .explain-setRing .wakeUpQuickapp .award {
    position: relative;
    width: 100%;
    height: 5.525rem;
    background: url(../images/pop-guide/award_bg.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-top: 1.5rem;
}

#slid-layer .explain-setRing .wakeUpQuickapp .award > div {
    width: 5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
    position: absolute;
    left: 34%;
    bottom: 9%;
}


#pop-guide {
    /*position: fixed;*/
    /*top: 0;*/
    /*bottom: 0;*/
    right: 0;
    /*left: 0;*/
    /*background: rgba(0,0,0,0.8);*/
    /*z-index: 1000;*/
}

.pop-guide-A {
    width: 13.525rem;
    height: 11.125rem;
    border-radius: 0.425rem;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.pop-guide-A .body {
    position: relative;
}

.pop-guide-A .top {
    width: 8.675rem;
    height: 4.65rem;
    background: url(../images/pop-guide/A_top.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin: -2.5rem auto 0 auto;
    border: none;
}

.pop-guide-A .close-btn {
    width: 0.825rem;
    height: 0.825rem;
    background: url(../images/pop-guide/close.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: absolute;
    top: 3rem;
    right: 0.5rem;
}

.pop-guide-A p {
    position: relative;
    text-align: center;
    font-size: 0.85rem;
    color: #1c1c1c;
    font-weight: bold;
    margin-top: 1.875rem;
}

.pop-guide-A p:before {
    content: '';
    display: block;
    position: absolute;
    top: -1.8rem;
    left: -0.45rem;
    width: 14.975rem;
    height: 5.05rem;
    background: url(../images/pop-guide/A_bg.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.pop-guide-A button {
    display: block;
    width: 11.25rem;
    height: 2.25rem;
    background-color: #eb5b3f;
    border-radius: 0.35rem;
    text-align: center;
    font-size: 0.85rem;
    color: #ffffff;
    line-height: 2.25rem;
    border: none;
    outline: none;
    margin: 1.825rem auto 0;
}

.pop-guide-B {
    width: 82%;
    height: 12rem;
    border-radius: 0.75rem;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.pop-guide-B .body {
    position: relative;
}

.pop-guide-B .top {
    width: 100%;
    height: 6.25rem;
    background: url(../images/pop-guide/B_top.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin: -2.4rem auto 0 auto;
    border: none;
}

.pop-guide-B .close-btn {
    width: 1.075rem;
    height: 1.075rem;
    border-radius: 50%;
    background: #fff url(../images/pop-guide/close.png) center no-repeat;
    background-size: 0.4rem 0.4rem;
    -webkit-background-size: 0.4rem 0.4rem;
    position: absolute;
    top: 0.5rem;
    right: 0.3rem;
}

.pop-guide-B p {
    position: relative;
    text-align: center;
    font-size: 0.8rem;
    color: #333333;
    font-weight: bold;
    margin-top: 1.5rem;
}

.pop-guide-B button {
    display: block;
    width: 11.275rem;
    height: 1.9rem;
    background-color: #d13e36;
    border-radius: 0.3rem;
    text-align: center;
    font-size: 0.7rem;
    color: #ffffff;
    line-height: 1.9rem;
    border: none;
    outline: none;
    margin: 1.65rem auto 0;
}

.pop-guide-C {
    width: 83.75%;
    height: 12rem;
    border-radius: 0.425rem;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.pop-guide-C .body {
    position: relative;
}

.pop-guide-C .top {
    width: 5.425rem;
    height: 6.175rem;
    background: url(../images/pop-guide/C_top.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin: -2.4rem auto 0 auto;
    border: none;
}

.pop-guide-C .close-btn {
    width: 0.825rem;
    height: 0.825rem;
    background: url(../images/pop-guide/close.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    position: absolute;
    top: 3rem;
    right: 0.7rem;
}

.pop-guide-C p {
    position: relative;
    text-align: center;
    font-size: 0.8rem;
    color: #333333;
    font-weight: bold;
    margin-top: 1rem;
}

.pop-guide-C button {
    display: block;
    width: 11.225rem;
    height: 2.25rem;
    background-color: #eb5b3f;
    border-radius: 0.35rem;
    text-align: center;
    font-size: 0.825rem;
    color: #ffffff;
    line-height: 2.25rem;
    border: none;
    outline: none;
    margin: 1.65rem auto 0;
}

#pop-system-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background: rgb(0, 0, 0, 0.4);
}

.pop-system-body {
    width: 92%;
    background-color: #ffffff;
    border-radius: 0.125rem 0.125rem 0 0;
    text-align: center;
    font-size: 0.6rem;
    padding-top: 1rem;
    position: absolute;
    bottom: 0.5rem;
    left: 4%;
}

#pop-system-layer .title {
    color: #000000;
}

#pop-system-layer .body {
    color: #666666;
    margin: 1.75rem 0;
}

#pop-system-layer .btn {
    font-size: 0;
    border-top: 0.05rem solid #e4e2e2;
    background-color: #f1eded;
}

#pop-system-layer .btn span {
    display: inline-block;
    width: 50%;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 0.6rem;
    color: #000000;
}

#pop-system-layer .btn span.ok {
    color: #3e91f0;
}

#pop-system-layer-ios {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background: rgb(0, 0, 0, 0.4);
}

#pop-system-layer-ios .pop-system-body {
    width: 84.375%;
    background-color: #f7f6f9;
    border-radius: 0.65rem;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    padding-top: 1rem;
    position: absolute;
    bottom: 36%;
    left: 7.8125%;
    overflow: hidden;
}

#pop-system-layer-ios .title {
    color: #000000;
}

#pop-system-layer-ios .body {
    font-size: 0.65rem;
    color: #000000;
    margin: 1.25rem 0;
}

#pop-system-layer-ios .btn {
    font-size: 0;
    border-top: 0.05rem solid #d9d6d9;
    background-color: #f7f6f9;
}

#pop-system-layer-ios .btn span {
    display: inline-block;
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 0.85rem;
    color: #2172cb;
}

#pop-system-layer-ios .btn span.cancel {
    position: absolute;
    right: 0;
    top: 0;
    color: #b7b6b9;
    font-size: 0;
    width: 1.7rem;
    height: 1.7rem;
    background: url("../images/btn-color-3.png") center no-repeat;
    -webkit-background-size: 0.7rem 0.7rem;
    background-size: 0.7rem 0.7rem;
}


/*电信流程优化，非彩非会开会员弹窗 优化  @FX    @2019年9月2日17:10:52*/
#slid-layer .telecom-open-order {
    background-image: none;
    height: auto;
}

.slid-layer .telecom-open-order div:first-child {
    display: none;
}

.slid-layer .telecom-open-order .telecom-open-vip {
    display: block !important;
}

.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: 0.5rem;
    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.9rem;
}

.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:after {
    content: '';
    display: none;
    width: 3.025rem;
    height: 3.025rem;
    position: absolute;
    top: 0;
    right: 0;
}

/*快特效引流*/
#ktx-banner-wrap .banner {
    width: 100%;
    height: 8.925rem;
    background: url("../images/foot-ktx-banner2.png") center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

#ktx-banner {
    width: 100%;
    height: 6.5rem;
    background: url("../images/foot-ktx-banner.png") center no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}


/*新增全局toast提示 @FX @2019年12月5日*/
@keyframes toastFadeIn{0%{opacity: 0} 100%{opacity: 1}}
@-webkit-keyframes toastFadeIn{0%{opacity: 0} 100%{opacity: 1}}
@-moz-keyframes toastFadeIn{0%{opacity: 0} 100%{opacity: 1}}
@-o-keyframes toastFadeIn{0%{opacity: 0} 100%{opacity: 1}}
@-ms-keyframes toastFadeIn{0%{opacity: 0} 100%{opacity: 1}}
@keyframes toastFadeOut{0%{opacity: 1} 100%{opacity: 0}}
@-webkit-keyframes toastFadeOut{0%{opacity: 1} 100%{opacity: 0}}
@-moz-keyframes toastFadeOut{0%{opacity: 1} 100%{opacity: 0}}
@-o-keyframes toastFadeOut{0%{opacity: 1} 100%{opacity: 0}}
@-ms-keyframes toastFadeOut{0%{opacity: 1} 100%{opacity: 0}}
#g-toast{width: 65%; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 0.5rem; line-height: 1.5; text-align: center; padding: 0.25rem; border-radius: 0.075rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 9999;}
.g-toast-fadeOut{animation: toastFadeOut .5s;}
.g-toast-fadeIn{animation: toastFadeIn .5s;}