@charset "utf-8";
/* 全局 */
*{margin:0;padding:0;list-style:none;font-family:'Microsoft YaHei','STHeiti','MingLiu'; }
html{font-size: 16px;font-family:'Microsoft YaHei';}
body{max-width:750px;min-width:320px; margin:0 auto; overflow-x: hidden; position: static !important;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button { cursor: pointer; -webkit-appearance: none; }
img{border:0;width:100%; vertical-align: middle;}
a{text-decoration:none;}
.w700{width: 93.33333%; margin: auto;}
.w710{width: 35.5rem; margin: auto;}
.w720{width: 36rem; margin: auto;}
.w730{width: 36.5rem; margin: auto;}
#LRdiv1{display: none !important;}
/* 表单默认样式 */
.formgg input{width: 100%;height: 100%;font-size: .9rem; text-indent: .75rem;letter-spacing: .05rem;border:none;display: block;}
/* 表单提交弹框 */
.errortc {position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:1.2rem;letter-spacing:.1rem;color:#ffffff;background:rgba(0,0,0,.7);box-sizing:border-box;padding:.5rem 1rem;border-radius:.4rem;white-space:nowrap;z-index:99999;}
/* 表单默认字体颜色 */
::-webkit-input-placeholder {color: #bfbfbf;}
::-moz-placeholder {color: #bfbfbf;}
:-ms-input-placeholder {color: #bfbfbf;}
/* hd切换默认样式 */
.mrbanner .hd ul{height:2rem;display:flex;justify-content:center;align-items:center;}
.mrbanner .hd ul li{width:0.3rem;height:0.3rem;background:#767676;OVERFLOW:hidden;color:#767676;transition:width 1s;-moz-transition:width 1s;-webkit-transition:width 1s;-o-transition:width 1s;margin:.625rem .2rem 0;border-radius:.75rem;}
.mrbanner .hd ul li.on{width:0.75rem;color:#d1bd99;background:#d1bd99;}
/* 切换默认动画 */
.ton,.tonul li{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all 5s;}
/* 公共阴影 */
.shadow,.shadowul li {-moz-box-shadow:0rem 0rem 0.5rem #d7d3d3;box-shadow:0rem 0rem 0.5rem #d7d3d3;-webkit-box-shadow:0rem 0rem 0.5rem #d7d3d3;-ms-box-shadow:0rem 0rem 0.5rem #d7d3d3;}
.shadows,.shadowsul li {-moz-box-shadow:0rem 0.4rem 0.5rem #9f9c9c;box-shadow:0rem 0.4rem 0.5rem #9f9c9c;-webkit-box-shadow:0rem 0.4rem 0.5rem #9f9c9c;-ms-box-shadow:0rem 0.4rem 0.5rem #9f9c9c;}

@media screen and (min-width:320px) {
html {
font-size:0.75rem;-webkit-text-size-adjust:none;
}
}
@media screen and (min-width:400px) {
html {
font-size:0.875rem;
}
}
@media screen and (min-width:480px) {
html {
font-size:1rem;
}
}
@media screen and (min-width:560px) {
html {
font-size:1rem;
}
}
@media screen and (min-width:600px) {
html {
font-size:1.125rem;
}
}
@media screen and (min-width:640px) {
html {
font-size:1.25rem;
}
}
@media screen and (min-width:680px) {
html {
font-size:1.375rem;
}
}
@media screen and (min-width:720px) {
html {
font-size:1.5rem;
}
}
@media screen and (min-width:750px) {
html {
font-size:1.625rem;
}
}

/* 动画公共部分 */
/* -webkit-animation: scaleDrawflash 2s ease-in-out infinite; */
@-webkit-keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.3;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.3;}
	100%{transform: scale(1);opacity:1;}		
}
@-moz-keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.3;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.3;}
	100%{transform: scale(1);opacity:1;}		
}
@-ms-keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.3;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.3;}
	100%{transform: scale(1);opacity:1;}		
}
@keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.3;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.3;}
	100%{transform: scale(1);opacity:1;}			
}
/*    -webkit-animation: bmm 5s ease-in-out infinite; */
@keyframes bmm{
0%{transform:translate(0,0)}
5%{transform:translate(0px,5%)}
10%{transform:translate(0px,10%)}
15%{transform:translate(0px,15%)}
20%{transform:translate(0px,20%)}
25%{transform:translate(0px,25%)}
30%{transform:translate(0px,20%)}
35%{transform:translate(0px,15%)}
40%{transform:translate(0px,10%)}
45%{transform:translate(0px,5%)}
50%{transform:translate(0px,0px)}
55%{transform:translate(0px,-5%)}
60%{transform:translate(0px,-10%)}
65%{transform:translate(0px,-15%)}
70%{transform:translate(0px,-20%)}
75%{transform:translate(0px,-25%)}
80%{transform:translate(0px,-20%)}
85%{transform:translate(0px,-15%)}
90%{transform:translate(0px,-10%)}
95%{transform:translate(0px,-5%)}
100%{transform:translate(0px,0px)}
}
/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
/* -webkit-animation: scaleDraw 2s ease-in-out infinite; */
@keyframes scaleDraw {  
	0%{transform: scale(1);  /*开始为原始大小*/}
	25%{transform: scale(1.1); /*放大1.1倍*/}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-webkit-keyframes scaleDraw { 
	0%{transform: scale(1); }
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-moz-keyframes scaleDraw {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-ms-keyframes scaleDraw {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
/* animation:Tada 2s 2s both infinite; */
@keyframes Tada {
0% {transform: scale(1);transform: scale(1);}
70%,73%{ transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}
77%,83%,90%,97%  {transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg); }
80%,87%,93%{transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
}
@-webkit-keyframes Tada{
0% {transform: scale(1);transform: scale(1);}
70%,73%{ transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}
77%,83%,90%,97%  {transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg); }
80%,87%,93%{transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
}
@-moz-keyframes Tada{
0% {transform: scale(1);transform: scale(1);}
70%,73%{ transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}
77%,83%,90%,97%  {transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg); }
80%,87%,93%{transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
}
@-ms-keyframes Tada{
0% {transform: scale(1);transform: scale(1);}
70%,73%{ transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}
77%,83%,90%,97%  {transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg); }
80%,87%,93%{transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% { transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
}


/* 头部 */
.headtop{width:100%;height:4.4rem;}
.tophead{background:#242424;height:4.4rem;width:100%;padding: 0 0 0 3%;position:fixed;top:0;left:50%;display:flex;transform:translateX(-50%);justify-content:space-between;max-width:37.5rem;z-index:9999;}
.topheader{display:flex;flex-wrap:nowrap;align-items:center;width:33rem;justify-content:space-between;}
.topheader a{background:url(/data-file/images/icon/top_05.png)left center /1.45rem 1.45rem no-repeat;width:3.5rem;height:100%;}
.topheader p{color:#d7d7d7;font-size: 1.4rem;letter-spacing: 0.15rem;}
.topheader span{background:url(/data-file/images/icon/top_11.png)left center /1.6rem 1.6rem no-repeat;width: .01rem;height:100%;opacity: 0;}
.tophead i{background:url(/data-file/images/icon/top_08.png)#2a2a2a center /2rem 1.55rem no-repeat;width:4.5rem;height:100%;border-left:0.1rem solid #141414;}
.topfoot{overflow:hidden;width:100%;position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:37.5rem;z-index:9999;border-bottom:0.1rem solid #d6d6d6;background:#fff;overflow:hidden;border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;-moz-box-shadow:0rem 0rem 1rem #c1bebe;box-shadow:0rem 0rem 1rem #c1bebe;-webkit-box-shadow:0rem 0rem 1rem #c1bebe;-ms-box-shadow:0rem 0rem 1rem #c1bebe;padding: 1.8rem 1.3rem 1.3rem 1.75rem;display:none;}
.topliebiao{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;line-height:2rem;}
.topliebiao span{font-size:1.5rem;letter-spacing:0.15rem;}
.topliebiao font{background:url(/data-file/images/icon/top_03.png)center /1.3rem 1.3rem no-repeat;width:2rem;height:2rem;margin-right: .4rem;}
.topfoot ul{display:flex;flex-wrap:wrap;justify-content: flex-start;margin-top: 1.6rem;}
.topfoot ul a{ margin-right: .75rem;}
.topfoot ul a:nth-of-type(4n) {margin-right: 0;}
.topfoot ul li{line-height: 2.8rem;color:#333;background:#e6e6e6;padding:0 0.9rem;letter-spacing:0.1rem;border-radius:0.5rem;font-size:1.2rem;margin-bottom: 1.3rem;position:relative;}
.topfoot ul li img{width:1.25rem;height:1.25rem;position:absolute;top:-0.25rem;right:-0.5rem;-webkit-animation: bmm 5s ease-in-out infinite;}
.topfoot ul li.xuan{color:#fff;background:#ea640b;}

/* 底部 */
footer{width:100%;height:13.25rem;background:#2e2e2e;}
footer p{text-align:center;font-size:1rem;line-height:1.6rem;letter-spacing:.1rem;padding:2.3rem 0 1.25rem;color:#9e9e9e;background:linear-gradient(to left,#9e9e9e,#9e9e9e) center 1.25rem no-repeat;background-size:50% 0.05rem;}
.foot{height:5.75rem;overflow:hidden;width:100%;position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:37.5rem;z-index: 8888;border-bottom:.1rem solid #d6d6d6;background:#151515;}
.foot ul{display:flex;justify-content:center;height:100%;align-items:center;}
.foot ul li{text-align:center;width:25%;background:linear-gradient(to bottom,#545454,#545454) 99% center no-repeat;background-size:0.05rem 85%;}
.foot ul li:last-of-type{background:none;}
.foot ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;position: relative;}
.foot ul li a i {position:absolute;font-style:normal;color:#fff;background:#f00;width:1rem;height:1rem;line-height:1rem;font-size:0.8rem;border-radius:1rem;overflow:hidden;-webkit-animation:scaleDrawflash 2s ease-in-out infinite;top:0rem;right:2.75rem;}
.foot ul li a img{width:2.45rem;height:2.15rem;}
.foot ul li:nth-of-type(2) a img{width: 2rem;height: 2.1rem;}
.foot ul li:nth-of-type(3) a img{width: 2.05rem;height: 2.05rem;-webkit-animation: scaleDraw 2s ease-in-out infinite;}
.foot ul li:nth-of-type(4) a img{width: 2.25rem;height: auto;}
.foot ul li span{display:block;font-size:1.2rem;color:#fff;letter-spacing:0.15rem;line-height:2rem;padding-top:0.25rem;}