blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
fieldset,img{border:0}
:focus{outline:0}
address,caption,cite,code,dfn,em,optgroup,th,var{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
body{line-height:1.5}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sub,sup{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.clearfix{margin-right:auto;margin-left:auto}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:400}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#4c4c4c;background-color:#fff;position:relative}
body,html{position:relative;overflow-x:hidden}
html{height:100%}
body{min-height:100%;background-color:#fff}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif}
button,input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none}
a{color:#4c4c4c;text-decoration:none}
a:focus,a:hover{-webkit-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.rotate360{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.disflex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}


.header{width: 100%;height: 65px;}
.header>div{width: 100%;max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
.header .logo{display: block;height: 100%;}
.header .logo img{display: block;height: 65px;}
.header .nav{display: flex;}
.header .nav a{font-size: 14px;display: block;padding: 0 27px;height: 65px;text-align: center;line-height: 65px;}
.header .nav .active a{color: #017de9;}
.header .nav a:hover{color: #017de9;}
.headerBanner {position: relative;margin: 0 0 80px;}
.headerBanner img{display: block;width: 1920px;height:720px;position: relative;left: 50%;transform: translateX(-50%);}
.headerBanner .content{position: absolute;bottom: 20%;width: 100%;text-align: center;color:#fff;}
.headerBanner h1{font-size: 80px;font-weight: 600;width: 100%;line-height: 120px;text-shadow: 3px 3px 8px rgba(0,0,0,.3);}
.headerBanner p{font-size: 22px;width: 100%;text-shadow: 3px 3px 8px rgba(0,0,0,.3);}
.module{margin: 0 auto 48px;}
.module h3{font-size: 32px;font-weight: 600;line-height: 48px;margin-bottom: 16px;text-align: center;color: #202325;}
.module p{font-size: 16px;color: #757575;text-align: center;}
.homeUl{width: 1200px;margin: 0 auto 80px;;}
.homeUl ul{display: flex;justify-content: space-between;}

.homeUl ul li{width: 375px;position: relative;overflow: hidden;}
.homeUl ul li a{width: 375px;position: relative;overflow: hidden;display: block;}
.homeUl ul li a:hover >img{transform: scale(1.05);}
.homeUl ul li a>img{height: 250px;display: block;}
.homeUl ul li a>div{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background:rgba(0,0,0,.65) ;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.homeUl ul li a>div img{display: block;margin:0 auto;width: 96px;height: 70px;}
.homeUl ul li a>div h3{font-size: 26px;color: #fff;line-height: 1.4;}
.homeUl ul li a>div h4{font-size: 16px;color: #ffffff99;}

.footer>div{width:100%;max-width: 1200px;margin: 0 auto;}
.footer .top {display: flex;justify-content: space-between;}
.footer .top .left{margin-bottom: 10px;}
.footer .top .left .logo{margin: 0 0 10px;}
.footer .top .left .logo a{display: block;}
.footer .top .left .logo img{display: block;height: 65px;}
.footer .top .left p{color: rgba(32,35,37,.45);font-size: 12px;line-height: 2;}
.footer .top .right{display: flex;flex-direction: column;justify-content: space-around;}
.footer .top .right h4{font-size: 16px;}
.social{box-sizing: content-box;height: 30px;width: max-content;}
.social a{display:inline-block;width: 30px;height:30px;margin-left:16px;}
.social a:first-of-type{margin-left: 0;}
.social a img{display: block;width: 100%;}

.footer .bottom {display: flex;justify-content:space-between;background: #ddd;padding:20px;font-size:600;box-sizing: border-box;}
.aboutInfo{width: 760px;margin: 0 auto 40px;}
.aboutInfo h5{font-size: 22px;font-weight: 600;text-align: center;color: #202325;line-height: 2;margin-bottom: 16px;}
.aboutInfo p{font-size: 16px;color: #757575;text-align: center;line-height: 1.5;margin-bottom: 48px;}
.contactInfo{text-align: left;font-size: 16px;width: 500px;margin: 0 auto 40px;line-height: 2;}
.contactInfo p a{color: #017de9;font-weight: 600;}


.topbanner {width: 100%;background-image: url(../img/banner02.jpg);background-position: 50% 0;background-repeat: no-repeat;height: 480px;margin: 0 0 65px;position: relative;background-size: cover;font: 16px/1.7 Open Sans,Helvetica Neue,Helvetica,arial;}
.topbanner .bannerTit {color: #fff;position: absolute;bottom: 72px;left: 50%;transform: translate(-50%);font-weight: 600;width: 100%;}
.bannerTit :nth-child(1){font-size: 60px;line-height: 1.5;font-weight: 600;text-align: center;text-shadow: 3px 3px 8px rgba(0,0,0,.3);}
.bannerTit :nth-child(2){font-size: 22px;line-height: 1.5;font-weight: 400;text-align: center;}

.details{width: 100%;height: 520px;display: flex;justify-content: space-between;align-items: center;}

.details .banner {position: relative;width: 50%;height: 520px;background-image: linear-gradient(to left, rgb(255, 255, 255) 0%, transparent 50%), url(../img/Shopee.png);margin-bottom: auto;background-size: cover;}

.details .bannerLeft{background-image: linear-gradient(to right, rgb(255, 255, 255) 0%, transparent 50%), url(../img/Shopee.png);}

.details .details_txt { width: 50%;margin: auto;}
.details .details_txt p {position: relative;max-width: 360px;margin: auto;    line-height: 28px;color: rgb(121, 123, 124);}
.details .details_txt p::before {    content: ""; position: absolute;top: 3px;left: -24px;width: 10px;height: 20px;background-color: rgb(238, 77, 45)}
.direction {flex-direction: row-reverse;}


.app_details{width: 100%;max-width: 1200px;;margin: auto;padding: 0px 40px;height: 520px;display: flex;justify-content: space-between;align-items: center;}

.app_details .banner>img{width: 527px;height: 520px;object-fit: contain;}
.app_details_txt {max-width: 500px;}
.app_details_txt .logo {height: 90px;width: auto;}
.app_details_txt .logo img{display: block;height: 100%;border-radius: 5px;}
.app_details_txt .title { font-family: Helvetica;font-style: normal;font-weight: bold;font-size: 75px;line-height: 86px;padding: 25px 0;color: #cc0000;}
.app_details_txt .sub-title{font-family: Helvetica;font-style: normal;font-weight: normal;font-size: 25px;line-height: 29px;color: #545454;margin-bottom: 20px;}
.app_details_txt .new-description{    font-size: 18px;line-height: 21px}
.app_details .next-page {    margin-top: 35px;display: flex;justify-content: flex-end;}
.app_details .btn-view-more {background: #545454;box-sizing: border-box;border-radius: 26px;color: #ffff;width: 135px;height: 45px; display: flex; align-items: center;justify-content: center; overflow: hidden;}

.direction {flex-direction: row-reverse;}

.privacy_txtContent {position: relative; min-width: 920px;max-width: 1260px;margin: auto;padding: 0px 40px;}
.privacy_txtContent h1 {font-size: 32px;line-height: 48px; text-align: center;margin-bottom: 54px;font-weight:600;}
.privacy_txtContent h2 {font-size: 22px;;line-height: 30px; text-align: left;margin: 20px 0;font-weight: 600;display: inline-block;}
.privacy_txtContent p {font-size: 16px;;line-height: 27px; text-align: left;word-spacing: normal;margin-bottom: 25px;display: inline-block;color:rgb(117, 117, 117);white-space:pre-line;}