header{display:flex;flex-direction:column;background:#fff;width:100%;box-shadow:0 0 10px #ccc;position:fixed;top:0;z-index:3001}header p{margin:0}header #ns-header-main{display:flex;align-items:center;justify-content:space-between;padding:0 36px}header #ns-header-main #ns-header-menu{display:flex;height:70px;font-size:16px;color:#000;align-items:center}header #ns-header-main #ns-header-menu img{width:121px}header #ns-header-main #ns-header-menu button{display:flex;border:0;background:0 0;margin:0 30px 0 55px;justify-content:center;align-items:center;padding:0}header #ns-header-main #ns-header-menu button>div{display:inline-block;position:relative;width:22px;height:15px;margin-right:10px}header #ns-header-main #ns-header-menu button>div span{position:absolute;display:block;width:100%;height:3px;top:0;background-color:#e60012;transition:.3s}header #ns-header-main #ns-header-menu button>div span:nth-of-type(2){top:6px}header #ns-header-main #ns-header-menu button>div span:last-of-type{top:12px}header #ns-header-main #ns-header-menu button>div.open span{top:50%}header #ns-header-main #ns-header-menu button>div.open span:nth-of-type(1){opacity:0}header #ns-header-main #ns-header-menu button>div.open span:nth-of-type(2){transform:translateY(-50%) rotate(45deg)}header #ns-header-main #ns-header-menu button>div.open span:nth-of-type(3){transform:translateY(-50%) rotate(-45deg)}header #ns-header-main #ns-header-menu ul{position:relative;display:flex;height:100%;padding-left:20px}header #ns-header-main #ns-header-menu ul:before{position:absolute;content:'';font-size:0;height:17px;border-left:1px solid #e1e1e1;top:50%;left:0;transform:translateY(-50%)}header #ns-header-main #ns-header-menu ul li{position:relative;display:flex;align-items:center;height:100%;margin:0 15px;cursor:pointer;font-size:14px}header #ns-header-main #ns-header-menu .ns-header-menu-mb{display:none}header #ns-header-main #ns-header-links{display:flex;align-items:center}header #ns-header-main #ns-header-links a{margin:0 20px;color:#000}header #ns-header-main #ns-header-links .ns-header-mall{display:flex;align-items:center}header #ns-header-main #ns-header-links .ns-header-mall:before{content:'';width:25px;height:30px;margin-right:5px;background:url(/cn/tres/NewWebUI/2020/images/icon-header-mall.png) no-repeat;background-size:cover}header #ns-header-main #ns-header-links .ns-header-mall:after{content:'';width:11px;height:11px;margin-left:5px;background:url(/cn/tres/NewWebUI/2020/images/icon-header-external.png) no-repeat;background-size:cover}header #ns-header-main #ns-header-links .ns-header-search{position:relative;display:inline-block;color:#000;text-decoration:none;outline:0}header #ns-header-main #ns-header-links .ns-header-search .iconfont{font-size:20px}header #ns-header-main #ns-header-links .ns-header-search ul{display:none;position:absolute;background:#fff;top:110%;left:50%;transform:translateX(-50%);padding:0;white-space:nowrap;box-shadow:0 3px 8px rgba(0,0,0,.1);border-top:2px solid #e60012;z-index:1001}header #ns-header-main #ns-header-links .ns-header-search ul:before{content:'';position:absolute;top:-16px;left:50%;width:0;height:0;transform:translateX(-50%);border-width:8px;border-style:solid;border-color:transparent transparent #e60012}header #ns-header-main #ns-header-links .ns-header-search ul li{padding:0;border-bottom:1px solid #f5f5f5}header #ns-header-main #ns-header-links .ns-header-search ul li a{display:block;padding:10px 25px;font-size:14px;color:#333;text-decoration:none}header #ns-header-main #ns-header-links .ns-header-search ul li a.active{color:#e60012;font-weight:700}header #ns-header-main #ns-header-links .ns-header-search ul li a:hover{background:#e60012;color:#fff}header #ns-header-main #ns-header-links .ns-header-search ul li:last-child{border-bottom:0}header #ns-header-main #ns-header-links .ns-header-search:hover{text-decoration:none}header #ns-header-main #ns-header-links .ns-header-search:hover>ul{display:block}header #ns-header-main #ns-header-links .ns-header-search:last-child{margin-right:0}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user.admin-user{width:auto}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user.admin-user ul{display:none}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user.admin-user .iconfont{display:none}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user.admin-user .ns-user-text{display:inline}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user.admin-user .ns-user-nologin{display:none}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user .ns-user-text{display:none;font-size:14px;color:#000}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user .ns-user-text span{padding-left:5px;color:red}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user .ns-user-text a{padding-left:5px;color:#000}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul{z-index:3001}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li{cursor:pointer;border:0}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li.active h2 span{border:0}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li.active h2 span i{border-color:#e60012}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li.active h2 span i::before{content:"";width:4px;height:4px;border-radius:50%;background:#e60012;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li.active .ns-login-details{display:block}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li .ns-login-details{display:none;justify-content:space-between;background:#fff}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li .ns-login-details li{padding:10px 10px;display:flex;align-items:center;font-size:14px;color:#000;justify-content:space-between;border-bottom:1px solid #efefef}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li .ns-login-details li:last-child{border:none}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li .ns-login-details li a{margin-left:5px;padding:4px 8px;border:1px solid #e60012;color:#e60012;background:#fff;font-size:12px;border-radius:20px}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li h2{font-size:14px;color:#333;text-align:left;font-weight:400}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li h2 span{display:block;padding:10px 10px;position:relative;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;color:#333}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li h2 span i{display:block;width:10px;height:10px;border:1px solid #cfcfcf;border-radius:50%;margin-right:5px;position:relative}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li h2 span.ns-my-icon::after{content:"";width:20px;height:20px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li h2 span.ns-my-user::after{background:url(/cn/tres/NewWebUI/2020/images/icon-header-user-login.png) no-repeat;background-size:100% 100%}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li h2 span.ns-my-partner::after{background:url(/cn/tres/NewWebUI/2020/images/icon-header-partner-login.png) no-repeat;background-size:100% 100%}header #ns-header-main #ns-header-links .ns-header-search.ns-header-user ul li h2 span.ns-my-staff::after{background:url(/cn/tres/NewWebUI/2020/images/icon-header-staff-login.png) no-repeat;background-size:100% 100%}header #ns-header-utilities{display:flex;justify-content:flex-end;align-items:center;background:#f5f5f5;height:30px;padding:0 36px}header #ns-header-utilities .ns-header-link{position:relative;display:inline-block;margin:0 10px;text-align:center;box-sizing:content-box}header #ns-header-utilities .ns-header-link .ns-header-link-text{font-size:14px;color:#757575}header #ns-header-utilities .ns-header-link a{color:#000;text-decoration:none;outline:0}header #ns-header-utilities .ns-header-link .iconfont{font-size:20px}header #ns-header-utilities .ns-header-link ul{display:none;position:absolute;background:#fff;top:110%;left:50%;transform:translateX(-50%);padding:0;white-space:nowrap;box-shadow:0 3px 8px rgba(0,0,0,.1);border-top:2px solid #e60012;z-index:1001}header #ns-header-utilities .ns-header-link ul:before{content:'';position:absolute;top:-16px;left:50%;width:0;height:0;transform:translateX(-50%);border-width:8px;border-style:solid;border-color:transparent transparent #e60012}header #ns-header-utilities .ns-header-link ul li{padding:0;border-bottom:1px solid #f5f5f5}header #ns-header-utilities .ns-header-link ul li a{display:block;padding:10px 25px;font-size:14px;color:#333;text-decoration:none}header #ns-header-utilities .ns-header-link ul li a.active{color:#e60012;font-weight:700}header #ns-header-utilities .ns-header-link ul li a:hover{background:#e60012;color:#fff}header #ns-header-utilities .ns-header-link ul li:last-child{border-bottom:0}header #ns-header-utilities .ns-header-link:hover{text-decoration:none}header #ns-header-utilities .ns-header-link:hover>ul{display:block}header #ns-header-utilities .ns-header-link:last-child{margin-right:0}header #ns-header-utilities .ns-header-link.ns-header-global{padding-left:20px;background:url(/cn/tres/NewWebUI/2020/images/icon-header-global.png) left center no-repeat;background-size:15px 15px}header #ns-header-utilities .ns-header-link.ns-header-user{padding-left:20px;background:url(/cn/tres/NewWebUI/2020/images/icon-header-user.png) left center no-repeat;background-size:15px 15px}header #ns-header-utilities .ns-header-link.ns-header-user.admin-user{width:auto}header #ns-header-utilities .ns-header-link.ns-header-user.admin-user ul{display:none}header #ns-header-utilities .ns-header-link.ns-header-user.admin-user .iconfont{display:none}header #ns-header-utilities .ns-header-link.ns-header-user.admin-user .ns-user-nologin{display:none}header #ns-header-utilities .ns-header-link.ns-header-user.admin-user .ns-user-text{display:inline}header #ns-header-utilities .ns-header-link.ns-header-user .ns-user-text{display:none;font-size:14px;color:#000}header #ns-header-utilities .ns-header-link.ns-header-user .ns-user-text span{padding-left:5px;color:red}header #ns-header-utilities .ns-header-link.ns-header-user .ns-user-text a{padding-left:5px;color:#000}header #ns-header-utilities .ns-header-link.ns-header-user ul{z-index:3001}header #ns-header-utilities .ns-header-link.ns-header-user ul li{cursor:pointer;border:0}header #ns-header-utilities .ns-header-link.ns-header-user ul li.active h2 span{border:0}header #ns-header-utilities .ns-header-link.ns-header-user ul li.active h2 span i{border-color:#e60012}header #ns-header-utilities .ns-header-link.ns-header-user ul li.active h2 span i::before{content:"";width:4px;height:4px;border-radius:50%;background:#e60012;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header #ns-header-utilities .ns-header-link.ns-header-user ul li.active .ns-login-details{display:block}header #ns-header-utilities .ns-header-link.ns-header-user ul li .ns-login-details{display:none;justify-content:space-between;background:#fff}header #ns-header-utilities .ns-header-link.ns-header-user ul li .ns-login-details li{padding:10px 10px;display:flex;align-items:center;font-size:14px;color:#000;justify-content:space-between;border-bottom:1px solid #efefef}header #ns-header-utilities .ns-header-link.ns-header-user ul li .ns-login-details li:last-child{border:none}header #ns-header-utilities .ns-header-link.ns-header-user ul li .ns-login-details li a{margin-left:5px;padding:4px 8px;border:1px solid #e60012;color:#e60012;background:#fff;font-size:12px;border-radius:20px}header #ns-header-utilities .ns-header-link.ns-header-user ul li h2{font-size:14px;color:#333;text-align:left;font-weight:400}header #ns-header-utilities .ns-header-link.ns-header-user ul li h2 span{display:block;padding:10px 10px;position:relative;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;color:#333}header #ns-header-utilities .ns-header-link.ns-header-user ul li h2 span i{display:block;width:10px;height:10px;border:1px solid #cfcfcf;border-radius:50%;margin-right:5px;position:relative}header #ns-header-utilities .ns-header-link.ns-header-user ul li h2 span.ns-my-icon::after{content:"";width:20px;height:20px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}header #ns-header-utilities .ns-header-link.ns-header-user ul li h2 span.ns-my-user::after{background:url(/cn/tres/NewWebUI/2020/images/icon-header-user-login.png) no-repeat;background-size:100% 100%}header #ns-header-utilities .ns-header-link.ns-header-user ul li h2 span.ns-my-partner::after{background:url(/cn/tres/NewWebUI/2020/images/icon-header-partner-login.png) no-repeat;background-size:100% 100%}header #ns-header-utilities .ns-header-link.ns-header-user ul li h2 span.ns-my-staff::after{background:url(/cn/tres/NewWebUI/2020/images/icon-header-staff-login.png) no-repeat;background-size:100% 100%}footer{background:#dcdddd;padding-top:3.6vw}footer .ns-footer-menu{display:flex;justify-content:flex-start}footer .ns-footer-menu .ns-footer-menu-left{display:flex;width:75%}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items{width:20%}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items h5{margin-bottom:40px;font-size:16px;color:#000}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items ul li{margin-bottom:15px}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items ul li a{font-size:14px;color:#666}footer .ns-footer-menu .ns-footer-menu-right .ns-social h5{margin-bottom:25px;font-size:16px;color:#000}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul{display:flex}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul li{position:relative;margin-right:30px}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul li .qrcode{position:absolute;display:none;background:#fff;padding:0;text-align:center;left:50%;top:105%;transform:translateX(-50%);font-size:14px}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul li .qrcode:before{content:'';border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-10px;left:50%;transform:translateX(-50%)}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul li:hover .qrcode{display:block}footer .ns-footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:3.6vw;padding-top:1.8vw;padding-bottom:1.8vw;border-top:1px solid #cbcbcb}footer .ns-footer-bottom .ns-footer-copyright{display:flex;font-size:14px;color:#666}footer .ns-footer-bottom .ns-footer-copyright a{color:#666}footer .ns-footer-bottom .ns-footer-mini-links ul{display:flex}footer .ns-footer-bottom .ns-footer-mini-links ul li{padding:0 10px;font-size:14px;color:#666;border-right:1px solid #666}footer .ns-footer-bottom .ns-footer-mini-links ul li:last-child{border-right:0}footer .ns-footer-bottom .ns-footer-mini-links ul li a{font-size:14px;color:#666}#ns-float-contact-us{position:fixed;bottom:30px;right:30px;z-index:9999}#ns-float-contact-us .ns-btn{margin:0}#ns-float-contact-us.active .ns-float-details{display:block;padding-bottom:20px}#ns-float-contact-us.active .ns-btn{display:none}#ns-float-contact-us .ns-float-details{display:none;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}#ns-float-contact-us .ns-float-details li{position:relative}#ns-float-contact-us .ns-float-details li:last-child:after{display:none}#ns-float-contact-us .ns-float-details li::after{content:"";display:block;height:1px;width:calc(100% - 60px);margin:0 auto;background:#e5e5e5}#ns-float-contact-us .ns-float-details li h2{color:#fff;padding:20px 30px;background:#e60012;font-size:24px}#ns-float-contact-us .ns-float-details li a:hover{text-decoration:none}#ns-float-contact-us .ns-float-details li h3{padding:20px 30px;font-size:18px;transition:all .5s;display:block;color:#000;position:relative}#ns-float-contact-us .ns-float-details li h3:hover{background:#f5f5f5}#ns-float-contact-us .ns-float-details li h3::after{content:"";background:url(/cn/tres/NewWebUI/2020/images/menu/menu-arrow.png) no-repeat;background-size:cover;background-position:-6px 0;width:6px;height:10px;position:absolute;top:50%;right:30px;transform:translateY(-50%)}#ns-float-contact-us .ns-float-details li p{padding:5px 30px;font-size:16px;display:flex;align-items:center;color:#000}#ns-float-contact-us .ns-float-details li p:last-child{padding-bottom:15px}#ns-float-contact-us .ns-float-details li p img{margin-right:10px}#ns-float-contact-us .ns-float-details li .ns-close-float-contact-us span{width:20px;height:3px;position:absolute;top:50%;right:30px;background:#fff;cursor:pointer}#ns-float-contact-us .ns-float-details li .ns-close-float-contact-us span:nth-of-type(1){transform:translateY(-50%) rotate(45deg)}#ns-float-contact-us .ns-float-details li .ns-close-float-contact-us span:nth-of-type(2){transform:translateY(-50%) rotate(-45deg)}@media (max-width:1200px){header #ns-header-menu{font-size:14px}header #ns-header-menu img{width:85px}header #ns-header-menu button{margin:0 15px 0 25px}header #ns-header-menu ul{padding-left:10px}header #ns-header-menu ul li{margin:0 10px}}@media (max-width:992px){#ns-page-body{margin-top:44px}header{padding:0 3.125vw;height:44px}header #ns-header-main{padding:0}header #ns-header-main #ns-header-menu{flex:auto;display:flex;justify-content:space-between;height:auto}header #ns-header-main #ns-header-menu button{margin-right:0;text-indent:-999em;overflow:hidden;width:24px;height:18px;padding-left:0;display:none}header #ns-header-main #ns-header-menu .ns-logo{width:70px;margin-top:5px}header #ns-header-main #ns-header-menu ul{display:none}header #ns-header-main #ns-header-menu .ns-header-menu-mb{display:inline-block;position:relative;width:26px;height:20px}header #ns-header-main #ns-header-menu .ns-header-menu-mb span{position:absolute;display:block;width:100%;height:3px;top:0;background-color:#e60012;transition:.3s}header #ns-header-main #ns-header-menu .ns-header-menu-mb span:nth-of-type(2){top:8px}header #ns-header-main #ns-header-menu .ns-header-menu-mb span:last-of-type{top:16px}header #ns-header-main #ns-header-menu .ns-header-menu-mb.open span{top:50%}header #ns-header-main #ns-header-menu .ns-header-menu-mb.open span:nth-of-type(1){opacity:0}header #ns-header-main #ns-header-menu .ns-header-menu-mb.open span:nth-of-type(2){transform:translateY(-50%) rotate(45deg)}header #ns-header-main #ns-header-menu .ns-header-menu-mb.open span:nth-of-type(3){transform:translateY(-50%) rotate(-45deg)}header #ns-header-main #ns-header-links{display:none}header #ns-header-utilities{display:none}#contact-us .ns-icon-info{min-height:30vw}footer{padding-left:3.125vw;padding-right:3.125vw}footer .ns-footer-menu{flex-direction:column}footer .ns-footer-menu .ns-footer-menu-left{width:auto;flex-direction:column}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items{width:auto;border-bottom:1px solid #ccc}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items h5{position:relative;margin-top:10px;margin-bottom:10px;font-weight:400}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items h5:after{content:'';position:absolute;top:50%;right:0;width:14px;height:9px;background:url(/cn/tres/NewWebUI/2020/images/arrow-footer-menu.png) no-repeat;background-size:cover;transform:translateY(-50%) rotate(0);transition:.3s}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items ul{display:none;margin-top:15px}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items.expanded h5:after{transform:translateY(-50%) rotate(180deg)}footer .ns-footer-menu .ns-footer-menu-left .ns-menu-items.expanded ul{display:block}footer .ns-footer-menu .ns-footer-menu-right{margin-top:30px}footer .ns-footer-menu .ns-footer-menu-right .ns-social h5{display:none;font-weight:400}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul{justify-content:space-around;padding:0 30px}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul li{margin-right:15px}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul li .qrcode{top:auto;bottom:120%}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul li .qrcode:before{border-bottom-color:transparent;border-top:10px solid #fff;top:auto;bottom:-20px}footer .ns-footer-menu .ns-footer-menu-right .ns-social ul li:hover .qrcode{display:block}footer .ns-footer-bottom{flex-direction:column}footer .ns-footer-bottom .ns-footer-copyright{display:block;font-size:12px;text-align:center}footer .ns-footer-bottom .ns-footer-mini-links{margin-top:10px;margin-bottom:10px}footer .ns-footer-bottom .ns-footer-mini-links ul li{font-size:12px}#ns-float-contact-us{bottom:100px;right:0;white-space:nowrap}#ns-float-contact-us .ns-btn{font-size:12px;padding:6px 12px}#ns-float-contact-us.active{right:auto;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%)}#ns-float-contact-us.active .ns-float-details{padding-bottom:10px}#ns-float-contact-us .ns-float-details li::after{width:calc(100% - 30px)}#ns-float-contact-us .ns-float-details li h2{padding:10px 15px;font-size:16px}#ns-float-contact-us .ns-float-details li h3{padding:10px 15px;font-size:14px}#ns-float-contact-us .ns-float-details li h3::after{right:15px}#ns-float-contact-us .ns-float-details li p{padding:5px 15px;font-size:12px}#ns-float-contact-us .ns-float-details li p:last-child{padding-bottom:10px}#ns-float-contact-us .ns-float-details li p img{width:15px}#ns-float-contact-us .ns-float-details li .ns-close-float-contact-us span{width:15px;height:2px;right:10px}}
