ul,
li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td,
ol,
ul,
li,
img,
button,
input {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: roboto,"Helvetica Neue",Helvetica,Arial, sans-serif;
}

html,
body,
div,
p,
span,
img,
ul,
li,
dl,
dd,
dt,
em,
strong {
    margin: 0;
    padding: 0;
    border: none;
    font-family: roboto,source-han-sans-simplified-c,"Helvetica Neue",Helvetica,Arial, sans-serif;
    font-weight: 300;
    color:rgba(51,51,51,1);
}
html,
body {
    width: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
.col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12,
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, 
.col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, 
.col-xl-8, .col-xl-9, .col-xl-auto{
	padding-left: 0;
	padding-right: 0;
}
.color-line{
	width: 100%;
	background: linear-gradient(138.05deg, #FF671F 0%, #9873E6 51.64%, #0047BB 100%);
	height: 4px;
}
.header .section-child{
	max-width: 1220px;
	height: 110px;
}
.header .logo{
	display: inline-block;
	float: left;
	width: 220px;
    height: auto;
}
.header .nav{
	float: right;
}
.header .nav li{
	margin-right: 50px;
	font-size:16px;
	font-weight:400;
	line-height: 50px;
	position: relative;
	cursor: pointer;	
}
.header .nav li .hover-border{
	display: inline-block;
	line-height: 40px;
}
.header .nav li .hover-border:hover{
	border-bottom: 1px solid #FF671F;
}
.header .nav li .select-down:before{
	position: absolute;
    right: -12px;
    bottom: 18px;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333333;
}
.header .nav li .select-up:before{
	position: absolute;
    right: -12px;
    bottom: 18px;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #333333;
}
.header .nav li .collapse-nav:after{
	position: absolute;
    top: -10px;
    content: '';
    width: 100%;
    height: 10px;
    background: none;
}
.header .nav li .collapse-nav{
	display: none;
	text-align: left;
	position: absolute;
	left: -20px;
	top: 45px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    z-index: 9999999999;
}

.header .nav li .collapse-nav a{
	width: 160px;
	display: inline-block;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 24px;
    padding: 14px 20px;
    border-bottom: 1px solid #F5F7FA;
    background: #FFFFFF;
}
.Vietnamese .nav li .collapse-nav a{
	width: 200px;
}
.header .nav li .collapse-nav a:hover{
	border-bottom: 1px solid #FF671F;
    color: rgba(51, 51, 51, 1);
    font-weight: 700;
}
.header .nav li .btn{
	font-size:16px;
	font-weight:400;
	background: #FF671F;
	color: #FFFFFF;
	outline: none;
	border: none;
	border-radius: none;
	padding: 12px 28px;
	cursor: pointer;
}
.navbar{
	padding: 0.6rem 1rem;
	margin-top: 62px;
}
.mobile-ad{
	width: 100%;
	background: #DFE3E6;
	padding: 8px 20px;
	position: fixed;
	top: 4px;
	z-index: 99999999;
}
.mobile-ad img{
	width: 40px;
	height: 40px;
	display: inline-block;
}
.mobile-ad p{
	display: inline-block;
	width: 50.8%;
	font-size:14px;
	font-weight:300;
	color:rgba(51,51,51,1);
	line-height:24px;
	
}
.mobile-ad a:not([href]):not([tabindex]).download-btn{
	font-size:16px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:18px;
	padding: 10px 10px;
	float: right;
	background: #FF671F;
	color: #FFFFFF;
}
#collapsibleNavbar{
	position: fixed;
	top: 120px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFFFFF;
	z-index: 999999;
	padding: 40px 30px;
	overflow-y: scroll;
}
#collapsibleNavbar::-webkit-scrollbar {
	display:none;
}
#collapsibleNavbar li{
	width: 100%;
	line-height: 44px;
	
	margin-bottom: 20px;
	font-size: 16px;
	position: relative;
}
#collapsibleNavbar li a{
	display: block;
	border-bottom: 1px solid #DFE3E6;
	margin-top: 20px;
}
#collapsibleNavbar li a[aria-expanded="true"]{
    border-bottom: 1px solid #FF671F;
}

#collapsibleNavbar li a .material-icons{
	position: absolute;
	right: 0;
	top: 10px;
}
#collapsibleNavbar li a[aria-expanded="true"] .material-icons{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg); 
}
#collapsibleNavbar li a .collapse .head-link{
	text-align: center;
}

.mobile-navbar .navbar-toggler-icon .material-icons{
	font-weight: bold;
	font-size: 28px;
}

/* 多语言 */
#m-lang-collapse {
	position: fixed;
	top: 120px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFFFFF;
	z-index: 999999;
	padding: 10px 30px;
	overflow-y: scroll;
}
#m-lang-collapse li {
	width: 100%;
	line-height: 44px;
	margin-bottom: 20px;
	font-size: 16px;
	position: relative;
}
#m-lang-collapse li a {
	display: block;
	color: inherit;
	text-align: center;
	border-bottom: 1px solid #DFE3E6;
	margin-top: 20px;
}
.header .nav li .language-nav a {
	width: 160px;
	display: inline-block;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	line-height: 24px;
	padding: 14px 40px;
	border-bottom: 1px solid #F5F7FA;
	background: #FFFFFF;
	text-decoration-line: none;
}
/* 多语言 */

.footer{
	padding: 60px 60px 100px 60px;
	background: #EFF1F2;
}
.footer .section-child{
	
	margin: 0 auto;
}
.footer .a-link{
	min-width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
.footer .a-link a{
	color: #8C9BA5;
	font-size:16px;
	font-weight:400;
	color:rgba(140, 155, 165, 1);
	line-height:18px;
	cursor: pointer;
}
.footer .warning p{
	font-size:16px;
	font-weight:200;
	color:rgba(77, 85, 90, 1);
	line-height:24px;
  	margin-bottom: 20px;
  	text-align: left;
}
.footer .material-icons {
  position: relative;
  top: 5px;
  font-size: 22px;
}

.section-child{
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	text-align: center;
}
.banner{
	width: 100%;
	height: auto;
}
#section1{
	width: 100%;
	padding: 50px 55px 100px 60px;
	margin: 0 auto;
}
#section1 .section-child{
	text-align: left;
}
#section1 .left-item h3{
	font-size:48px;
	font-weight:bold;
	color:#333333;
	line-height:64px;
	padding-bottom: 10px;
}
#section1 .left-item p{
	font-size:24px;
	font-weight:400;
	color:#333333;
	line-height:32px;
}
#section1 .right-item{
	padding-left: 8%;
}

#section1 #section1-tab{
	margin-top: 50px;
}
#section1 #section1-tab .nav-item{
	display: inline-block;
	width: 25%;
	color: #E6E6E6;
	background: #FAFAFA;
	padding-top: 20px;
	border-radius:20px 20px 0px 0px;
}
#section1 #section1-tab .nav-item.active{
	background: #497CDF;
	color: #FFFFFF;
}
#section1 #section1-tab .nav-item img{
	display: block;
	width: 66px;
	height: 66px;	
	margin: 0 auto;
}
#section1 #section1-tab .nav-item span{
	display: block;
	text-align: center;
	line-height: 22px;
	padding-top: 4px;
	padding-bottom: 10px;
}
#section1 .tab-content{
	padding: 20px 30px 10px 30px;
	border-top: 2px solid #497CDF;
	background: #FAFAFA;
}
#section1 .tab-content ul li{
	position: relative;
	padding-left: 17px;
	padding-bottom: 10px;
	line-height: ;
}
#section1 .tab-content ul li img{
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	top: 5px;
}
#section1 .tab-content .tab-pane{
	display: none;
}
#section1 .tab-content .tab-pane.active{
	display: block;
}

#section2{
	background: #F4F4F4;
	padding: 100px 160px;
}

#section2 h3{
	font-size:48px;
	font-weight:500;
	line-height:64px;
	padding-bottom: 50px;
}
#section2 p{
	max-width: 288px;
	font-size:24px;
	font-weight:400;
	line-height:32px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#section2 img{
	display: block;
	width: 300px;
	height: 220px;
	margin: 0 auto;
}
#section2 span{
	display: inline-block;
	font-size:24px;
	font-weight:400;
	line-height:28px;
	margin: 0 auto;
}
#section2 .left-item{
	border-right: 1px solid #BEBEBE;
}

#section3{
	padding: 100px 60px;
}
#section3 p{
	font-size:24px;
	font-weight:400;
	line-height:32px;
}
#section3 .title-item{
	padding-bottom: 50px;	
}
#section3 .title-item h3{
	font-size:48px;
	font-weight:500;
	line-height:64px;
	padding-bottom: 10px;
}
#section3 .banner{
	max-width: 500px;
}
#section3 .video-box{
	width: 500px;
	height: 290px;
	background:rgba(255,255,255,1);
	box-shadow:4px 4px 20px 0px rgba(0,0,0,0.15);
	border-radius:10px;
	padding: 10px 10px;
	box-sizing: border-box;
	margin-right: 0;
}
#section4{
	padding: 100px 60px;	
}
#section4 h3{
	font-size:48px;
	font-weight:500;
	line-height:64px;
	margin-bottom: 50px;
	text-align: center;
}
#section4 .left-item{
	text-align: center;
}
#section4 .left-item .text-right{
	float: right;
}
#section4 .left-item img.text-right{
	margin-right: 20px;
}
#section4 .left-item ul{
	width:409px;
	display: inline-block;
	padding: 20px 30px 10px 30px;
	background:-webkit-gradient(linear, 100% 0, 0 0, from(rgba(250,250,250,1)), to(rgba(230,230,230,1)));
	background:-webkit-linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(230,230,230,1) 100%);
	background:-moz-linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(230,230,230,1) 100%);
	background:-o-linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(230,230,230,1) 100%);
	background:linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(230,230,230,1) 100%);
	border-radius:10px;
	text-align: left;
}
#section4 .left-item ul li{
	font-size:16px;
	font-weight:400;
	line-height:24px;
	padding: 10px 0;
}
#section4 .left-item ul li span{
	color: #8D8D8D;
}
#section4 .left-item ul li:nth-of-type(1){
	font-size:20px;
	font-weight:500;
	line-height:24px;
	padding-bottom: 5px;
	padding-top: 0;
	border-bottom: 1px solid rgba(190,190,190,1);
}
#section4 .left-item ul li:nth-of-type(1) span{
	color: #333333;
}
#section4 .left-item ul li:nth-of-type(2) span{
	display: inline-block;
	font-size:22px;
	font-weight:bold;
	color:rgba(109,212,0,1);
	line-height:32px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
}
#section4 .right-item ul{
	width:409px;
	margin: 0 auto;
}
#section4 .right-item ul li{
	position: relative;
	text-align: left;
	padding-left: 25px;
	padding-bottom: 20px;
}
#section4 .right-item ul li h5{
	font-size:20px;
	font-weight:500;
	line-height:32px;
}
#section4 .right-item ul li span{
	display: inline-block;
	font-size:16px;
	font-weight:400;
	line-height:24px;
}
#section4 .right-item ul li img{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 6px;
}
#section5{
	background:rgba(85,150,230,1);
	padding: 100px 60px;
}
#section5 h3{
	font-size:48px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:64px;
	text-align: center;
	padding-bottom: 50px;
}
#section5 .carousel-indicators{
	bottom: -50px;
}
#section5 .left-item h5{
	width:500px;
	font-size:24px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:32px;
	padding-bottom: 20px;
}
#section5 .left-item #msg-banner{
	width:500px;
	height:364px;
	background:rgba(85,150,230,1);
	box-shadow:4px 4px 20px 0px rgba(0,0,0,0.15);
	border-radius:10px;
	border:2px solid rgba(255,255,255,1);
	/*margin: 0 auto;*/
	box-sizing: border-box;
	padding: 50px 50px;
}

#section5 .left-item #msg-banner .carousel-item p{
	font-size:20px;	
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:32px;
	text-align: left;
	padding-bottom: 20px;
}
#section5 .left-item #msg-banner .carousel-item span{
	display: block;
	text-align: left;
	font-size:20px;
	font-weight:300;
	color:rgba(255,255,255,1);
	line-height:32px;
}
#section5 .left-item #msg-banner .carousel-indicators li{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 6px;
	margin-left: 6px;
}
#section5 .right-item h5{
	width:500px;
	font-size:24px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:32px;
	padding-bottom: 20px;
	float: right;
}
#section5 .right-item #img-banner{
	width:500px;
	height:364px;
	background:rgba(255,255,255,1);
	box-shadow:4px 4px 20px 0px rgba(0,0,0,0.15);
	border-radius:10px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 15px 15px;
	float: right;
}
#section5 .right-item #img-banner .carousel-item img{
	width: 467px;
	height: 228px;
}
#section5 .right-item #img-banner .carousel-item p{
	margin-top: 14px;
	font-size:16px;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:24px;
	text-align: left;
}
#section5 .right-item #img-banner .carousel-item span{
	display: block;
	text-align: left;	
	font-size:16px;
	font-weight:300;
	color:rgba(51,51,51,1);
	line-height:24px;
}
#section5 .right-item #img-banner .carousel-indicators li{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 6px;
	margin-left: 6px;
}
#section6{
	padding: 100px 60px;
}
#section6 p{
	font-size:24px;
	font-weight:400;
	line-height:32px;
}
#section6 .title-item{
	padding-bottom: 50px;	
}
#section6 .title-item h3{
	font-size:48px;
	font-weight:500;
	line-height:64px;
	padding-bottom: 10px;
}
#section6 .banner{
	max-width: 500px;
}
#section6 .left-item p{
	display: inline-block;
	padding: 20px 30px;
	border-radius:10px;
	border:1px solid rgba(151,151,151,1);
	font-size:16px;
	font-weight:400;
	line-height:24px;
}

#section6 .video-box{
	width: 500px;
	height: 290px;
	background:rgba(255,255,255,1);
	box-shadow:4px 4px 20px 0px rgba(0,0,0,0.15);
	border-radius:10px;
	padding: 10px 10px;
	box-sizing: border-box;
	margin-right: 0;
}

#section7{
	padding: 100px 100px;
}

#section7 .section-child{
	max-width: 820px;
}

#section7 .title-item{
	padding-bottom: 50px;	
}
#section7 .title-item h3{
	font-size:48px;
	font-weight:500;
	line-height:64px;
	padding-bottom: 10px;
}
#section7 .title-item p{
	font-size:24px;
	font-weight:400;
	line-height:32px;
}
#section7 .title-item p mark{
	color: #EEB305;
	background: none;
	font-weight:500;
}
#section7 .banner{
	max-width: 820px;
	margin: 20px 0;
}
#section7 .m0{
	width: 104px;
	height: 104px;
}
#section7 .m1{
	width: 86px;
	height: 79px;
}
#section7 .text-right{
	padding-right: 10rem !important;
}
#section7 .text-left{
	padding-left: 10rem !important;
}

#section7 .btn{
	background: #FF671F;
	outline: none;
	border: none;
	border-radius: none !important;
	padding: 12px 40px !important;
}
#section7 .btn:hover{
	background: #c5511a;
}
#section7 .tips{
	font-size:14px;
	font-weight:300;
	line-height:24px;
	margin: 50px auto 20px auto;
}

#section8{
	padding: 100px 60px;
	background: #F4F4F4;
}
#section8 p{
	font-size:24px;
	font-weight:400;
	line-height:32px;
}
#section8 .title-item{
	padding-bottom: 50px;	
}
#section8 .title-item h3{
	font-size:48px;
	font-weight:500;
	line-height:64px;
	padding-bottom: 10px;
}
#section8 .left-item{
	position: relative;
	width:460px;
	height:376px;
	background:rgba(255,255,255,1);
	box-shadow:4px 4px 20px 0px rgba(0,0,0,0.15);
	border-radius:10px;
	margin: 0 auto;
	overflow: hidden;
}
#section8 .left-item:after{
	content:"";
	display: block;
	position: absolute;
	left: -68px;
	top: 68px;
	width: 0px;
	height: 0px;
	border-top: 136px solid transparent;
	border-left: 136px solid #21C39E;
	border-right: 136px solid transparent;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	
	-moz-transform:rotate(90deg); 	
	-webkit-transform:rotate(90deg); 
	-o-transform:rotate(90deg); 
}
#section8 .left-item h5{
	position: absolute;
	top: 32px;
	left: 10px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	
	-moz-transform:rotate(-45deg); 	
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg);
	font-size:24px;
	font-weight:500;
	line-height:32px;
	color: #FFFFFF; 
	z-index: 9;
}
#section8 .left-item p{
	margin-top: 100px;
	font-size:20px;
	font-weight:500;
	line-height:32px;
}
#section8 .left-item .material-icons{
	display: block;
	font-size: 24px;
	margin: 20px auto;
	font-weight: bold;
	color: #FFA028;
}
#section8 .left-item button.btn{
	background: #0047BB;
	border: none;
	outline: none;
	border-radius: 0;
	display: block;
	margin: 0 auto 10px auto;
	padding: 12px 28px;
	font-size:16px;
	font-weight:400;
	line-height:18px;
}
#section8 .left-item mark{
	background: none;
	color: #EEB305;
	font-size:16px;
	font-weight:400;
	line-height:24px;
}

#section8 .right-item{
	position: relative;
	width:460px;
	height:376px;
	background:rgba(255,255,255,1);
	box-shadow:4px 4px 20px 0px rgba(0,0,0,0.15);
	border-radius:10px;
	margin: 0 auto;
	padding-top: 60px;
	overflow: hidden;
}
#section8 .right-item:after{
	content:"";
	display: block;
	position: absolute;
	left: -68px;
	top: 68px;
	width: 0px;
	height: 0px;
	border-top: 136px solid transparent;
	border-left: 136px solid #9500BB;
	border-right: 136px solid transparent;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	
	-moz-transform:rotate(90deg); 	
	-webkit-transform:rotate(90deg); 
	-o-transform:rotate(90deg); 
}
#section8 .right-item h5{
	position: absolute;
	top: 32px;
	left: 10px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	
	-moz-transform:rotate(-45deg); 	
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg);
	font-size:24px;
	font-weight:500;
	line-height:32px;
	color: #FFFFFF; 
	z-index: 9;
}
#section8 .right-item h6{
	font-size:20px;
	font-weight:500;
	line-height:32px;
	margin: 0 auto;
}
#section8 .right-item p{
	font-size:14px;
	font-weight:300;
	line-height:24px;
}
#section8 .right-item button.btn{
	background: #0047BB;
	border: none;
	outline: none;
	border-radius: 0;
	display: block;
	margin: 0 auto 10px auto;
	padding: 12px 28px;
	font-size:16px;
	font-weight:400;
	line-height:18px;
}
#section8 .right-item .material-icons{
	display: block;
	font-size: 24px;
	margin: 10px auto;
	font-weight: bold;
	color: #FFA028;
}
#section8 .right-item mark{
	color: #EEB305;
	background: none;
}
#section9{
	padding: 100px 20px 100px 100px;
}
#section9 h3{
	font-size:48px;
	font-weight:500;
	line-height:64px;
	margin-top: 43px;
	margin-bottom: 10px;
}
#section9 p{
	font-size:24px;
	font-weight:400;
	line-height:32px;
	margin-bottom: 50px;
}
#section9 .left-item{
	text-align: left;	
}
#section9 .left-item .col{
	font-size:16px;
	line-height:24px;
	margin-bottom: 10px;
}
#section9 .left-item .col img{
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-right: 4px;
}
#section9 .left-item .col strong{
	font-weight: bold;
}

#section9 .right-item .banner{
	width: 580px;
}
#section10{
	padding: 100px 100px;
	background: #25447C;
}
#section10 .left-item{
	text-align: left;
}
#section10 .left-item h3{
	font-size:48px;
	font-weight:500;
	line-height:64px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

#section10 .left-item p{
	font-size:24px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:32px;
	margin-bottom: 50px;
}
#section10 .download-pc{
	display: inline-block;
	width: 148px;
	height: 49px;
	margin-right: 20px;
}
#section10 .download{
	display: inline-block;
	width: 148px;
	height: 49px;
	margin-right: 20px;
}

#section10 img.banner{
	display: inline-block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.tooltip.right{
    min-width: 220px;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #D8D8D8;
}
.tooltip-inner {
    background: #D8D8D8;
    padding: 8px 8px 8px 8px;
    text-align: left;
}
.tooltip-inner img{
	width: 144px;
	height: 144px;
	padding: 8px 8px;
	background: #FFFFFF;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{
	border-bottom-color: #D8D8D8;
}

#section10 .right-item .form-control{
	max-width: 388px;
	height: 56px;
	margin: 0 auto;
}

#section10 .right-item .fb {
  display: inline-block;
  margin: 0 10px;
  width: 130px;
  height: 45px;
  background: url(../img/section10/fb-bg.png) no-repeat;
  cursor: pointer;
  overflow: hidden;
}
#section10 .right-item .ge {
  display: inline-block;
  margin: 0 10px;
  width: 130px;
  height: 45px;
  background: url(../img/section10/ge-bg.png) no-repeat;
  cursor: pointer;
  overflow: hidden;
}
#section10 .right-item .tips{
	display: inline-block;
	text-align: left;
	max-width: 388px;
	margin: 0 auto;
	font-size:14px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:24px;
}
#section10 .right-item .vaild-tips{
	display: block;
	color: #FFFFFF;
	padding: 10px 0;
}
#section10 .right-item .account-href{
	cursor: pointer;
}
#section10 .right-item button.btn{
	display: block;
	background: #FF671F;
	border: none;
	outline: none;
	border-radius: 0;
	margin: 20px auto 0 auto;
	padding: 12px 68px;
	font-size:16px;
	font-weight:400;
	line-height:18px;
}
#section10 .right-item .account-href{
	display: inline-block;
	font-size:14px;
	font-weight:300;
	color:rgba(255,255,255,1);
	line-height:24px;
	text-decoration: underline;
	margin-bottom: 20px
}

#section10 .right-item .oauth-sign p{
	max-width: 388px;
	margin: 0 auto 25px auto; 
	border-bottom: 1px solid #FFFFFF;
	position: relative;
}

#section10 .right-item .oauth-sign p span{
	display: inline-block;
	text-align: center;
	position: relative;
	background: ;
	bottom: -10px;
	background: #25447C;
	font-size:14px;
	font-weight:300;
	color:rgba(255,255,255,1);
	line-height:20px;
	padding: 0 10px;
}

/*小屏幕适配*/

@media (max-width: 544px){
	.color-line{
		position: fixed;
		top: 0;
		z-index: 9999999;
	}
	.footer{
		padding: 40px 20px 20px 20px;
	}
	.footer .a-link{
		text-align: center;
		margin-bottom: 40px;
	}
	.footer .a-link a{
		text-align: center;
		font-size:14px;
		font-weight:400;
		line-height:24px;
	}
	.footer .warning p{
		font-size:14px;
		font-weight:300;
		color:rgba(77,85,90,1);
		line-height:24px;
	}
	.section-child{
		max-width: 100%;
	}
	#section1{
		padding: 30px 20px 80px 20px;
	}
	#section1 .left-item h3{
		font-size:24px;
		font-weight:500;
		line-height:32px;
	}
	#section1 .left-item p{
		font-size:16px;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:24px;
	}
	#section1 .left-item .d-sm-none{
		padding: 0 40px;
		margin: 10px 0;
	}
	#section1 #section1-tab{
		margin-top: 0;
	}
	#section1 .tab-content{
		padding: 10px 10px 0 10px;
	}
	#section1 .tab-content li p{
		font-size:14px;
		font-weight:300;
		color:rgba(51,51,51,1);
		line-height:24px;
	}
	#section2{
		padding: 40px 20px;
	}
	#section2 h3{
		font-size:24px;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:32px;
		padding-bottom: 20px;
	}
	#section2 img{
		width: 140px;
		height: 96px;
		display: inline-block;
		margin-left: -12%;
	}
	#section2 p{
		width: 50%;
		float: right;
		font-size:16px;
		font-weight:300;
		color:rgba(51,51,51,1);
		line-height:24px;
		max-width: 158px;
		text-align: left;
		padding-bottom: 0;

	}
	#section2 .left-item{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-right: 0;
	    border-bottom: 1px solid #BEBEBE;
	}
	#section2 span{
		display: block;
		width: 140px;
		text-align: left;
		font-size:14px;
		font-weight:300;
		line-height:24px;
		margin-left: 12%;
	}
	#section3{
		padding: 40px 20px;
	}
	#section3 .title-item h3{
		font-size:24px;
		font-weight:500;
		line-height:32px;
		padding-bottom: 0;
	}
	#section3 p{
		font-size:16px;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:24px;
		padding-bottom: 20px;
	}
	#section3 .banner{
		max-width: 100%;
	}
	#section3 p.banner-word{
		font-size:14px;
		font-weight:300;
		color:rgba(51,51,51,1);
		line-height:24px;
	}
	#section3 .video-box{
		width: 100%;
		height: 180px;
		box-shadow: none;
		padding: 0 8px;
	}
	#section4{
		padding: 40px 20px;
	}
	#section4 h3{
		font-size:24px;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:32px;
		margin-bottom: 20px;
	}
	#section4 .left-item ul{
		width: 100%;
		padding: 10px 10px;
		margin-bottom: 20px;
	}
	#section4 .left-item ul li {
	    font-size: 14px;
        padding: 5px 0;
	}
	#section4 .left-item ul li span{
		font-size: 14px;
		line-height:24px;
	}
	#section4 .left-item ul li:nth-of-type(1){
		margin-bottom: 5px;
	}
	#section4 .left-item ul li:nth-of-type(1) span{
		font-size:16px;
		font-weight:500;
		line-height:24px;
	}
	#section4 .left-item ul li:nth-of-type(2) span{
		font-size:20px;
		font-weight:bold;
		color:rgba(109,212,0,1);
		line-height:32px;
		text-shadow:0px 1px 4px rgba(0,0,0,0.5);
	}
	#section4 .right-item ul{
		width: 100%;
	}
	#section4 .right-item ul li{
		padding-bottom: 10px;
	}
	#section4 .right-item ul li h5{
		font-size:16px;
		font-weight:500;
		line-height:24px;
	}
	#section4 .right-item ul li span{
		font-size:14px;
		font-weight:300;
		line-height:24px;
	}
	#section4 .right-item ul li img{
		top: 2px;
	}
	#section5{
		padding: 40px 20px 60px 20px;
	}
	#section5 h3{
		font-size:24px;
		font-weight:500;
		color:rgba(255,255,255,1);
		line-height:32px;
		padding-bottom: 20px;
	}
	#section5 .left-item h5{
		width: 100%;
		font-size: 18px;
		line-height: 24px;
		padding-bottom: 10px;
	}
	#section5 .left-item #msg-banner{
		width: 100%;
		padding: 20px 20px;
		height: 230px;
		border-radius:6px;
		border:1px solid rgba(255,255,255,1);
	}
	#section5 .carousel-indicators{
		bottom: -30px;
	}
	#section5 .left-item #msg-banner .carousel-item p{
		font-size: 16px;
		line-height: 24px;	
	}
	#section5 .left-item #msg-banner .carousel-item span{
		font-size: 16px;
		line-height: 24px;
		font-weight: 300;
	}
	#section5 .right-item h5{
		width: 100%;
		font-size: 18px;
		line-height: 24px;
		padding-bottom: 10px;
		margin-top: 40px;
	}
	#section5 .right-item #img-banner{
		width: 100%;
		border-radius:6px;
	}
	#section6{
		padding: 40px 20px;
	}
	#section6 .title-item{
		padding-bottom: 0;
	}
	#section6 .title-item h3{
		font-size:24px;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:32px;
		padding-bottom: 20px;
	}
	#section6 .banner{
		width: 100%;
	}
	#section6 .left-item p{
		border-radius:10px;
		border:1px solid rgba(151,151,151,1);
		padding: 10px 10px;
		font-size:14px;
		font-weight:300;
		color:rgba(51,51,51,1);
		line-height:24px;
		margin-bottom: 20px;
	}
	#section6 .video-box{
		width: 100%;
		height: 180px;
		padding: 0 8px;
		border: none;
		box-shadow: none;
		border-radius: none;
	}
	#section7{
		padding: 40px 20px;
	}
	
	#section7 .banner{
		width: 335px;
	}
	
	#section7 .title-item h3{
		font-size:24px;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:32px;
	}
	#section7 .title-item p{
		font-size:16px;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:24px;
	}
	#section7 .col-4{
		width: 111.66px !important;
	}
	#section7 .text-right{
		padding-right: 0 !important;
	}
	#section7 .text-left{
		padding-left: 0 !important;
	}
	#section7 .m0{
		width: 77px;
		height: 74px;
		position: relative;
		bottom: -18px;
	}
	#section7 .text-right .m0{
		position: relative;
		bottom: -18px;
	    left: -36px;
	}
	#section7 .m0.bigger{
		width: 96px;
		height: 93px;
		bottom: 1px;
	    right: -16px;
	}
	#section7 .m1{
		width: 69px;
		height: 64px;
	}
	#section7 .text-right .m1{
		position: relative;
	    left: -36px;
	}
	#section7 .text-left .m1{
		position: relative;
	    right: -36px;
	}
	#section7 .tips{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#section8{
		padding: 40px 20px;
	}
	#section8 .title-item{
		padding-bottom: 20px;
	}
	#section8 .title-item h3{
		font-size:24px;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:32px;
		padding-bottom: 0;
	}
	#section8 p{
		font-size:16px;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:24px;
	}
	#section8 .left-item{
		width:335px;
		height:277px;
		background:rgba(255,255,255,1);
		box-shadow:4px 4px 20px 0px rgba(0,0,0,0.15);
		border-radius:6px;
		margin-bottom: 20px;
	}
	#section8 .left-item p{
		margin-top: 50px;
		font-size:16px;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:24px;
	}
	#section8 .left-item h5{
		font-size:16px;
		font-weight:500;
		line-height:24px;
	    top: 17px;
    	left: -2px;
	}
	#section8 .left-item:after{
	    left: -39px;
		top: 39px;
		border-top: 78px solid transparent;
    	border-left: 78px solid #21C39E;
    	border-right: 78px solid transparent;
	}
	#section8 .right-item{
		width:335px;
		height:277px;
		background:rgba(255,255,255,1);
		box-shadow:4px 4px 20px 0px rgba(0,0,0,0.15);
		border-radius:6px;
		padding-top: 20px;
	}
	#section8 .right-item h5{
		font-size:16px;
		font-weight:500;
		line-height:24px;
	    top: 17px;
    	left: -2px;
	}
	#section8 .right-item:after{
	    left: -39px;
		top: 39px;
		border-top: 78px solid transparent;
    	border-left: 78px solid #9500BB;
    	border-right: 78px solid transparent;
	}
	#section8 .right-item h6{
		margin-top: 0;
		font-size:16px;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:24px;
	}
	#section8 .right-item .material-icons{
		margin: 5px auto;
	}
	#section8 .right-item mark{
		font-size: 14px;
	}
	#section9{
		padding: 40px 20px;
	}
	#section9 h3{
		font-size:24px;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:32px;
		margin: 0;
		text-align: center;
	}
	#section9 p{
		font-size:16px;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:24px;
		text-align: center;
		margin-bottom: 20px;
	}
	#section9 .right-item .banner{
		max-width: 100%;
		width: 100%;
	}
	
	#section10{
		padding: 40px 20px;
	}
	#section10 .left-item h3{
		font-size:24px !important;
		font-weight:500;
		color:rgba(255,255,255,1);
		line-height:32px;
		margin-bottom: 0;
	}
	#section10 .left-item p{
		font-size:16px;
		font-weight:400;
		color:rgba(255,255,255,1);
		line-height:24px;
		text-align: center;
		margin-bottom: 15px;
	}
	#section10 .right-item .form-control{
		font-size: 0.8rem;
	}
	#section10 .right-item .tips{
		font-size:14px;
		font-weight:500;
		color:rgba(255,255,255,1);
		line-height:24px;
	}
}