@charset "UTF-8";

       foote span{position: absolute;top:6%;right: 55%;font-size: 0.18rem;color: #fff;border-radius: 50%;padding:0 0.12rem;height: 0.36rem;line-height:0.36rem;background: #dd2726}
	   foote2 span{position: absolute;top:6%;right: 6%;font-size: 0.18rem;color: #fff;border-radius: 50%;padding:0 0.12rem;height: 0.36rem;line-height:0.36rem;background: #dd2726}
	   .user-icon{box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);}
       .user-icon2{width:3.13333rem;height:2.73333rem;overflow:hidden;position:relative;margin-left:.6rem;}
	   .user-icon2 img{width:100%;position:absolute;left:50%;top:65%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
	   .user-icon2 p img{opacity: 0.4;filter: grayscale(100%);width:100%;position:absolute;left:50%;top:25%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
	   .user-icon2 h img{width:100%;position:absolute;left:50%;top:25%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
	   .user-icon3{width:0.43333rem;height:1.73333rem;overflow:hidden;position:relative;margin-left:0;}
	   .user-icon3 img{width:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
	   
	   .nav-wrap{line-height:.4533333333rem;color:#777;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;padding:0.43333rem 0.43333rem  0}[data-dpr="1"] 
	   .nav-wrap{font-size:12px}[data-dpr="2"] 
	   .nav-wrap{font-size:24px}[data-dpr="3"] 
	   .nav-wrap{font-size:36px}@media screen and (max-width:640px){.nav-wrap{font-size:.32rem!important}}
	   .nav-wrap li{position:relative;width:20%;display:block;text-align:center;margin-bottom:.4rem}
	   .nav-wrap li font{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;left:60%;top:-.1066666667rem;white-space:nowrap;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAcCAIAAADJFonfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0UxMkIxN0NCODI5MTFFOUE4RDJCREFDQkFGRDVEREUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0UxMkIxN0RCODI5MTFFOUE4RDJCREFDQkFGRDVEREUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRTEyQjE3QUI4MjkxMUU5QThEMkJEQUNCQUZENURERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRTEyQjE3QkI4MjkxMUU5QThEMkJEQUNCQUZENURERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlCFqcoAAABQSURBVHja3JBRCsAwDEI1lN1sX7v/XVoYWBM2GINeoP6oSD7yqN7xKvARx3XaJD2LE2tpOEhk5u9m69JwC8qnjSRAJhjZXQpS4nBfEp0CDAAluRefGLZJjAAAAABJRU5ErkJggg==) repeat-x 0 0;background-size:auto .7466666667rem;line-height:.7466666667rem;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;color:#fff;letter-spacing:0;z-index:9}[data-dpr="1"] 
	   .nav-wrap li font{font-size:18px}[data-dpr="2"]
	    .nav-wrap li font{font-size:36px}[data-dpr="3"] 
		.nav-wrap li font{font-size:54px}@media screen and (max-width:640px){.nav-wrap li font{font-size:.48rem!important}}
		.nav-wrap li font:before{content:" ";position:absolute;left:-.2933333333rem;top:0;width:.2933333333rem;height:.8266666667rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAfCAYAAAAx6zerAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTI5MTRCRkRCODI3MTFFOUE4RDJCREFDQkFGRDVEREUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTI5MTRCRkVCODI3MTFFOUE4RDJCREFDQkFGRDVEREUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MjkxNEJGQkI4MjcxMUU5QThEMkJEQUNCQUZENURERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MjkxNEJGQ0I4MjcxMUU5QThEMkJEQUNCQUZENURERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PooFcocAAAJwSURBVHjajFRBaBNBFP1/EmhrEptQDSSYg1gQQVAI1EBFRQXBm6dePBd68+bNs5d60YMH8eChHvQkPQhWWkUFpYInNTbUtqRa2yamWWOWNDvfmT+b3UlSirP8zM7M2zfvv/kZhP9oVC4XZL02tT+o9G2Sfqw75LqkI7onaGdnlKqVt5DJpnlc2Qa5+B6wD7iycpUOJp7hgViEflfBezIDcn4OQEqI9gIhnZ5FIVB+/ADtu9MAzSaAAA7s2tprf9WM3vNZkI8eACk2VA8hMUYEYKVRAzVjF5Ao2Fl0skaVjNbYvndHTRgAqcfOyjDHYtO6854+BnCbDEJEDrtFteGQGolTVdmz8ALMutpedrMys3TqfDLso9peK9DBrIwPvxBiYOAC6/u0yMkYZgr1oi1jcHBEj+XGRqDRZmM3/GEU44khBtSqvgOdX/T1WMwBg9+b/NAeGUls3R/H5elUytraj472wGfXNfunMwGh7k10ZyhgtzXHL6fzZsE4ZhIjW6AGJ4Yf8kv+jCoYDHNC9L+1mTOZN1CtOHjoMIjzl8A/i1C/zax0ETScm3oQuTYBNBTrOQvsKaTR4/fh189NzR6duhFwhSdqgZl9OFWA5l9P5McgMnHdd2WPeuaFZPK73Nq8zZOFs5bSsFSFXYKK5zLX9et5CC2moAqjVsHEyKmPscfvXoUWZo9A5OIVgPau9e8ulSYxl0NZ/AzKShDj50AokDhxst8Xuby0jNncUSqvASRToKrRLLRaUt1KC0rMlpHQaGTV9SQ71xTH2uo2LRVvKXnx3ovvFDWbkup1j4pfXtL66vj+l2CtdqyPpaf9E2AAjRY+okPfVhkAAAAASUVORK5CYII=) no-repeat 0 0;background-size:100% 100%}
		.nav-wrap li font:after{content:" ";position:absolute;right:-.2933333333rem;top:0;width:.32rem;height:.7466666667rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAcCAYAAABVo158AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0UxMkIxNzhCODI5MTFFOUE4RDJCREFDQkFGRDVEREUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0UxMkIxNzlCODI5MTFFOUE4RDJCREFDQkFGRDVEREUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MjkxNEJGRkI4MjcxMUU5QThEMkJEQUNCQUZENURERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MjkxNEMwMEI4MjcxMUU5QThEMkJEQUNCQUZENURERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoSp0A0AAAIfSURBVHjajFTPSxtBFH5vdgoJJiJuCNR68FCEHi1VU7xISzx46B/Qnq30LErPxVNLz0V76sGbpyBC0YMXW/UsFSQWC1FsSUCbxN222XmdH5t1dSfBCbvZ2Xnfvu997weIcvlHsL//iSqVAtxmke9TdJ2c1Onw4GVXwN/XC9RaXSVRqURA8f3oJ11c3LfZo198QkTygTFgxSngz18Aui5Qsxlgvf4Mh4bW4wCGGQ4sywF7GNCXTfgzOwPB7q7c9ziQz6/R8fH0NUDSpQ+txTfQKpXkKUPKZktxeswqhCAIPi5FnqhW3e4CQEBUIAH/3r0FqtUAB+7l6cColwCQ/EVAz4PWyorZ9va+t8dwYx9sfAaqVgFcN6OSm6Qk+VAbqS4Zj9j5qo/E+fmrJEAmpW2r8yMfgr09861UatISg/HS5qdAdHZm9um0y5OMjBXF45FK6bNMJm2Rla5FTjHd1OLWxMUw2qPbb943Gp4109oojEOB2d0B897zarxDl0R3hWOjo0ZW39/ittLQrENJCWXZFx6bOurr+2CnFNaTWo7sEczllFINHBzc6VBLIaVUWjeUXs3fc/ZawjDP8v/O/ILpvtPTXzj8YLljPyh7PjMLzti4aVXXnYjyQJdBKB9p7jL9wOfmtTEIQWFfl68SF5YCOg6wp0UzBPo7DwHORh4CezQGbLxg1FDeFGdJI/7lLoPssPsgoyM5Kr/dflT+F2AAIMYFx//M0BIAAAAASUVORK5CYII=) no-repeat 0 0;background-size:100% 100%}
		.nav-wrap li font i{font-style:normal}
		.nav-wrap li>div{height:1.2533333333rem;margin:0 auto;margin-bottom:.2rem;border-radius:50%}
		.nav-wrap li>div,.nav-wrap li>span{width:1.2533333333rem;background:#eee}
		.nav-wrap li>span{display:block;height:.32rem;line-height:.32rem;margin:0 auto}
		.nav-wrap img{width:.9333333333rem;height:.9333333333rem;margin:0 auto;display:block;border-radius:50%;margin-bottom:.08rem}

/**
* 红包左右摇摆
**/
 
.swing{
    -webkit-animation:swinging 10s ease-in-out 0s infinite;
    -moz-animation:swinging 10s ease-in-out 0s infinite;
    animation:swinging 2s ease-in-out 0s infinite;
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    transform-origin:50% 0;
}
 
@-webkit-keyframes swinging{
    0% { -webkit-transform: rotate(0); }
    5% { -webkit-transform: rotate(10deg); }
    10% { -webkit-transform: rotate(-9deg); }
    15% { -webkit-transform: rotate(8deg); }
    20% { -webkit-transform: rotate(-7deg); }
    25% { -webkit-transform: rotate(6deg); }
    30% { -webkit-transform: rotate(-5deg); }
    35% { -webkit-transform: rotate(4deg); }
    40% { -webkit-transform: rotate(-3deg); }
    45% { -webkit-transform: rotate(2deg); }
    50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The 

rest is just stillness */
    100% { -webkit-transform: rotate(0); }
}
 
@-moz-keyframes swinging{
    0% { -moz-transform: rotate(0); }
    5% { -moz-transform: rotate(10deg); }
    10% { -moz-transform: rotate(-9deg); }
    15% { -moz-transform: rotate(8deg); }
    20% { -moz-transform: rotate(-7deg); }
    25% { -moz-transform: rotate(6deg); }
    30% { -moz-transform: rotate(-5deg); }
    35% { -moz-transform: rotate(4deg); }
    40% { -moz-transform: rotate(-3deg); }
    45% { -moz-transform: rotate(2deg); }
    50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest 

is just stillness */
    100% { -moz-transform: rotate(0); }
}
 
@keyframes swinging{
    0% { transform: rotate(0); }
    5% { transform: rotate(10deg); }
    10% { transform: rotate(-9deg); }
    15% { transform: rotate(8deg); }
    20% { transform: rotate(-7deg); }
    25% { transform: rotate(6deg); }
    30% { transform: rotate(-5deg); }
    35% { transform: rotate(4deg); }
    40% { transform: rotate(-3deg); }
    45% { transform: rotate(2deg); }
    50% { transform: rotate(0); } /* Come to rest at 50%. The rest is 

just stillness */
    100% { transform: rotate(0); }
}
 
        .blink{ 
    	font-size: 12px; 
    	color:#FF0000; 
    	animation: changeshadow 1s  ease-in  infinite ;
    	/* 其它浏览器兼容性前缀 */
	    -webkit-animation: changeshadow 1s linear infinite;
	    -moz-animation: changeshadow 1s linear infinite;
	    -ms-animation: changeshadow 1s linear infinite;
	    -o-animation: changeshadow 1s linear infinite;
    }  
    @keyframes changeshadow {  
        0%{ text-shadow: 0 0 2px #CD0303}  
        50%{ text-shadow: 0 0 10px #CD0303}  
        100%{ text-shadow: 0 0 2px #CD0303}  
    }
    /* 添加兼容性前缀 */
	@-webkit-keyframes changeshadow {
	  0%{ text-shadow: 0 0 2px #CD0303}  
          50%{ text-shadow: 0 0 10px #CD0303}  
          100%{ text-shadow: 0 0 2px #CD0303}  
	}
	@-moz-keyframes changeshadow {
	    0%{ text-shadow: 0 0 2px #CD0303}  
            50%{ text-shadow: 0 0 10px #CD0303}  
            100%{ text-shadow: 0 0 2px #CD0303}  
	}
	@-ms-keyframes changeshadow {
	    0%{ text-shadow: 0 0 2px #CD0303}  
            50%{ text-shadow: 0 0 10px #CD0303}  
            100%{ text-shadow: 0 0 2px #CD0303}  
	}
	@-o-keyframes changeshadow {
	    0%{ text-shadow: 0 0 2px #CD0303}  
            50%{ text-shadow: 0 0 10px #CD0303}  
            100%{ text-shadow: 0 0 2px #CD0303}  
	}

.main-wrapper {
  width: 78px;
  height: 78px;
  position: relative;
}
.button {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background-color: #F59F00;
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); 
          transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); 
  box-shadow: -1px 2px 12px rgba(0, 0, 0, 0.4);
  will-change: transform;
}

.material-icons {
  color: #fff;
  font-size: 12px;
}

.nav-wrap li{position:relative;display:block;}.nav-wrap li font{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;left:-50%;top:-.1066666667rem;white-space:nowrap;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAcCAIAAADJFonfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0UxMkIxN0NCODI5MTFFOUE4RDJCREFDQkFGRDVEREUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0UxMkIxN0RCODI5MTFFOUE4RDJCREFDQkFGRDVEREUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRTEyQjE3QUI4MjkxMUU5QThEMkJEQUNCQUZENURERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRTEyQjE3QkI4MjkxMUU5QThEMkJEQUNCQUZENURERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlCFqcoAAABQSURBVHja3JBRCsAwDEI1lN1sX7v/XVoYWBM2GINeoP6oSD7yqN7xKvARx3XaJD2LE2tpOEhk5u9m69JwC8qnjSRAJhjZXQpS4nBfEp0CDAAluRefGLZJjAAAAABJRU5ErkJggg==) repeat-x 0 0;background-size:auto .7466666667rem;line-height:.7466666667rem;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;color:#fff;letter-spacing:0;z-index:9}@media screen and (max-width:640px){.nav-wrap li font{font-size:.48rem!important}}.nav-wrap li font:before{content:" ";position:absolute;left:-.2933333333rem;top:0;width:.2933333333rem;height:.8266666667rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAfCAYAAAAx6zerAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTI5MTRCRkRCODI3MTFFOUE4RDJCREFDQkFGRDVEREUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTI5MTRCRkVCODI3MTFFOUE4RDJCREFDQkFGRDVEREUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MjkxNEJGQkI4MjcxMUU5QThEMkJEQUNCQUZENURERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MjkxNEJGQ0I4MjcxMUU5QThEMkJEQUNCQUZENURERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PooFcocAAAJwSURBVHjajFRBaBNBFP1/EmhrEptQDSSYg1gQQVAI1EBFRQXBm6dePBd68+bNs5d60YMH8eChHvQkPQhWWkUFpYInNTbUtqRa2yamWWOWNDvfmT+b3UlSirP8zM7M2zfvv/kZhP9oVC4XZL02tT+o9G2Sfqw75LqkI7onaGdnlKqVt5DJpnlc2Qa5+B6wD7iycpUOJp7hgViEflfBezIDcn4OQEqI9gIhnZ5FIVB+/ADtu9MAzSaAAA7s2tprf9WM3vNZkI8eACk2VA8hMUYEYKVRAzVjF5Ao2Fl0skaVjNbYvndHTRgAqcfOyjDHYtO6854+BnCbDEJEDrtFteGQGolTVdmz8ALMutpedrMys3TqfDLso9peK9DBrIwPvxBiYOAC6/u0yMkYZgr1oi1jcHBEj+XGRqDRZmM3/GEU44khBtSqvgOdX/T1WMwBg9+b/NAeGUls3R/H5elUytraj472wGfXNfunMwGh7k10ZyhgtzXHL6fzZsE4ZhIjW6AGJ4Yf8kv+jCoYDHNC9L+1mTOZN1CtOHjoMIjzl8A/i1C/zax0ETScm3oQuTYBNBTrOQvsKaTR4/fh189NzR6duhFwhSdqgZl9OFWA5l9P5McgMnHdd2WPeuaFZPK73Nq8zZOFs5bSsFSFXYKK5zLX9et5CC2moAqjVsHEyKmPscfvXoUWZo9A5OIVgPau9e8ulSYxl0NZ/AzKShDj50AokDhxst8Xuby0jNncUSqvASRToKrRLLRaUt1KC0rMlpHQaGTV9SQ71xTH2uo2LRVvKXnx3ovvFDWbkup1j4pfXtL66vj+l2CtdqyPpaf9E2AAjRY+okPfVhkAAAAASUVORK5CYII=) no-repeat 0 0;background-size:100% 100%}.nav-wrap li font:after{content:" ";position:absolute;right:-.2933333333rem;top:0;width:.32rem;height:.7466666667rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAcCAYAAABVo158AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0UxMkIxNzhCODI5MTFFOUE4RDJCREFDQkFGRDVEREUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0UxMkIxNzlCODI5MTFFOUE4RDJCREFDQkFGRDVEREUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MjkxNEJGRkI4MjcxMUU5QThEMkJEQUNCQUZENURERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MjkxNEMwMEI4MjcxMUU5QThEMkJEQUNCQUZENURERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoSp0A0AAAIfSURBVHjajFTPSxtBFH5vdgoJJiJuCNR68FCEHi1VU7xISzx46B/Qnq30LErPxVNLz0V76sGbpyBC0YMXW/UsFSQWC1FsSUCbxN222XmdH5t1dSfBCbvZ2Xnfvu997weIcvlHsL//iSqVAtxmke9TdJ2c1Onw4GVXwN/XC9RaXSVRqURA8f3oJ11c3LfZo198QkTygTFgxSngz18Aui5Qsxlgvf4Mh4bW4wCGGQ4sywF7GNCXTfgzOwPB7q7c9ziQz6/R8fH0NUDSpQ+txTfQKpXkKUPKZktxeswqhCAIPi5FnqhW3e4CQEBUIAH/3r0FqtUAB+7l6cColwCQ/EVAz4PWyorZ9va+t8dwYx9sfAaqVgFcN6OSm6Qk+VAbqS4Zj9j5qo/E+fmrJEAmpW2r8yMfgr09861UatISg/HS5qdAdHZm9um0y5OMjBXF45FK6bNMJm2Rla5FTjHd1OLWxMUw2qPbb943Gp4109oojEOB2d0B897zarxDl0R3hWOjo0ZW39/ittLQrENJCWXZFx6bOurr+2CnFNaTWo7sEczllFINHBzc6VBLIaVUWjeUXs3fc/ZawjDP8v/O/ILpvtPTXzj8YLljPyh7PjMLzti4aVXXnYjyQJdBKB9p7jL9wOfmtTEIQWFfl68SF5YCOg6wp0UzBPo7DwHORh4CezQGbLxg1FDeFGdJI/7lLoPssPsgoyM5Kr/dflT+F2AAIMYFx//M0BIAAAAASUVORK5CYII=) no-repeat 0 0;background-size:100% 100%}.nav-wrap li>div{height:1.2533333333rem;margin:0 auto;margin-bottom:.2rem;border-radius:50%}.nav-wrap li>div,.nav-wrap li>span{width:1.2533333333rem;background:#eee}.nav-wrap li>span{display:block;height:.32rem;line-height:.32rem;margin:0 auto}

h5.title{font-size: .34rem;color: #1c1c1c;padding:.2rem  .3rem;letter-spacing: .02rem;}
.hycz{width: 100%;padding-left: .3rem;}
.hycz ul{display: flex;width: 100%;overflow-x: auto;flex-wrap: wrap;}
.hycz ul::-webkit-scrollbar{width: 0;}
.hycz ul li{display: flex;align-items: flex-end;flex-shrink: 0;width: 2rem;height: 2.55rem;position: relative;margin-right: .15rem;min-width: 106px;min-height: 108px;}
.hycz ul li .desc{flex-shrink: 0;width: 2rem;height: 2.35rem;background: #FCFAFA;border: .02rem solid #f2f2f3;border-radius: .15rem;text-align: center;min-width: 96px;min-height: 91px;}
.hycz ul li .desc .type{font-size: .31rem;color: #a5a3a2;padding-top: .4rem;}
.hycz ul li .desc .money{font-size: .55rem;color: #FF6633;padding-top: .2rem;}
.hycz ul li .desc .money span{font-size: .36rem;}
.hycz ul li .desc .remark{font-size: .29rem;color: #a5a3a2;padding-top: 0.15rem;line-height: .3rem;}
.hycz ul li .limit{position: absolute;top: .2rem;left: 0;font-size: .27rem;color: #FFFFFF;background: linear-gradient(to right,#222a44,#494f67);padding: .07rem .15rem;border-radius: .15rem 0 .15rem 0;}
.hycz ul li.active .desc{background: #fbf1e5;border: .02rem solid #edd2a9;}
.hycz ul .holder{flex-shrink: 0;width: .15rem;}
.hycz .btn{padding-right:.3rem;padding-top: .35rem;}
.hycz .btn button{width: 100%;height: 1.15rem;line-height: 1.15rem;font-size: .4rem;color: #fff;background: #ff4343;border-radius: .85rem;letter-spacing: .02rem;}
.hycz .btn p{font-size: .24rem;color: #a5a3a2;padding-top: .25rem;text-align: center;}