/* CSS Document */

/*--reset--*/
*{margin: 0; padding: 0; outline: none;}
*:not(input,textarea){-webkit-touch-callout: inherit; -webkit-user-select: auto;}
*::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
body{width:7.5rem; color: #060002; -webkit-touch-callout: inherit ; -webkit-user-select: auto ; background-color: #f4f4f4; margin:0 auto; font-size:0.3rem;font-family: '微软雅黑';overflow-x: hidden}
a{color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover{text-decoration: none;}
button,input,select,textarea{font-size: 100%; margin: 0; padding: 0; outline: none;}
dt,dd{display: inline-block;}
textarea,input{resize: none; outline: none;}
textarea{resize: none; -webkit-appearance: none;}
ul,ol,li{list-style: none;}
i, em, b {
    font-style: normal;
    font-weight: normal;
}
/*--input--*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}   
/*--float--*/
.fl, .fr{display: inline; float: left;}
.fr{float: right;}
/*--blank10--*/
.blank1{ width:100%; height:0.02rem; line-height:0.02rem; overflow:hidden; clear:both;}
.blank10{ width:100%; height:0.2rem; line-height:0.2rem; overflow:hidden; clear:both;}
/*.3s动画过渡*/
.transtion_3s{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}


.hr140{display:block;height: 1.2rem;width: 100%;}
/*tit*/
.tit{width:100%;height: 1.1rem;line-height: 1.1rem;display: flex;justify-content: space-between;align-items: center;font-size: 0.4rem;    color: #333333;    font-weight: bold;}


/*header*/
.header{width:100%;height: 1.2rem;padding: 0rem 0.4rem;background: #fff;z-index: 999;position: fixed;top:0;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box}
.header .logo{width: 3.02rem;height: 0.68rem;}
.header .logo .img{width:100%;height: auto;}
.header .rg{width: 0.44rem;height: 0.44rem;margin-left: 0.2rem;margin-top: 0.02rem;background-image: url("../images/menu.png");background-size: contain;background-repeat: no-repeat}


/*菜单栏*/
.tabNav{width:100%;height: 1rem;background: #FFFFFF;border-top: 1px solid #e4e4e4;z-index: 9999;position: fixed;bottom: 0;left: 0;padding-bottom: 0.1rem;box-sizing: content-box;padding-top: 0.05rem;}
.tabNav .tabul{width:100%;height: 1rem;display: flex;align-items: center;justify-content: space-around;/* box-sizing: border-box; *//* padding: 0.2rem 0; */}
.tabNav .tabul .tabli{flex:1;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 0.5rem;background-size: 0.5rem 0.5rem;background-position:  top;background-repeat: no-repeat;}
.tabNav .tabul .tabli .fs_26{width:100%;text-align: center;font-size:0.26rem;color: #333333 }


.tabNav .tabul .tab_index{background-image:url("../images/n1-1.png")}
.tabNav .tabul .tab_cate{background-image:url("../images/n2-1.png")}
.tabNav .tabul .tab_card{background-image:url("../images/n3-1.png")}
.tabNav .tabul .tab_order{background-image:url("../images/n4-1.png")}
.tabNav .tabul .tab_my{background-image:url("../images/n5-1.png")}

.tabNav .tabul .active .fs_26{color:#000000}
.tabNav .tabul .active.tab_index{background-image:url("../images/n1-2.png")}
.tabNav .tabul .active.tab_cate{background-image:url("../images/n2-2.png")}
.tabNav .tabul .active.tab_card{background-image:url("../images/n3-2.png")}
.tabNav .tabul .active.tab_order{background-image:url("../images/n4-2.png")}
.tabNav .tabul .active.tab_my{background-image:url("../images/n5-2.png")}


/*footer*/
.footerfs{color: #999999;box-sizing: border-box;width: 100%;padding-top: 0.3rem;text-align: center;padding-bottom: 1.6rem;font-size:0.24rem; display:inline-block}


/*p_top*/
.p_top{width:100%;height: 1.6rem;background-image: url("../images/nav_bg.jpg");background-position: center;background-size: cover;}
.p_top .fs_36{font-size:0.36rem;color: #FFFFFF;text-align: center;line-height: 1.6rem}


/*navv*/

.navv{width:100%;height:0.8rem;box-sizing: border-box;padding-left: 0.3rem;background: #f6f6f6}
.navv .con{width: auto;height:0.8rem;overflow-x: scroll;white-space:nowrap;line-height: 0.8rem;overflow-y: hidden}

.navv .con .ali{font-size:0.3rem;color: #999999;margin-right: 0.3rem;}
.navv .con .ali.current{font-size:0.34rem;color: #000000}

.one_bar .icn_lang{width:0.6rem;height:auto}

.gradient{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}



.tcdPageCode{padding: 0.15rem 0.2rem;color: #ccc;text-align:center;font-size: 0.32rem}
.tcdPageCode a{display: inline-block;color: #000000;display: inline-block;height: 0.7rem;	line-height: 0.7rem;	padding: 0 0.15rem;border: 0.01rem solid #ddd;	margin: 0 0.02rem;border-radius: 0.04rem;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 0.01rem solid #000000;}
.tcdPageCode span.current{display: inline-block;height: 0.7rem;line-height: 0.7rem;padding: 0 0.15rem;margin: 0 0.02rem;color: #fff;background-color: #000000;	border: 0.01rem solid #000000;border-radius: 0.04rem;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 0.7rem;line-height: 0.7rem;padding: 0 0.1rem;margin: 0 0.02rem;	color: #bfbfbf;background: #f2f2f2;border: 0.01rem solid #bfbfbf;border-radius: 0.04rem;vertical-align: middle;}


/*page*/
div.pagingbar{margin: 0.3rem 0rem;width:100%;}
DIV.blue{text-align: center;}
DIV.blue A{width:0.9rem;height: 0.9rem;text-align: center;line-height: 0.9rem;color: #333;font-size: 0.3rem;display: inline-block;border-radius: 0.9rem;}
DIV.blue A:hover{background: #e0e0e0;}
DIV.blue A:active{background: #e0e0e0;}
DIV.blue SPAN.current{width:0.9rem;height: 0.9rem;text-align: center;line-height: 0.9rem;background: #e0e0e0;color: #333;font-size: 0.3rem;display: inline-block;border-radius: 0.9rem;}
DIV.blue SPAN.disabled{}




/*.3s动画过渡*/
.transtion_3s{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.transtion_4s{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.transtion_6s{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;}



/* 加载动画 */
.tui-loading-row{ width: 100%; display: table; table-layout: fixed; } 
.tui-loading-cell{ width: 100%; display: table-cell; text-align: center; } 
/*动画一：单个渐变  */ 
.circle-line{ width: 100px; height: 100px; display: inline-block; position: relative; } 
.circle-line span{ display: block; width: 50%; height: 5px; opacity: .7; position: absolute; top: calc(50% - 2.5px); left: 0px; transform-origin: center right; animation: circle 1s linear infinite; } 
.circle-line span::before{ content: ''; display: block; width: 8px; height: 8px; border-radius: 100%; position: absolute; top: 0; right: 12px; background-color: #ff6600; } 
.circle-line span:nth-child(1){ transform: rotate(0deg) ; animation-delay: 0.2s; } 
.circle-line span:nth-child(2){ transform: rotate(45deg) ; animation-delay: 0.4s; } 
.circle-line span:nth-child(3){ transform: rotate(90deg) ; animation-delay: 0.6s; } 
.circle-line span:nth-child(4){ transform: rotate(135deg) ; animation-delay: 0.8s; } 
.circle-line span:nth-child(5){ transform: rotate(180deg) ; animation-delay: 1s; } 
.circle-line span:nth-child(6){ transform: rotate(225deg) ; animation-delay: 1.2s; } 
.circle-line span:nth-child(7){ transform: rotate(270deg) ; animation-delay: 1.4s; } 
.circle-line span:nth-child(8){ transform: rotate(315deg) ; animation-delay: 1.6s; }   
.circle-line span:nth-child(1)::before{ transform: scale(1);  } 
.circle-line span:nth-child(2)::before{ transform: scale(0.95);  } 
.circle-line span:nth-child(3)::before{ transform: scale(0.85);  } 
.circle-line span:nth-child(4)::before{ transform:  scale(0.75);  } 
.circle-line span:nth-child(5)::before{ transform:  scale(0.65);  } 
.circle-line span:nth-child(6)::before{ transform: scale(0.55);  } 
.circle-line span:nth-child(7)::before{ transform:  scale(0.45);  } 
.circle-line span:nth-child(8)::before{ transform:  scale(0.35);  } 
@keyframes circle { 0%{ opacity: 0; }  100%{ opacity: 0.9; } } 



/* 从上往下出现 */
.animate__slideInDown {
  -webkit-animation: slideInDown .4s ease both;
	animation: slideInDown .4s ease both;
	-webkit-animation-delay:.2s;
	animation-delay:.2s;

}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* 从下往上出现 */
.animate__slideInUp {
  -webkit-animation: slideInUp .4s ease both;
	animation: slideInUp .4s ease both;
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
  visibility:visible!important;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* 从下往上退出 */
.animate__slideOutUp {
  -webkit-animation: slideOutUp .4s ease both;
	animation: slideOutUp .4s ease both;
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}

/* 从上往下退出 */
.animate__slideOutDown {
  -webkit-animation: slideOutDown .4s ease both;
	animation: slideOutDown .4s ease both;
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
}