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

/*头部样式*/
.iconfont-xl{display: block;background: url(/p3/images/ring-sprites.png) no-repeat;background-size: 100px 150px;-webkit-background-size: 100px 150px;}
.head{ position:relative; width:100%;z-index:10;}
.top{ height:48px; position:relative; border-bottom: 1px solid #d9d9d9;}
.l-info{ position:absolute; height:48px;left:8px; top:0; font-size:14px;}
.l-info a{ color:#555;}
.l-info a span{ display:inline-block; height:48px;float:left;}
.l-info span.icon_home{ display: inline-block;width: 30px;height: 30px;background-position: 0 0;margin: 8px 3px 0 0;}
.l-info span.font_css{ line-height:15px; height:30px; padding:9px 0; margin-left:2px;}
.l-info span.pocket_logo{background:url(/p3/images/pocket_logo.png) no-repeat center;width:70px;height:48px;background-size:70px auto;-webkit-background-size:70px auto;-moz-background-size:70px auto;-o-background-size:70px auto;}
.m-info{ width:40%; height:48px; line-height:48px;background:url(/p3/images/logo-name.png) no-repeat center; background-size:110px auto;-webkit-background-size:110px auto;-moz-background-size:110px auto;-o-background-size:110px auto; margin:0 auto; text-align:center;}
.m-info-pocket{ width:40%; height:48px; line-height:48px;background:url(/p3/images/proket-logo.png) no-repeat center; background-size:auto 25px;-webkit-background-size:auto 25px;-moz-background-size:auto 25px;-o-background-size:auto 25px; margin:0 auto; text-align:center;}
.m-info a{display: block;height: 48px;}
.r-info{ position:absolute; height:48px; line-height:48px; top:0; right:10px;}
.r-info a{float: left;width: 30px;height: 35px;display: block;margin-top: 8px;}
.btn_ss{background-position: -2px -35px;}
.btn_user{ margin-left:10px;background-position: -2px -70px;}
.backdiv{ height:40px; border-bottom:1px solid #d9d9d9; position:relative; font-size:16px;}
.backdiv a{ display:block; position:relative; top:0; left:5px; line-height:40px;color:#f02127;float:left;}
.backdiv a span.btn_back{float: left;display: inline-block;width: 15px;height: 40px;background: url(/p3/images/icon-back-red.png) no-repeat center;background-size: 15px 22px;-webkit-background-size: 15px 22px;margin-right: 3px;}
.backtitle{width:65%; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;margin:0 auto; text-align:center;  padding: 0 10px;float:left;}
.curnum{ width:95%; height:30px; line-height:30px; position:absolute; background:rgba(0,0,0,0.5); color:#fff; padding:0 2.5%;font-size:12px; z-index:99; display:none;}
.curnum a{ color:#fff;width:80px; height:20px;margin-top:5px; line-height:20px;border:none; box-shadow:none; text-shadow:none; border-radius:0; border-left:1px dashed #f7f8f8;text-align:center;}

/*尾部*/
.footer{ background:#fff; color: #666;overflow:hidden;}
.footer a.btn{ display:block;width: 78px; height:30px; line-height:30px; background:#ff4700; color:#fff; margin:.65em 0; border-radius:20px; text-align:center; font-size:14px; padding:0 5px;}
.footer section{ width:90%; background:#fff; margin:0 auto .5em; padding-top:1em;}
.footer section.copyright{font-size: 13px;width: 100%;border-top: 2px solid #f5f5f5;background: #fafafa;color: #999;text-align: center;margin: 20px 0 0 0;padding: 10px 0}
.copyright img{width: 110px;height: auto;margin: 0 auto}
.copyright .beian-info a {
    display: inline-block;
    text-decoration: none;
    height: 25px;
    line-height: 25px;
}
.copyright .beian-info img {
    width: 20px;
    float: left;
    padding: 2px 5px 0 0;
}
.copyright .beian-info em {
    font-style: normal;
}
.wxtit{ height:24px; line-height:24px; font-size:14px; font-weight:700; color:#333;}
.wxtit span{ color:#ff4700;}
.wxboxs{ line-height:22px; font-size:15px; color:#666;}
.wxboxs img{ float:left; width:27%;}
.rfont{ width:70%; font-size:14px; color:#333; line-height:20px;}
.rfont span{ color:#fb363b;}
.appbox img{ width:60%;}
.appbox p{ font-size:12px; color:#66665f; line-height:18px; padding-top:5px;}
.appbox p b{ color:#101010; font-size:15px;}
.footer a.icon_feedback{ background:#fff; color:#ff4700; border:1px solid #ff4700;}
.icon_feedback i{display: inline-block;width: 18px;height: 15px;background-position: -68px -116px;float: left; margin:7px 2px 0 -1px;}
.fotinfo{ color:#979797;}
.fotinfo span{ color:#333;}
.mt05em{ margin-top:.5em;}
.icon_wx{display: inline-block;width: 22px;height: 18px;background-position: -4px -114px;float: left;margin-right: 3px;}
.icon_logo{display: inline-block;width: 42px;height: 42px;background-position: -42px -1px;float: left; margin-right:8px;}
.icon_down{display: inline-block;width: 18px;height: 18px;background-position: -40px -114px;float: left; margin:5px 0 0 0;}
.ws_logo{height:48px;width: 53%;position: relative;padding-left: 50px;color: #bb120b;overflow: hidden;line-height: 18px;}
.ws_logo img{width: 48px;position: absolute;top: 0;left: 0;}
.ws_logo h3{width:120%;color: #333;font-size:11px;-webkit-transform:scale(0.88);font-weight: 400;margin: 5px 0 0 -12px;}
.ws_logo h3 b{font-size: 14px;}
.ws_logo p{font-size:11px;-webkit-transform:scale(0.88);margin-left: -10px;}
.wsbox .btn{width: 75px;}


/*弹窗样式*/
input::-webkit-input-placeholder{color:#74747c;font-size: 13px;}
.tcdiv{ width: 80%;background: #fff;padding: 10px 20px 15px;display: none;border-radius: 5px;}
.tcdiv-botbg{background: url(/p3/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: 35px;line-height: 35px;border-bottom: 1px solid #dedfe0;text-align: center;color: #1d1d1b;font-size: 16px;font-weight: 700;}
.tctit em{ width: 32px;height: 36px;display: block;background: url(/p3/images/icon-close.png) 0 0 no-repeat;background-size: 32px 72px;-webkit-background-size: 32px 72px;position: absolute;top: -10px;right: -8px;text-indent: -9999px;}
.tccon{margin: 15px auto 0;}
.tccon a.uline,.tccon u{color:#e60012;text-decoration:underline;}
.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;-weblit-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;-weblit-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:20px;}
.ipbtn button{display: block;border-radius: 30px;font-family: "Microsoft yahei";height:42px;border:none;}
.ipbtn button.graybtn{ float:left; width: 48%;background:#b5b5b5;border-bottom: 3px solid #e2dfdd;color: #fff;font-size: 16px;font-weight: 700;text-shadow:0 -1px 0 #a0a0a0;}
.ipbtn button.colorbtn{ float:right;width: 48%;background:#e81a3d;border-bottom: 3px solid #e2dfdd;color: #fff;font-size: 16px;font-weight: 700;text-shadow:0 -1px 0 #bb142f;}
.ipbtn button.onlybtns{width: 100%;background:#e81a3d;border-bottom: 3px solid #e2dfdd;color: #fff;font-size: 16px;font-weight: 700;text-shadow:0 -1px 0 #bb142f;}
.ipbtn button.colorbtn em{font-style: normal;}
.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: 10px;line-height: 18px;color: #000;}
.font-15{ font-size:12px; line-height: 18px;}
.wzcon span{ color:#d31d00;}
.wzcon u{ color:#e60012; text-decoration:none;}

/*抽奖结果弹窗*/
.wzcon-lot{font-size: 15px;line-height: 24px;}
.wzcon-lot p{text-align: center}
.wzcon-lot u{color:#e60012;}
.rule-lot{color: #000;margin: 10px 0;}

/*加载*/
#waiting{ width:70%; line-height:30px; background-color:transparent; font-size:1em; text-align:center; padding:15px; border-radius:10px;display:none; font-size:16px;}
#waiting span{ display:block; line-height:30px;width:100%;text-align:center;padding-left:0;background-color:transparent;background-image:none;color:#fff;}
#waiting .zzsc {margin:0 auto;width:80px;height:80px;position:relative;}
#waiting .cube1, #waiting .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;}
#waiting .cube2 {background-color:#eb5b5b;	-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
@-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);}}

/*分享*/
.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;}

/*页面主体公用样式*/
.curnum{ color:#333;position:relative;background:#fff;}
.curnum a{ border-left:1px dashed #999;color:#333;}
.musics{ position:relative; height:40px; border-bottom:1px solid #ddd; padding:3px 4px; margin-bottom:6px; overflow:hidden;}
.musics a.controlbtn{ position:absolute; left:1px; top:0; width:40px; height:40px; line-height:40px; display:block; text-indent:-9999px;}
.musics a.btn-play{background:url(/p3/v1/images/btn-play.png) center center no-repeat;background-size:38px;-webkit-background-size:38px;-moz-background-size:38px;-o-background-size:38px;}
.musics a.btn-pause{background:url(/p3/v1/images/btn-pause.png) center center no-repeat;background-size:38px;-webkit-background-size:38px;-moz-background-size:38px;-o-background-size:38px;	}
.musics .pinfo{ margin-left:42px;}
.musics .pinfo a{ color:#4d4c4d;}
.musics .pinfo p{ height:20px; line-height:20px; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.musics .pinfo p.name{ font-size: 1.25em;line-height: 1.5em;height: 1.5em;font-weight: 600;overflow: hidden;margin-right: .3em;}
.musics .pinfo p.lh{ height: 1.65em;line-height: 1.65em;font-size: 1.05em;font-family: Arial, Helvetica, sans-serif;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.set{ height:39px; }
.set a{ float:left; display:inline-block; height:39px; line-height:39px; margin-left:5px;}
.set a.btn-getring{ background:#ff684a; color:#fff; font-size: 15px; padding:0 8px; border-radius:20px;}
.set a.btn-download{
    display: none!important;
    width:39px;background:url(/p3/v1/images/btn-download.png) no-repeat;background-size:38px;-webkit-background-size:38px;-moz-background-size:38px;-o-background-size:38px;text-indent: -9999px;	}
.set a.btn-setring{width:39px;background:url(/p3/v1/images/btn-setring.png) no-repeat;background-size:38px;-webkit-background-size:38px;-moz-background-size:38px;-o-background-size:38px;text-indent: -9999px;	}
.set a.btn-diy{width:39px;height:39px;background:url(/p3/v1/images/btn-diy.png) no-repeat;background-size:38px;-webkit-background-size:38px;-moz-background-size:38px;-o-background-size:38px;text-indent: -9999px;	}
.loadmore{ border:1px solid #ddd; background:#e8e8e8; text-align:center; font-size:1.2em; line-height:2.5em; cursor:pointer;}