/*滑窗样式*/
#slid-layer {position: fixed;top: 0;left: 100%;bottom:0;width: 100%;z-index: 10000;background: #fff;overflow: hidden;display: none;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
#slid-layer .t {position: relative;line-height: 48px;height: 48px;background: #ef3a2c;color: #fff;font-size: 18px;text-align: center;}
#slid-layer .t .btn-back {position: absolute;top: 0;left: 0;width: 48px;height: 48px;background: url(../images/icon-back-white.png) center no-repeat;background-size: 14px auto;-webkit-background-size: 14px auto;text-indent: -9999px;}
#slid-layer .musics {width: 84%;padding: 28px 8%;}
#slid-layer .musics a.controlbtn {position: absolute;left: 8%;top: 50%;width: 44px;height: 44px;line-height: 45px;display: block;text-indent: -9999px;margin-top: -22px;}
#slid-layer .musics a.btn-play {background-size: 44px;-webkit-background-size: 44px;}
#slid-layer .musics a.btn-pause {background-size: 44px;-webkit-background-size: 44px;}
#slid-layer .musics .pinfo {padding-right: 0;margin-left: 55px;}
#slid-layer .musics p.lh {color: #fe7e83;}
#slid-layer .c {width: 90%;margin: 12px auto 0;font-size: 14px;color: #000;line-height: 22px;}
#slid-layer .checking p {position: relative;}
#slid-layer .checking input::-webkit-input-placeholder {color: #9894a0;font-size: 15px;}
#slid-layer .checking input {width: 100%;border: 1px solid #cbcbd0;height: 45px;background: #f3f3f3;border-radius: 5px;padding: 0 5px;box-sizing: border-box;-webkit-box-sizing: border-box;line-height: normal;margin-top: 12px;font-size: 15px;}
#slid-layer .checking input.code {width: 48%;float: left;}
#slid-layer .checking a.btn-code {display: inline-block;float: right;width: 50%;height: 45px;line-height: 45px;margin-top: 12px;border-radius: 5px;color: #f36257;text-align: center;box-sizing: border-box;border: 1px solid #f36257;font-size: 15px;}
#slid-layer .service b.phone-b{ font-size: 18px;line-height: 50px;font-weight: 400;color: #000}
#slid-layer .service a.btn-change {display: block;width: 75px;background: #fff;color: #000;text-align: center;font-size: 14px;padding: 0 5px;float: right;border-left: 1px solid #d8d8d8;margin: .9em 0;}
#slid-layer .service .confirm {font-size: 12px;color: #000;line-height: 20px}
#slid-layer .service .confirm u{color: #ff5140}
#slid-layer .explain {width: 90%;margin: 20px auto;font-size: 15px;color: #000;line-height: 24px;text-align: left;}
#slid-layer .explain .icon {width: 60px;height: 60px;margin: 30px auto;}
#slid-layer .explain .succ {background: url(../images/icon-success.png) center no-repeat;background-size: 60px;-webkit-background-size: 60px;}
#slid-layer .explain .fail {background: url(../images/icon-success.png) center no-repeat;background-size: 60px;-webkit-background-size: 60px;}
#slid-layer .explain .msg {font-size: 14px; line-height: 24px;}
#slid-layer .service .msg {font-size: 12px; line-height: 20px;color: #000;}
#slid-layer .msg a,#slid-layer .clue a{color: #ef3a2d;}
#slid-layer .msg u,#slid-layer .clue u{color: #ef3a2d;}
#slid-layer .ipbtn{margin-top: 0}
#slid-layer button {margin: 20px 0;width: 100%;height: 45px;line-height: 45px;background: #ef3a2d;color: #fff;font-size: 17px;text-align: center;border-radius: 5px;border: none;font-family: "Microsoft yahei";text-shadow: 0 0 0;font-weight: 400}
#slid-layer button.graybtn{ float:left; width: 30%;background:#b5b5b5;}
#slid-layer button.colorbtn{ float:right;width: 65%;}
#slid-layer .confirm span{position: relative;padding: 0 5px;display: inline-block;height: 30px;margin-right: 3px}
#slid-layer .confirm span em{border-bottom: 1px solid #ef3a2d;width: 100%;height: 1px;display: inline-block;position: absolute;top: 12px;left: 0}
#slid-layer .confirm i{color: #ef3a2d;font-style: normal}

.member-info{width: 100%;text-align: center;}
.member-info-t{width: 90%;margin: 15px auto;position: relative;text-align: center;height:30px;}
.member-info-t em{height: 2px;width: 100%;background: #fe6800;position: absolute;top: 50%;left: 0;margin-top: -1px;z-index: 0}
.member-info-t span{display: inline-block;line-height:30px;height:30px;padding: 0 15px;color: #fe6800;background: #fff;font-size: 16px;position: relative;z-index: 1}
.member-info ul{display: inline-block;width: 100%;text-align: center}
.member-info ul li{width:22%;padding: 0 1.5%;display: inline-block}
.member-info ul li p{font-size: 14px;color: #000;line-height: 18px;margin-top: 5px;}
.member-info ul li em{font-size: 12px;color: #ff5140;line-height: 16px;display: inline-block;font-style: normal}

/*登录验证说明*/
.box-verifi{width:100%;position: relative;padding-top: 5px;margin-top: 2px;}
.box-verifi .msg-sm{background: #ffe4e5;padding: 5px 10px;line-height: 15px;color: #ff5159;position: relative}
.box-verifi i.icon-sj{display: block;position: absolute;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #ffe4e5;top: 0;left: 10px;}
.box-verifi .msg-sm i{width: 20px;height: 20px;display: block;position: absolute;left: 10px;top: 50%;margin-top: -11px;}

/*抽签滑窗*/
#lots-layer {position: fixed;top: 0;left: 100%;bottom:0;width: 100%;z-index: 999;background: #e03311 url(../pop/images/pbag-17/bg-lots.jpg) center no-repeat;background-size:100% auto;-webkit-background-size:100% auto;overflow: hidden;display: none;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
#lots-layer .lots-t {position: relative;line-height: 44px;height: 44px;font-size: 18px;text-align: center;}
#lots-layer .lots-t .btn-back {position: absolute;top: 0;left: 0;width: 44px;height: 44px;background: url(../pop/images/pbag-17/icon-lots-back.png) center no-repeat;background-size: 30px;-webkit-background-size: 30px;text-indent: -9999px;}
#lots-layer .lots-t .btn-share {position: absolute;top: 0;right: 0;width: 44px;height: 44px;background: url(../pop/images/pbag-17/icon-lots-share.png) center no-repeat;background-size: 30px;-webkit-background-size: 30px;text-indent: -9999px;}
#lots-layer .lots-t span{text-shadow: 0 1px 1px rgb(176,33,0);color: #fed203;}
#lots-layer .lots-c{position: relative;width: 95%;margin: 10px auto 0;padding-top: 20px;}
#lots-layer .user-phone{position: absolute;height: 20px;line-height: 20px;background: #871e0b url(../pop/images/pbag-17/icon-phone-lots.png) 10px center no-repeat;background-size: 10px auto;-webkit-background-size: 10px auto;padding: 0 10px 0 25px;border-radius: 8px;top: 0;left: 2%;color: #e77b53}
#lots-layer .lots-img{width: 45%;margin: 0 auto}
#lots-layer .lots-img img{border-radius: 50%;display:block;}
#lots-layer .lots-text{width: 92%;margin: 0 auto}
#lots-layer .lots-text-t{width: 100%;height: 43px;background: url("../pop/images/pbag-17/text-t-bg.png") no-repeat;background-size: 100%;-webkit-background-size: 100%;}
#lots-layer .lots-text-c{width: 100%;background: url("../pop/images/pbag-17/text-c-bg.png") repeat-y;background-size: 100% auto;-webkit-background-size: 100% auto;}
#lots-layer .text-c-inner{width: 90%;margin: 0 auto;line-height: 18px;color: #ef3314;font-size: 14px}
#lots-layer .lots-text-b{width: 100%;height: 30px;background: url("../pop/images/pbag-17/text-b-bg.png") no-repeat;background-size: 100%;-webkit-background-size: 100%;}
#lots-layer .lots-music{width: 92%;margin: 10px auto 0;background: #fadf98;border: 2px solid #b32201;border-radius: 5px;padding: 5px 0;}
#lots-layer .lots-music .musics{border-bottom: none;}
.lots-music-tit{position: relative;height: 30px;text-align: center;width: 80%;margin: 0 auto;}
.lots-music-tit em{display: block;width: 100%;height: 2px;background: #ef3314;position: absolute;left: 0;top: 50%;margin-top: -1px;z-index: 0}
.lots-music-tit span{display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;background: #fadf98;color: #ef3314;position: relative;z-index: 1;font-size: 15px;}
.lots-btn-again{width: 35%;margin: 25px auto 0;}
#lots-layer .lots-music .musics a.btn-play{background:url(../pop/images/pbag-17/icon-play-lots.png) center no-repeat;background-size:30px;-webkit-background-size:30px;}
#lots-layer .lots-music .musics a.btn-pause{background:url(../pop/images/pbag-17/icon-pause-lots.png) center no-repeat;background-size:30px;-webkit-background-size:30px;}
#lots-layer .lots-music .set a.btn-download{background:url(../pop/images/pbag-17/icon-download-lots.png) center no-repeat;background-size:30px;-webkit-background-size:30px;}
#lots-layer .lots-music .set a.btn-setring{background:url(../pop/images/pbag-17/icon-setring-lots.png) center no-repeat;background-size:30px;-webkit-background-size:30px;}
#lots-layer .lots-music .musics .name{color: #ef3314;}
#lots-layer .lots-music .musics .lh{color: rgba(239,51,20,.5)}

/*抽签等待*/
#lots-waiting{width:92%; line-height:30px;text-align:center;display:none; font-size:16px;}
#lots-waiting .lots-zs{position: relative;padding-bottom: 10px;}
#lots-waiting .lots-zs .lots-man{width: 40%;position: relative;z-index: 2;margin: 0 auto;animation: music-move .75s infinite alternate ease-in-out;  -webkit-animation: music-move .75s infinite alternate ease-in-out;transform-origin: bottom;-webkit-transform-origin: bottom;}
#lots-waiting .lots-zs .lots-star{width: 80%;position: absolute;bottom: 25%;left: 10%}
#lots-waiting .lots-zs .lots-circle{width: 40%;height: 30px;border-radius: 90%;background: #b5250b;position: absolute;bottom: 0;left: 30%}
#lots-waiting span{color: #feca2f;font-size: 16px;}
#lots-waiting .pulse{animation-name: pulse;-webkit-animation-name: pulse;animation-duration: 1s;-webkit-animation-duration: 1s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}

@keyframes music-move {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}33% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}66% {-webkit-transform: rotate(5deg);transform: rotate(5deg);}100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
@-webkit-keyframes music-move {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}33% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}66% {-webkit-transform: rotate(5deg);transform: rotate(5deg);}100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} }

@keyframes pulse {0% {transform: scale(0.9);}50% {transform: scale(1.2);}100% {transform: scale(0.9);}}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(0.9);}50% {-webkit-transform: scale(1.2);}100% {-webkit-transform: scale(0.9);}}

/*等待*/
#pop-waiting-layer{position: absolute; width:70%; line-height:30px; background-color:transparent; text-align:center; padding:15px; border-radius:10px;display:none; font-size:16px;}
#pop-waiting-layer .anim {margin:0 auto;width:80px;height:80px;position:relative;}
#pop-waiting-layer .cube1, .cube2 {background-color:#1179c9;width:30px;height:30px;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out;}
#pop-waiting-layer .cube2 {background-color:#eb5b5b;-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
#pop-waiting-layer span{ display:block; line-height:30px;width:100%;text-align:center;padding-left:0;background-color:transparent;background-image:none;color:#fff;}
@-webkit-keyframes cubemove {25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }100% { -webkit-transform: rotate(-360deg) }}
@keyframes cubemove {25% { transform: translateX(42px) rotate(-90deg) scale(0.5);-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);} 50% { transform: translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);} 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);} 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);} 100% { transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}}