﻿@charset "utf-8";
* {box-sizing: border-box;}
*::after, *::before {box-sizing: border-box;}
body{width:7.5rem;margin:0 auto;background:none no-repeat;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html{background:#030B20;color:#333; line-height:1.5;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,a,span,div,i,em{margin:0px;padding:0px;list-style-image:none;list-style-type:none;max-height:99999px;font-size:0.28rem;font-weight:normal;}
div,ul,li,dl,dt,dd,p,form,input,textarea{}
a,a:visited{color:#333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,textarea,a{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
i,em{font-style: normal;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
input[type="button"]:active{ opacity: 0.8;}
/*清除浮动*/
.clear{clear:both;}
.clearfix{_zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both}
*+html .clearfix{overflow:hidden}
.red,a.red,red a{color:#f00!important;}
.blue,a.blue,blue a{color:#009dd9!important;}
/*去掉a标签点击后的虚线框*/
*, * focus {outline:none;margin:0;padding:0;}
/*遮罩层*/
#overlay{display:none;position:fixed;z-index:90;width:100%;height:100%;background-color:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3; top:0; left:0;}
/*清楚IOS默认的按钮样式*/
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
textarea{-webkit-appearance:none;}
/* 渐变色-字体1 */
.gradientTextColor{
	background-image: -webkit-linear-gradient(top, #0019FE 0%, #3EFAFB 40%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* LOGO和导航 */
.mainLogoNavItemBox{display:flex;align-items:center;justify-content:space-between;height:0.89rem;padding:0.12rem 0.32rem;position:fixed;top:0;left:0;right:0;z-index:9;background-color:#000;}
.mainLogoNavItemBox .logoBox{width:1.06rem;height:0.65rem;}
.mainLogoNavItemBox .logoBox img{display:block;height:100%;}
.mainLogoNavItemBox .navBox{width:0.44rem;height:0.44rem;}
.mainLogoNavItemBox .navBox img{display:block;height:100%;}
.mainLogoNavItemBox .showBox img{transform:rotate(90deg);}
.mainLogoNavItemNoneBox{height:0.89rem;}
.mainNavInfoItemBox{display:flex;align-items:flex-start;background-color:#000;position:fixed;top:0.89rem;left:0;bottom:0;right:0;z-index:9;}
.mainNavInfoItemBox .navListItemBox{flex:1;margin:0.32rem;border-radius:0.16rem;position:relative;}
.mainNavInfoItemBox .navListItemBox .arrowBox{display:none;position:absolute;top:-0.2rem;right:0.26rem;z-index:1}
.mainNavInfoItemBox .navListItemBox .arrowBox span{display:block;position:relative;background-color:#fff;}
.mainNavInfoItemBox .navListItemBox .arrowBox span:before,.mainNavInfoItemBox .navListItemBox .arrowBox span:after{content:"";position:absolute;background-color:inherit;}
.mainNavInfoItemBox .navListItemBox .arrowBox span,.mainNavInfoItemBox .navListItemBox .arrowBox span:before,.mainNavInfoItemBox .navListItemBox .arrowBox span:after{width:0.2rem;height:0.2rem;border-top-right-radius:50%;}
.mainNavInfoItemBox .navListItemBox .arrowBox span{transform:rotate(-60deg) skewX(-30deg) scale(1,.866);}
.mainNavInfoItemBox .navListItemBox .arrowBox span:before{transform:rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);}
.mainNavInfoItemBox .navListItemBox .arrowBox span:after{transform:rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);}
.mainNavInfoItemBox .navListItemBox .menuItemBox{padding:0.44rem 0;border-bottom:0.01rem solid rgba(216, 216, 216, 0.44);}
.mainNavInfoItemBox .navListItemBox .menuItemBox .titleBox{display:flex;align-items:center;}
.mainNavInfoItemBox .navListItemBox .menuItemBox .titleBox .blockBox{width:0.08rem;height:0.22rem;margin-right:0.1rem;background-color:#0D69FC;border-radius:0 0.04rem 0.04rem 0;}
.mainNavInfoItemBox .navListItemBox .menuItemBox .titleBox .nameBox{flex:1;line-height:0.28rem;color:#fff;}
.mainNavInfoItemBox .navListItemBox .subTitleBox{display:flex;align-items:center;justify-content:space-between;margin-top:0.4rem;}
.mainNavInfoItemBox .navListItemBox .subTitleBox a{display:inline-block;color:#fff;}
/* 底部版权 */
.mainCopyrightItemBox{padding:1rem 0.3rem 0.8rem 0.3rem;background:url(../images/page_footer_bg.jpg) no-repeat scroll center bottom;background-size:100% auto;}
.mainCopyrightItemBox .nameBox{margin-bottom:0.28rem;font-size:0.28rem;line-height:0.24rem;color:#fff;text-align:center;}
.mainCopyrightItemBox .numBox{font-size:0.22rem;line-height:0.2rem;color:#fff;text-align:center;}
.mainCopyrightItemBox .numBox a{font-size:0.22rem;color:#fff;}
/* 底部浮动电话 */
.mainFloatPhoneItemBox{width:0.7rem;height:0.7rem;position:fixed;right:0.32rem;bottom:0.84rem;z-index:3;cursor:pointer;}
.mainFloatPhoneItemBox .imgBox{width:100%;height:100%;}
/* 404页面 */
.mainPageErrorItemBox{padding:1rem 0;text-align:center;}
.mainPageErrorItemBox img{width:6rem;height:4.21rem;}