@charset "utf-8";
/*宽度1rem=rem/40 字体1rem=rem/25.875*/
html,body       {width:100%;height:100%;-webkit-text-size-adjust: 100%;}
body            {font: 0.28rem/1.2 Heiti SC,Helvetica Neue,Helvetica,sans-serif;color:#000;background:#fff!important;-webkit-user-select: none}
body,ul,ol,li,dl,dt,dd,table,td,th,form,h1,h2,h3,h4,h5,h6,p,img,em,b,label,input,textarea,figure,nav{margin:0;padding:0;}
ul,li           {list-style:none;}
img             {border:none;}
input,button,textarea,select{font-size:0.28rem;outline:medium;}
a,img,input,button{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
h1              {font-size:2em;margin: .67em 0}
a               {color:#000;text-decoration:none;}
a:hover         {color:#F60;}
.clear          {clear:both;height:0rem;overflow:hidden;font-size:0rem;}
.hidden			{display: none;}
@font-face {
	font-family:hanyi;src:url(../other/font.ttf)
}
/*主体*/
.activity       {height:100%;width:7.50rem;margin:0 auto;-webkit-transform-origin: 0 0;/*overflow:hidden;*/}
.wrapper        {width:7.50rem;height:100%;position:relative;}
.wrapper img    {width:100%;display:block;}
.wrapper-inner  {position:absolute;left:10%;top:0;width:80%;height:100%;}
/*页面*/
.index-box		{color: #a6a6a6;}
.btn-start 		{width:100%;height:0.6rem;line-height: 0.6rem;text-align: center;color:#fff; background:#00baad;border-radius: 0.3rem;font-size: 0.35rem;}
.line			{border-bottom: 2px solid #a6a6a6;position: absolute;width: 100%;top: 0.5rem;z-index: 0;}
.start-top		{width: 100%;height: 1rem;position: relative;}
.start-top span{background: #fff;color: #a6a6a6;z-index: 999;font-size: 0.5rem;position: absolute;left:16%;top:0.25rem;padding: 0 1rem;}
.index-main		{width: 80%;margin-left:10%;height: 100%;}
.conf-tip		{width: 100%;text-align: center;font-size: 0.4rem;letter-spacing: 0.15rem;color: #a6a6a6;}
.tip-content	{width: 100%;border:1px solid #a6a6a6;margin-top: 0.3rem;padding: 0.2rem;box-sizing:border-box;letter-spacing:0.1rem;font-size: 0.3rem;}
.tip-list 		{width: 100%;}
.tip-list p 	{font-size: 0.3rem;margin-top:0.5rem;}
.tip-list p button{width: 100%;background: #00baad;border;}
.huadong-box,.select-box 	{padding: 0.3rem 0 1rem;}
.opt-slider 	{margin-top: 0.1rem;display: flex;justify-content: space-between;}
#slider 		{width: 87%;padding-top:0.12rem;}
.answer 		{width: 100%;text-align: center;margin-top:0.3rem;}
.btn-box		{width: 100%;display: flex;justify-content: space-between;}
.btn-box div 	{background: #00baad;color:#fff;padding: 0.1rem 0.5rem;border-radius: 0.3rem;}
.res-top  		{margin-top:0.2rem;}
.res-top p		{width: 100%;height: 1rem;line-height: 1rem;text-align: center;font-size: 0.5rem;}
.graph-box		{width: 100%;}
.graph 			{width:7rem;height:7rem;}
.res-tip 		{margin:0.2rem 5%;}
/*表单*/
.form-group     {width:7.50rem;margin:0 auto;overflow:hidden;}
.form-group p   {width:7.50rem;overflow:hidden;margin-bottom:0.8rem;}
.form-text      {border:1px #ccc solid;border-radius:0.10rem;width:7.50rem;padding:0.15rem;box-sizing:border-box;}
.form-text::-webkit-input-placeholder{color:#000;}
.options p 		{margin-bottom:0.2rem;color:#000;}
.opt-title 		{margin-top:0.2rem;font-size: 0.3rem;font-weight: bolder;}
/*提示层*/
.open-tip       {position:fixed;top:0;left:0;width:7.50rem;height:100%;background:rgba(0, 0, 0, 0.8);display:none;z-index:10000;}
.open-tip img   {width:100%;display:block;}
.open-main      {width:7.50rem;height:80%;margin:0 auto;top:10%;background:#fdd100;position:relative;border:2px #f68634 solid;border-radius:0.15rem;/*有背景图去掉height:80%;*/}
.open-close     {position:absolute;width:11%;top:-3%;right:-3%;z-index:10001;}
.open-text      {width:90%;height:95%;margin:5% 0;padding:0 5%;overflow-y:auto;color:#fff;font-size:0.28rem;}
.open-text p.t  {margin-top:3%;font-weight:bold;}
/*兑奖层*/
.qrcode         {width:1.20rem;margin:0 auto;}
/*版权*/
.author         {padding:5% 0;text-align:center;color:#fff;font-size:0.35rem;}
.author a       {color:#fff;}
/*分享*/
.share-tip      {position:fixed;top:0;left:0;width:7.50rem;height:100%;background:rgba(0, 0, 0, 0.7);display:none;z-index:20000;}
.share-tip img	{position:fixed;right:0;top:1.00rem;width:70%;z-index:20001;}


/*灰度*/
.gray           {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
/*加载动画*/
.send-tip       {position:fixed;top:0rem;left:0rem;width:100%;height:100%;z-index:99999;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;background:transparent;display:none;color:#000;font-size:0.6rem}
.send-tip.show  {display:-webkit-box;display:box}
.send-tip-cnt   {border-radius:0.06rem;width:1.30rem;height:1.10rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;-webkit-background-clip:padding-box;background-clip:padding-box;outline:none;pointer-events:auto;background:rgba(0, 0, 0, 0.65);color:#fff;position:relative}
.send-tip-cnt i {width:0.37rem;height:0.37rem;display:block;background-image:url(http://i.juyiyun.cn/images/loading_sprite_white.png);-webkit-background-size:auto 0.37rem;-webkit-animation:rotate2 1s steps(12) infinite}
@-webkit-keyframes rotate2{from{background-position:0 0}to{background-position:-4.44rem 0}}
/*滚动条*/
::-webkit-scrollbar{width:0.25rem;height:0.25rem;background-color:#F5F5F5}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0.3rem rgba(0,0,0,0.3);border-radius:0.5rem;background-color:#F5F5F5}
::-webkit-scrollbar-thumb{border-radius:0.5rem;-webkit-box-shadow:inset 0 0 0.3rem rgba(0,0,0,.3);background-color:#555}
/*动画效果*/
.pulse          {animation:pulse 1s linear infinite alternate;-webkit-animation:pulse 1s linear infinite alternate;}
.swing          {-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;animation:swing 2s linear infinite alternate;-webkit-animation:swing 2s linear infinite alternate;}
.rolling        {animation:rolling 3s linear infinite alternate;-webkit-animation:rolling 3s linear infinite alternate;}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInLeft{animation:fadeInLeft 2s linear alternate;-webkit-animation:fadeInLeft 2s linear alternate;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
@keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}40%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}60%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}80%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}40%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}60%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}80%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@-webkit-keyframes rolling{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@keyframes rolling{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}