/* @font-face {
 font-family: "HiraginoSansGB";
 src: url("../fonts/Hiragino Sans GB.ttc");
} */
@font-face {
  font-family: "Songti" !important;
  src: url("../fonts/Songti.ttc");
}

html,
body {
    height: 100%;
    width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: clamp(1rem, .9624rem + .1672vw, 1.125rem);
	font-family: 'Songti' !important;
	/*font-family: '宋体';*/
	/*font-weight: 600;*/
}
.container-fluid{
	padding-left: 27px;
    padding-right: 27px;
}
.title_family{
    font-family: 'HiraginoSansGB' !important;
    /* font-family: '黑体'; */
    /* font-weight: 900; */
}

.ds-heading {
    font-size: clamp(2rem, 1.9247rem + .3344vw, 2.25rem);
    font-weight: 500;
    line-height: clamp(2rem + 10px, 1.9247rem + .3344vw + 10px, 2.25rem + 10px);
}

.ds-text {
    font-size: clamp(1rem, .9624rem + .1672vw, 1.125rem);
    font-weight: 400;
    line-height: clamp(1rem + 10px, .9624rem + .1672vw + 10px, 1.125rem + 10px);
}

.ds-heading-xlarge{
	font-size: clamp(3rem, 2.5833rem + 1.8519vw, 4.5rem);
    font-weight: 500;
    line-height: clamp(3rem + 10px, 2.5833rem + 1.8519vw + 10px, 4.5rem + 10px);
}

.ds-text-medium{
	font-size: clamp(1.25rem, 1.203rem + .209vw, 1.40625rem);
    font-weight: 400;
    line-height: clamp(1.25rem + 10px, 1.203rem + .209vw + 10px, 1.40625rem + 10px);
}

.ds-heading-xsmall{
	font-size: clamp(1.25rem, 1.203rem + .209vw, 1.40625rem);
    font-weight: 700;
    line-height: clamp(1.25rem + 10px, 1.203rem + .209vw + 10px, 1.40625rem + 10px);
}

.ds-margin-top-24{
	margin-top: 24px;
}

.ds-margin-top-12{
	margin-top: 12px;
}

.ds-margin-bottom-48{
	margin-bottom: 48px;
}

.line-height-30{
	line-height: 30px;
}

.word-wrap{
	word-break: break-all;
}
.padding-12{
	padding-left: 12px;
	padding-right: 12px;
}
.padding-right-24{
	padding-right: 24px;
}
.b25{
	margin-bottom: 2.5rem;
}
.fz45{
	font-size: 4.5rem !important;
}
.fz30{
    font-size: 3rem !important;
}
.fz28{
    font-size: 2.8rem !important;
}
.fz20{
    font-size: 2rem !important;
}
.fz18{
    font-size: 1.8rem !important;
}
.fz16{
    font-size: 1.6rem !important;
}
.pr5{
	padding-right: 5rem;
}
.edge_distance{
	padding-left: 4rem;
	padding-right: 4rem;
}
@media (max-width: 768px) {
	.edge_distance{
		padding-left: 0;
		padding-right: 0;
	}
}
.ds-color-blue{
	color: #035b8d;
}
.mt1{
    margin-top: 1rem;
}
.mt3{
	margin-top: 3rem;
}
.mt5{
	margin-top: 5rem;
}

.mt9{
	margin-top: 9rem;
}
.mb12{
    margin-bottom: 12px;
}
.active_nav {
	border-top: 8px solid #99c4f8;
}
.ds-padding-top-48{
	padding-top: 48px;
}
.ds-padding-bottom-48{
	padding-bottom: 48px;
}
@media (min-width: 768px) {
    .ds-md-padding-top-96 {
        padding-top: 96px;
    }
	.ds-md-padding-bottom-96 {
        padding-bottom: 96px;
    }
}

.big-size-title{
	font-weight: 600;
	font-size: 83px;
}

@media (min-width: 1300px) and (max-width: 1418px)  {
	.big-size-title{
		font-size: 74px;
	}
}

@media (min-width: 1200px) and (max-width: 1299px)  {
	.big-size-title{
		font-size: 67px;
	}
}

@media (min-width: 937px) and (max-width: 1199px)  {
	.big-size-title{
		font-size: 51px;
	}
}

/* @media (min-width: 1040px) and (max-width: 1196px)  {
	.big-size-title{
		font-size: 70px;
	}
} */

@media (min-width: 921px) and (max-width: 1040px)  {
	.big-size-title{
		font-size: 60px;
	}
}


.btns {
	display: inline-block;
    color: #fff;
    font-size: 1.4rem;
    background: #035b8d;
    border-radius: 1.7rem;
    padding: .7rem 2rem;
    cursor: pointer;
    box-shadow: 0 8px 30px 0 #BDDFF9;
    -moz-box-shadow: 0 8px 30px 0 #BDDFF9;
    -webkit-box-shadow: 0 8px 30px 0 #BDDFF9;
    transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
}
.h-color-99{
	color: #99c4f8 !important;
}
.url-a{
    color: #035b8d;
    cursor: pointer;
}
.bg_model{
	background: rgb(241, 242, 243);
}
.bg_model2{
	background: rgb(0, 0, 0);
}
@media (min-width: 768px){
	.no-padding-left-pc{
		padding-left:0px !important;
	}
	.no-padding-right-pc{
		padding-right: 0px !important;
	}
	.margin-bottom-8{
		margin-bottom:8.8rem !important;
	}
	.margin-bottom-0{
		margin-bottom: 0 !important;
	}
	.userinfo .dropdown-menu{
		width: 11.2rem;
		left: -5rem;
	}
	.userinfo .dropdown-menu .name a{
		white-space:normal;
		word-break:break-all;
		word-wrap:break-word;
		font-size: 12px !important;
		line-height: 17px !important;
	}
}
@media (max-width: 768px){
	.no-padding-right-y{
		padding-right: 0px !important;
	}
}
@media (min-width: 1200px){
	.padding-left-16{
		padding-left: 16px;
		padding-right: 0;
	}
	.padding-right-16{
		padding-right: 16px;
		padding-left: 0;
	}
	
	.padding-8{
		padding-left: 8px;
		padding-right: 8px;
	}

	
	.padding-left-4-16{
		padding-left: 18px !important;
		padding-right: 0 !important;
	}
	.padding-right-4-16{
		padding-right: 18px !important;
		padding-left: 0 !important;
	}
	
	.padding-left-4-12{
		padding-left: 12px !important;
		padding-right: 6px !important;
	}
	.padding-right-4-12{
		padding-left: 6px !important;
		padding-right: 12px !important;
	}
	
	
}
a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
}

a:hover,
a:focus {
    color: #474157;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
	margin-top: 0;
    margin-bottom: 0;
}
h1{
	font-weight: 500;
}

.color-333{
	color: #333;
}
.color-666{
	color: #666;
}
.color-999{
	color: #999;
}
.navbar-default {
    font-weight: 200;
    letter-spacing: 1px;
}

.navbar-default .navbar-header .navbar-brand {
    font-weight: 200;
    letter-spacing: 1px;
    color: #474157;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #474157;
}

.navbar-default .navbar-header .navbar-toggle {
    font-size: 12px;
    color: #474157;
    padding: 8px 10px;
}

.navbar-default .nav > li > a {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    color: #7a798c;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
    color: #474157;
}

.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
    color: #474157 !important;
    background-color: transparent;
}

.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
    background-color: transparent;
}

#mainbody {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: #f1f6fd;
    color: #474157;
    height: calc(100vh - 61px);
}

#mainbody .index-text {
    text-align: center;
    padding: 250px 0 50px;
    position: relative;
    height: 100vh;
}
/* .clearfix{
	height: 0;
	clear:both;
} */
#mainbody .index-text h1 {
    font-size: 50px;
    font-weight: bold;
    color: #171347
}

#mainbody .index-gallery {
    text-align: center;
    padding: 200px 0 50px;
    position: relative;
}

@media (max-height: 500px) {
    #mainbody {
        height: inherit;
    }
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    #mainbody .index-text {
        text-align: left;
    }
}

@media (max-width: 767px) {

    .navbar-default {
        background-color: #f1f6fd;
        border-color: #f1f6fd;
    }

    .navbar-default .navbar-collapse {
        background: #f1f6fd;
        box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
		-moz-box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
		-webkit-box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
    }

    #mainbody {
        height: unset;
    }

    #mainbody .index-text {
        padding: 130px 0 0 0;
        height: calc(100vh - 261px);
    }

    #mainbody .index-gallery {
        padding: 30px 0 50px 0;
    }

    #mainbody .index-text h1 {
        font-size: 50px;
        margin-bottom: 20px;
    }
}

.bg-primary {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539);
}

.btn {
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 300px;
}

.btn-xl {
    margin-top: 20px;
    padding: 10px 45px;
    font-size: 14px;
}

.no-padding{
	padding: 0 !important;
}
.no-padding-left{
	padding-left: 0 !important;
}

.no-padding-right{
	padding-right: 0 !important;
}

.ellipsis{
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
}
.big-title{
	font-size: 3.4rem;
	margin-top: 3.6rem;
	margin-bottom: 4.4rem;
	font-weight: 700;
}
.big-title .subtitle{
	display: block;
	font-size: 1.8rem;
}
.game-options .game-options-hr{
	margin-top: 0.8rem;
	border-bottom: .4rem solid rgb(187, 191, 195);
	max-width: 15rem;
	border-radius: 5px;
}
.game-options .big-title{
	margin-bottom: 0;
}
/* my write */
/* 导航start */
.navbars{
	/*position: fixed;*/
	z-index: 111;
	/*width: 100%;*/
	height: 4.8rem;
	background-color: #fff;
	line-height: 4.799rem;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}

.navbars:hover{
	/* background-color: #196ED9; */
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}

.navbars .left img{
	max-width: 100%;
	width: 13rem;
	margin-top: -.8rem;
}
.navbars .left .ver{
	padding: 0 .3rem;
}
.navbars ul{
	margin-bottom:0 !important;
}
.navbars .left ul {
	display: inline-block;
	margin-left: 1rem;
}

.navbars .left li, .navbars .right li{
	list-style-type:none;
	display: inline-block;
	color: #F0F0F0;	
}

.navbars .right .btn-go{
	background: #035b8d;
	border-radius: 10px;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.65rem;
	color: #F0F0F0;
	margin-left: 1rem;
}

.navbars .left li a, .navbars .right li a{
	font-size: clamp(1rem, .9624rem + .1672vw, 1.125rem);
	font-weight: 400;
    line-height: clamp(1rem + 10px, .9624rem + .1672vw + 10px, 1.125rem + 10px);
	color: #000;
	padding: 1rem .9rem;
}

.navbars .right li input{
	width: 8rem;
	height: 3rem;
	opacity: 0.4;
	background: #4D4D4D;
	border-radius: 1.55rem;
	border:0;
	color: #F0F0F0;
	transition: width .3s ease;
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
}

.search .search-form{
    width: 8rem;
    position: absolute;
    top: -2rem;
    right: 0;
    transition: width .3s ease;
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
    display: inline-block;
    vertical-align: middle;
	z-index: 9999;
}

.search .searching{
	width: 30rem;
	transition: width .3s ease;
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
}
.search .searching input{
	width: 30rem !important;
	opacity: 1 !important;
	background: #FFF !important;
	box-shadow: 0 2px 10px 0 #1662C2 !important;
	border-radius: 15.5px !important;
	color: #333 !important;
	transition: width .3s ease;
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
}

/* .search .searching input:blur{
	
} */

.navbars .right .search{
	position: relative;
	margin-right: 1.6rem;
}


.navbars .right .search .fa-search-ico{
	position: absolute;
	right: .8rem;
	top: .75rem;
	width: 1.6rem;
	height: 1.6rem;
	max-width: 100%;
	vertical-align:middle;
	cursor:pointer;
	background: url('../img/icon_search.svg');
}
.search .searching .fa-search-ico{
	background: url('../img/icon_search_pressed.svg') !important;
	background-repeat: no-repeat !important;
}
.navbars .right .website:hover a, .navbars .right .logins:hover a{
	text-decoration:underline;
}
.navbars .right .register{
	height: 2.45rem;
	border: 1px solid #FFFFFF;
	border-radius: 1.6rem;
	line-height: 2.25rem;
}

.mobile .xs-logo {
	display: inline-block;
}
.mobile .xs-logo .imgs {
	margin-top: 21px;
	width: 50%;
}
.mobile .mobile-nva-content{
	display: none;
    z-index: 1;
    position: fixed;
    background-color: #035b8d;
    width: calc(100% + 15px); 
    left: -15px;
	padding-left: 15px;
	padding-bottom: 2rem;
}
.mobile .mobile-nva-content ul li {
	list-style: none;
}

.mobile .mobile-nva-content ul li a{
	color: #fff;
}
.navbar-toggle {
	margin-top: 20px;
    margin-bottom: 0;
}
.navbar-inverse {
	background-color: #fff;
	border-color: #fff;
}
.navbar-inverse .navbar-toggle{
	border-color:#035b8d !important;
}
.navbar-inverse .navbar-toggle .icon-bar{
	background-color: #035b8d !important;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	background-color:transparent !important;
}

.navbars .right .dropdown:hover .dropdown-menu{
	display: inline-block !important;
}

.dropdown-menu{
	display: none !important;
	transition: display .3s !important;
	-webkit-transition: display .3s !important;
	-moz-transition: display .3s !important;
	line-height: 3.2rem;
	min-width: 11.2rem;
}
.dropdown-menu li:first-child{
	margin-top: .8rem;
}

.dropdown-menu li:last-child{
	margin-bottom: .8rem;
}
.dropdown-menu li a{
	padding-top: 0 !important;
}
.navbars .center .dropdown:hover .dropdown-menu, .navbars .right .dropdown:hover .dropdown-menu{
	display: inline-block !important;
	transition: display .3s !important;
	-webkit-transition: display .3s !important;
	-moz-transition: display .3s !important;
}
.navbars .center .dropdown .dropdown-menu a, .navbars .right .dropdown .dropdown-menu a{
	line-height: 3.2rem;
}
.navbars .center .dropdown .dropdown-menu a:hover, .navbars .right .dropdown .dropdown-menu a:hover{
	background: #F5F5F5;
	color: #035b8d;
	transition: background .3s, color .3s;
	-webkit-transition: background .3s, color .3s;
	-moz-transition: background .3s, color .3s;
}
.navbars .dropdown .dropdown-menu ul{
	background: rgba(255,255,255,0.98);
	box-shadow: 2px 0 20px 0 rgba(153,153,153,0.20);
	-moz-box-shadow: 2px 0 20px 0 rgba(153,153,153,0.20);
	-webkit-box-shadow: 2px 0 20px 0 rgba(153,153,153,0.20);
}
.navbars .dropdown .dropdown-menu li{
	width: 100%;
	height: 3.2rem;
}
.navbars .dropdown .dropdown-menu li a{
	font-size: 14px;
	color: #666;
	padding: .2rem 2.4rem .2rem 1.5rem;
}
.navbars .dropdown .dropdown-menu li a:hover{
	color: #035b8d;
	background-color: rgba(255,255,255,0.98);
}

/* 小于768px */
@media (max-width: 768px){
	.navbars .right .dropdown{
		max-width: 100% !important;
	}
	.navbars .right .dropdown:hover .dropdown-menu{
		display: block !important;
	}
	/*  */
	.navbars .left, .navbars .right{
		display: none;
	}
	.navbars .center > ul, .navbars .right ul{
		background: rgba(0,0,0, 0.85);
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -2px;
		/* overflow-y: auto; */
	}
	.navbars .right ul.dropdown-menu{
		background-color: #2061B3;
	}
	.navbars .right ul.dropdown-menu li a{
		padding-left: 4.9rem;
		color: #F0F0F0;
	}
	.navbars .center ul li, .navbars .right ul li{
		display: block;
		text-align: left;
	}
	
	.navbars .center ul li a, .navbars .right ul li a{
		width: 100%;
		display: block;
	}
	
	.navbars{
		line-height: 3rem;
	}
	.dropdown-menu{
		position: static;
		float: none;
	}
	.navbars .center .dropdown ul.multi-level{
		padding-left: 2rem;
		display: none;
	}
	
	.navbars .right ul{
		margin-top: 0;
		text-align: left;
		line-height: 4rem;
		padding-bottom: 2rem !important;
	}
	.navbars .right ul li{
		display: block;
	}
	.search .search-form{
		width: 100%;
		position: static;
	}
	
	.search .search-form input{
		width: 100% !important;
		background: #e3e3e3 !important;
	}
	.navbars .right .search .fa-search-ico{
		top: 1.3rem;
	}
	.navbars .right .register{
		border: 0;
	}
	/* searching */

	
}

/* 导航end */
/* 轮播start */

/* 轮播 一 start */
#banner{
	position: relative;
}

#banner .banner a{
	color: #fff;
}
#banner .banner .des{
	color: #fff;
	margin-top: 2rem;
}
#banner .banner .subtitle{
	font-size: 4.5rem;
	color: #FFF;
    font-weight: bold;
	line-height: 5rem;
}
#banner .banner .url{
	background-color: rgb(255, 0, 85);
	width: 10rem;
	margin-bottom: 4rem;
	padding: 0.3rem 0;
}
#banner .banner .banner-img{
	margin-top: 10.6rem !important;
}


@media screen and (max-width: 1600px) {
	#banner{
		background-size:100% 100%;
	}
}

#banner .banner .text{
	margin-top: 2rem;
}

.swiper-pagination-bullet{
	width:3.6rem !important;
	height:.4rem !important;
	border-radius:0 !important;
	background: #fff !important;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
}

.swiper-pagination-bullet:hover{
	background: #fff !important;
	opacity: 1;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
}

.swiper-pagination-bullet-active{background:#fff !important}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	width: auto !important;
	bottom: 13.8rem !important;
}

/* 轮播 一 end */


/* 轮播 二 start */
#banner2 {
	/*padding-left: 48px;*/
	/*padding-right: 48px;*/
}
#banner2  .TJXBw {
    background-color: #0c0b2c;
    margin-top: 55px;
    --inset: 108px;
    width: calc(100% - 108 * 2);
    max-width: calc(1800px - 108 * 2);
    margin-left: auto;
    margin-right: auto;
}
#banner2 .fBqmwB {
    margin-top: 0px;
    max-width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: row;
    min-height: 700px;
}
#banner2 .cgeBrS {
    z-index: 0;
    position: absolute;
    inset: 0px;
}
#banner2 .bbbovG {
    position: relative;
    height: 100%;
    width: 50%;
    flex: 1 1 0%;
}
#banner2 .iWrtrc {
    position: relative;
    display: flex;
    flex-direction: column;
    height: calc(100% - 197px);
    max-height: calc(100% - 197px);
    padding-top: 75px;
    padding-left: 87px;
}
#banner2 .iWrtrc .sc-e6bec86a-2 {
    margin-bottom: 197px;
	margin-top: 77px;
}
#banner2 .biCrDK {
    line-height: 53px;
    color: rgb(255, 255, 255);
    text-align: left;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}

#banner2 .bowoMy {
    z-index: 1;
    padding-right: 0px;
    margin-bottom: 40px;
}
#banner2 .jBwFcP {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: rgb(255, 255, 255);
    text-align: left;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
#banner2 .eeuyUB {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    z-index: 1;
    width: calc(6* 88px);
    margin-bottom: 50px;
    padding-right: 40px;
    line-height: 23.2px;
	margin-top: -5px;
}
#banner2 .gcUXT:last-of-type {
    margin-bottom: 0px;
}
#banner2 .mhA-dj {
    font-weight: 400;
    font-size: 23px;
    line-height: 30px;
    color: rgb(255, 255, 255);
    text-align: left;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
/* #banner2 .eeuyUB p {
    line-height: inherit !important;
} */
#banner2 .eeuyUB div :last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#banner2 .gcUXT .sc-1c536b79-6:last-of-type {
    margin-bottom: 0px;
}
#banner2 .gNuoYM {
    display: flex;
    flex-flow: wrap;
    z-index: 1;
    margin-bottom: 50px;
}
#banner2 .bbDdtb {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 0px;
    user-select: none;
    box-sizing: border-box;
    transition: background-color 50ms ease-in-out, color 50ms ease-in-out, border-color 50ms ease-in-out;
    background-color: rgb(255, 0, 85);
    color: rgb(255, 255, 255);
}
#banner2 .dUbgKb {
    font-size: 16px;
    line-height: 24px;
    height: 56px;
    width: 217px;
	margin-top: 52px;
}
#banner2 .GlJfB {
    text-decoration: none;
}
#banner2 .gNuoYM > :not(:last-child) {
    margin-right: 30px;
    margin-bottom: 0px;
}

#banner2 .evFbRf {
    position: relative;
    height: 100%;
    width: 50%;
    flex: 1 1 0%;
}
#banner2 .eZUtAG {
    position: relative;
    display: flex;
    flex-direction: column;
    height: calc(100% - 197px);
    max-height: calc(100% - 197px);
}
#banner2 .rYxXE {
    height: 100%;
    width: 100%;
    display: grid;
}
#banner2 .fBqmwB .sc-e6bec86a-3 {
    align-content: end;
}
#banner2 .eHxQYg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    pointer-events: none;
    min-height: 692px;
}
#banner2 .kRAumt {
    aspect-ratio: 1.24086 / 1;
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    margin: auto;
}
#banner2 .eHxQYg .sc-e6bec86a-4 {
    width: 742px;
    inset: 0px 0px 0px 153px;
}
#banner2 .iBtmnz {
    width: 100%;
    height: 100%;
}

/* 轮播 二 end */

/* 轮播end */

/* 栏目跳转start */
.column{
	width: 100%;
	background: rgba(255,255,255,.92);
	height: 9.6rem;
	position: absolute;
	bottom: 0;
	z-index: 100;
}

.column .media-left, .column .media > .pull-lefts{
	padding-right: 0;
}
.column img{
	max-width: 9.2rem;
	margin-top: .2rem;
}


.column .title{
	font-size: 1.8rem !important;
	margin-top: 2rem;
	color: #0E1B3F; 
	line-height: 2.4rem;
}
.column .list:hover .title{
	color: #035b8d;
}

.column .text{
	color: #7E8894;
	font-size: 1.4rem;
	line-height: 1.8rem;
	margin-top: 1rem;
	width: 100%;
}

/* 栏目跳转end */

/* 最新内容start */
.new-content{
	background-color: #fff;
}
.new-content .text-list{
	padding-bottom: 1.9rem;
	position: relative;
	/* opacity:0; */
}

.left-padding-ghost{
	padding-left: 2.4rem;
}

.right-padding-ghost{
	padding-right: 2.4rem !important;
}

.new-content .text-list .leftba, .new-content .text-list .rightba, .solution .list .solution-left, .solution .list .solution-right, .goods .ant-tabs-content-holder .dd-left, .goods .ant-tabs-content-holder .dd-right, .app .ggleft, .new-course .courseleft{
	position: absolute;
	background-image: url(../img/bg_shape3.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.new-content .text-list .leftba{
	bottom: 6rem;
	width: 10rem;
	height: 9rem;
	left: -15rem;
}
.new-content .text-list .rightba{
	top:-3rem;
	width: 6rem;
	height: 6rem;
	right: -3rem;
}

.new-content .list-content{
	padding: 1.6rem 0;
	height: 8.2rem;
	background-color: #fff;
	border: 1px solid #EBEEF0;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}
.new-content .list-content .text-label, .new-content .list-content .text-title{
	display: inline-block;
}
.new-content .list-content .text-label{
	height: 1.8rem;
	background-color: #F2A634;
	color:#fff;
	font-size: 12px;
	padding: .4rem;
	line-height: 1.18rem;
	margin-right: .3rem;
}
.new-content .list-content .text-title{
	width: calc(100% - 7rem);
	color: #0E1B3F;
	font-size: 1.4rem;
	/* padding-top: .15rem; */
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	
}
.new-content .list-content .text-title span{
	width: 100%;
	display: inline;
	overflow: hidden;
	text-overflow:ellipsis;
	height: 1.8rem;
	line-height: 2.45rem;
	white-space: nowrap;
}

.new-content .list-content .des{
	font-size: 1.4rem;
	color: #7E8894;
	height: 2.4rem;
	line-height: 2.4rem;
	padding-top: .5rem;
	padding-bottom: 2rem;
}
.new-content .flashflashflash:hover .list-content .text-title{
/* .new-content .list-content:hover .text-title{ */
	color: #035b8d;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.new-content .flashflashflash:hover .list-content{
/* .new-content .list-content:hover{ */
	margin-top: -1rem;
	border: 1px solid #fff;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	transition: box-shadow .3s, border .3s;
	-webkit-transition: box-shadow .3s, border .3s;
	-moz-transition: box-shadow .3s, border .3s;
}

.new-content .flashflashflash:hover{
	padding-bottom: 1rem;
}

.new-content .listzifarent{
	margin-bottom: 2.4rem;
}
/* 第三个之后 */
.new-content .listzifarent:nth-of-type(n+4){
	/* margin-top: 3rem; */
}
/* 最新内容end */

/* 游戏出海新选择 start */
.goods{
	padding-bottom: 5.6rem;
}

.goods .row{
	margin-left: 0;
	margin-right: 0;
}
.goods .ant-tabs-content-holder .goods-list {
	height: 9rem;
}

.goods .ant-tabs-content-holder .list-flag{
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}
/* .goods .ant-tabs-content-holder .goods-list.active .goods-des, .goods .ant-tabs-content-holder .goods-list.active .goods-title {
	color: #000;
} */

/* .goods .ant-tabs-content-holder .goods-list.active .goods-title{
	color: #000;
	font-weight: 700;
} */
/* 游戏出海新选择 end */

/* 本土化产品 statr */

.localized-product {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}
.localized-product .localized-product-text{
    height: 100%; justify-content: center;flex-direction: column;display: flex;
}
.localized-product .localized-product-btn {
	padding-top:7rem;
}
/* 本土化产品 end */

/* 合作品牌 start */
.cooperative-brand {
	margin-top: 3rem;
}
.localized-product .big-title{
	margin-bottom: 2rem;
}
.cooperative-brand .cooperative-brand-img {
	padding: 2rem;
}
.cooperative-brand .cooperative-brand-img img {
	/* max-width: 100%; */
	width: 100%;
}
/* 合作品牌 end */

/* 平台操作 start */
.platform-operation{
	color: #fff;
}
.platform-operation .logo-w img{
	max-width: 80%;
}

.platform-operation .content{
	padding-top: 5.6rem;
	padding-bottom: 5.6rem;
}
.platform-operation .btn-group{
	padding-top: 2.5rem;
}
.platform-operation .bottom-text{
	font-size: 3.4rem;
    margin-top: -.5rem;
	font-weight: 700;
}
.platform-operation .text1{
	margin-top: 2rem;
}
.platform-operation .text2{
	margin-top: 3rem;
}
.platform-operation .edge_distance {
	padding-left: 5rem;
}
/* 平台操作 end */
 
@media (min-width: 1254px) and (max-width: 1380px) {
	.platform-operation .bottom-text {
		font-size: 2.815rem;
	}
	.big-title {
		font-size: 2.815rem;
	}
}
@media (min-width: 1200px) and (max-width: 1253px) {
	.platform-operation .bottom-text {
		font-size: 2.677rem;
	}
	.big-title {
		font-size: 2.677rem;
	}
}
@media (min-width: 768px) and (max-width: 970px) {
	.platform-operation .text1, .platform-operation .text2 {
		margin-top: 1rem;
	}
	.platform-operation .btn-group {
		padding-top: 1rem;
	}
}
@media (min-width: 970px) and (max-width: 1199px) {
	.platform-operation .bottom-text {
		font-size: 2.16rem;
	}
	.big-title {
		font-size: 2.16rem;
	}
	.platform-operation .edge_distance {
		padding-left: 4rem;
	}
	.localized-product .localized-product-btn {
		padding-top: 3rem;
	}
	.partners .p-group2{
		margin-top: 2rem;
	}
	.partners .btn-group {
		padding-top: 1rem;
	}
}

@media (min-width: 768px) and (max-width: 969px) {
	.platform-operation .edge_distance {
		padding-left: 1rem;
	}
}

/* 文档 start */
.new-course .gtitle{
	font-weight: 700;
	padding: 2.5rem 0;
	position: relative;
}
.new-course .gtitle span{
	position:absolute;
	top: 50%;
	display: inline-block;
	width: 10rem;
	border-bottom: 3px solid #000;
}
.new-course .list .des{
	background: #fff;
}

.new-course .list .title{
	font-size: 2rem;
	margin-top: 2rem;
	font-weight: 700;
}
.new-course .list .conter-list{
	margin-top: 2rem;
}
.new-course .document-list{
	padding-bottom: 5.6rem;
}

.new-course .list .des{
	min-height: 20rem;
	padding: 2rem;
}

@media (max-width: 935px) {
	.new-course .list .title{
		font-size: 1.5rem;
	}
}

/* 文档 end */

/* 安全与保护 start */
.partners{
	padding-top: 5rem !important;
	padding-bottom: 3rem !important;
}
.partners .big-title{
	margin-bottom: 0;
	margin-top: 0;
}
.partners .btn-group{
	padding: 2rem 0;
}
.partners .p-group2{
	margin-top: 3rem;
}

/* 安全与保护 end */

.article{
	background-image: linear-gradient(0deg, #F7F9FA 0%, #FCFDFD 100%);
	background: -webkit-linear-gradient(0deg, #F7F9FA 0%, #FCFDFD 100%);
	background: linear-gradient(0deg, #F7F9FA 0%, #FCFDFD 100%);
}

.article .content-list{
	padding-top: 3rem;
	padding-bottom: 2rem;
}
.article .content-list .title{
	padding-bottom: 2rem;
	font-weight: 700;
}

/* 尾部 start */
.footer .bdsharebuttonbox{
	margin-top: 4rem;
}
.footer .share a{
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
	border: 2px solid #000;
    padding: 1rem;
    border-radius: .3rem;
}

.footer .share a.weixin{
	background-image: url('../img/weixin_default.svg');
	margin-right: .5rem;
	position: relative;
}

.share a.xinlang{
	background-image: url('../img/weibo_default.svg');
}
.footer .share a.weixin:hover{
	background-image: url('../img/weixin_pressed.svg');
}
.share a.xinlang:hover{
	background-image: url('../img/weibo_pressed.svg');
}
.footer .share .weixin{
	color: #fff;
}

.footer .share .weixin .caret{
	position: absolute;
	bottom: 2.6rem;
	left: .8rem;
	margin-left: 0;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	opacity: 0;
}

.footer .share .weixin #qrcode{
	position: absolute;
	bottom: 3rem;
	left: -2.5rem;
	background-color: #fff;
	padding: .4rem;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	opacity: 0;
}


/* 尾部 end

/* 右边浮动 start */
.right-float{
	width: 4.4rem;
	position: fixed;
	right: 4rem;
	z-index: 100;
	top: 77%;
	cursor: pointer;
	display: none;
}

.right-float .tel{
	width: 100%;
	height: 4.4rem;
	background-color: #035b8d;
	background-image: url('../img/phone.svg');
	border-radius: 50%;
	margin-bottom: 3.8rem;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}
.right-float .tel:hover{
	background-color: #3E72DB;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}

.right-float .text-sy{
	position: relative;
	width: 100%;
	height: 4rem;
	text-align: center;
	background-color: #fff;
	border: 1px solid #EBEEF0;
	box-shadow: 0 2px 20px 0 #E6F4FF;
	-moz-box-shadow: 0 2px 20px 0 #E6F4FF;
	-webkit-box-shadow: 0 2px 20px 0 #E6F4FF;
	border-radius: 4rem;
	writing-mode:vertical-rl;
	writing-mode: tb-rl;
	transition:border .3s;
	-webkit-transition:border .3s;
	-moz-transition:border .3s;
}
.right-float .text-sy:hover{
	border: 1px solid #035b8d;
	transition:border .3s;
	-webkit-transition:border .3s;
	-moz-transition:border .3s;
}
.right-float .text-sy:hover .img{
	background: url('../img/apply_pressed.svg');
	background-repeat: no-repeat;
	transition:background .3s;
	-webkit-transition:background .3s;
	-moz-transition:background .3s;
}
.right-float .text-sy:hover span.text{
	color: #035b8d;
	transition:color .3s;
	-webkit-transition:color .3s;
	-moz-transition:color .3s;
}
.right-float .text-sy .img{
	width: 100%;
	height: 1.9rem;
	background: url('../img/apply_default.svg');
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 1.3rem;
	left:1.3rem;
	*left:0; /* IE6, IE7 */
	+left:0;/* IE6, IE7*/
	left:0\9; /* IE6, IE7, IE8, IE9, IE10 */
	left:0\0; /* IE8, IE9, IE10 */
	left:0\9\0;/*IE9, IE10*/
	_left:0; /* Only works in IE6 */
	*+left:0; /*  WARNING: Only works in IE7 ? Is it right? */
	transition:background .3s;
	-webkit-transition:background .3s;
	-moz-transition:background .3s;
}

.right-float .text-sy span{
	display: inline-block;
}
.right-float .text-sy span.text{
	font-size: 1.6rem;
	color:#666;
	line-height: 2.4rem;
	position: absolute;
	top: 5.3rem;
	left: 1rem;
}

@media screen and (max-width: 768px){
	.left-padding-ghost{
		padding-left: 15px;
	}
	.new-content .text-list .listzifarent{
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}
/* 右边浮动 end */

@media screen and (min-width: 768px) and (max-width: 1369px) {
	.navbars .left img{
		width: 12.7rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1418px) {
	.right-float{
		right: 2rem;
	}
}


@media screen and (min-width: 768px) and (max-width: 1220px) {
	.navbars .left li a, .navbars .right li a {
	    padding: 1rem .5rem;
	}
	
}


@media screen and (min-width: 768px) and (max-width: 1053px) {
	.navbars .left .ver {
	    margin: 0 .1rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.navbars .left li a, .navbars .right li a {
	    padding: 1rem .5rem;
	}
}

@media screen and (min-width: 768px) and (max-width:1026px) {
	.navbars .left img {
	    width: 9rem;
	}
	.right-float{
		right: 2rem;
	}
	.app .list .related-goods .goods-list div{
		padding: .1rem .2rem;
	}
}
@media screen and (min-width: 768px) and (max-width:1000px) {
	.container-fluid{
		padding-left: 12px;
		padding-right: 12px;
	}
	
}

@media screen and (min-width: 768px) and (max-width:990px) {
	.column{
		height:9rem;
	}
	.column img {
	    max-height: 7.6rem;
	}
	.column .title {
	    font-size: 1.6rem;
	    margin-top: 1.5rem;
	    line-height: 1.6rem;
	}
	.column .media-left{
		padding-right:0;
	}
	.new-content .list-content .text-title, .new-content .list-content .des{
		font-size:13px;
	}
	.goods .list-flag{
		padding: 0;
	}
	.goods .ant-tabs-content-holder .goods-list{
		padding: .8rem  1rem;
		padding-bottom: 3rem;
	}
	
	.goods .goods-list .goods-des{
		display:-webkit-box;
		-webkit-line-clamp:4;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	.goods .ant-tabs-content-holder .goods-list .show-des{
		bottom:.5rem;
	}
	
	.app .list .titles{
		font-size:1.6rem
	}
	.app .list .media .media-left img{
		width: 16rem;
	}
	.app .list .text{
		font-size:1.3rem;
		line-height:2rem;
		-webkit-line-clamp:2;
	}
	.app .list .related-goods{
		font-size:1.2rem;
		bottom:0;
	}
	.right-float{
		width: 3.8rem;
	}
	.right-float .tel{
		height:3.8rem;
		margin-bottom: 1.8rem;
	}
	.right-float .text-sy{
		margin-bottom: 1.4rem;
	}
	.right-float .text-sy .img{
		left:1rem;
		*left:0; /* IE6, IE7 */
		+left:0;/* IE6, IE7*/
		left:0\9; /* IE6, IE7, IE8, IE9, IE10 */
		left:0\0; /* IE8, IE9, IE10 */
		left:0\9\0;/*IE9, IE10*/
		_left:0; /* Only works in IE6 */
		*+left:0; /*  WARNING: Only works in IE7 ? Is it right? */
	}
	.right-float .text-sy span.text{
		font-size:1.6rem;
		left:.6rem;
	}
	
	
	.solution .list .list-v:nth-child(3) .right img{
		max-width: 105%;
	}
	.solution .list .list-v:nth-child(5) .right img {
	    max-width: 105%;
	}	
	.solution .list .list-v .right img{
		max-width: 110%;
	}
	
	
}
@media screen and (min-width: 768px) and (max-width:970px) {
	.new-course .list .des .read{
		text-align: left;
	}
}


@media screen and (min-width: 768px) and (max-width:840px) {
	.navbars .left li a, .navbars .right li a{
		padding: 1rem .2rem;
	}
	.container-fluid{
		padding-left: 8px;
		padding-right: 8px;
	}
	.navbars .left a{
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width:982px) {
	.goods .ant-tabs-content-holder .goods-list.active .img{
		top: -1.7rem;
	}
}

@media screen and (min-width: 768px) and (max-width:769px) {
	.navbars .left li a, .navbars .right li a{
		padding: 1rem .1rem;
	}
}

@media (max-width: 768px) {
	.navbar-toggle{
		margin-right:0;
	}
	
	.new-content .text-list .leftba, .new-content .text-list .rightba, .solution .list .solution-left, .solution .list .solution-right, .goods .ant-tabs-content-holder .dd-left, .goods .ant-tabs-content-holder .dd-right, .app .ggleft, .new-course .courseleft{
		display: none;
	}
	.right-float{
		width:3rem;
		right:1rem;
		top: 70%;
	}
	
	.right-float .text-sy .img{
		height: 1.5rem;
		top: 0.8rem;
		left: 0.7rem;
		*left:0; /* IE6, IE7 */
		+left:0;/* IE6, IE7*/
		left:0\9; /* IE6, IE7, IE8, IE9, IE10 */
		left:0\0; /* IE8, IE9, IE10 */
		left:0\9\0;/*IE9, IE10*/
		_left:0; /* Only works in IE6 */
		*+left:0; /*  WARNING: Only works in IE7 ? Is it right? */
	}
	.right-float .text-sy span.text{
		font-size: 1.5rem;
		top: 4rem;
		left: 0.3rem;
	}
	
	.container-fluid{
		padding-left: 15px;
		padding-right: 15px
	}
	#banner .banner{
		height:51rem;
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 17.8rem !important;
	}
	
	#banner .banner .text{
		margin-top: 7rem;
	}
	#banner .banner_m{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	#banner .banner .subtitle{
		line-height: 2.3rem;
		font-size:2rem;
	}
	
	#banner .banner .title{
		font-size:2.4rem;
		line-height:3rem;
	}
	#banner .banner .des{
		font-size:1.4rem;
		line-height: 2rem;
	}
	
	.column{
		height: 15.6rem;
	}
	.column .list{
		padding: 0;
	}
	.column img{
		max-height:7.5rem;
	}
	
	.media-left{
		padding-right:0 !important;
	}
	
	.column .title{
		line-height: 1.4rem;
		margin-top:2.5rem;
	}
	.column .text{
		display: none;
	}
	
	.new-content .text-center{
		margin:3rem 0;
	}
	.new-content .text-list .row{
		margin-left: 0;
		margin-right: 0;
	}
	.new-content .listzifarent:nth-of-type(n+4){
		margin-top: 0;
	}
	.new-content .listzifarent{
		margin-bottom: 1rem;
	}
	
	.solution .list .list-v .left{
		font-size: 1.2rem;
		padding: 0;
		display:-webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	
	.goods .ant-tabs-content-holder .row{
		margin-left: 0;
		margin-right: 0;
	}
	.goods .ant-tabs-nav-list{
		margin-bottom: 1.8rem;
		padding-left: 15px;
	}
	.goods .ant-tabs-nav-list .ant-tabs-tab{
		font-size: 1.3rem;
	}
	.goods .ant-tabs-ink-bar{
		width: 5rem;
		left: 15px;
	}
	.goods .list .list-flag{
		margin-bottom: 1.5rem;
		padding-left: 1.2rem !important;
	}
	.goods .btn-goods-switch .right{
		margin-right: 1rem;
	}
	.goods .ant-tabs-content-holder .btn-goods-switch{
		margin: 1rem 0;
	}
	
	.app .row{
		margin-left: 0;
		margin-right: 0;
	}
	.app .list .text, .app .list .related-goods, .app .list .titles{
		display: none;
	}
	.app .list .media .media-left img{
		width: 16rem;
	}
	.app .list{
		margin-bottom: 2.5rem;
	}
	.app .list .media-left .mtitle{
		font-size:  1.6rem;
		margin-top: 1rem;
		display: inline-block;
		display:-webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	
	.new-course .list{
		margin-bottom: 1.5rem;
	}
	
	.new-course .list .title{
		margin-top:1rem;
	}
	
	.new-course .list .des .read{
		text-align: left;
	}
	.new-course .more{
		margin-top: 1.2rem;
		margin-bottom: 3rem;
	}
	.card .card-content .card-des{
		margin-bottom: 1rem;
	}
	.card .card-content .card-title{
		font-size: 2rem;
	}
	.card .card-content input{
		width: 100%;
		margin-bottom: 1rem;
	}
	.card .card-content .submit{
		width: 50%;
	}
	
	.card{
		height: auto;
	}
	.partners .list{
		display: none;
	}
	
	.partners .partner-list{
		display: inline-block;
		margin-bottom: 2rem;
	}
}

/* 
 * 课程中心
 */
.curriculum-index {
	width: 100%;
	
}
/* 横屏srart 公用的 */
.gcc .rung{
	position: relative;
	height: 32rem;
}
.gcc .bacurriclum{
	width: 100%;
	background-image: none;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.gcc .rung .title{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.gcc .rung .title h1{
	font-size: 36px;
	color: #FFF;
}

.gcc .rung .title .des{
	font-size: 16px;
	color: #FFFFFF;
}
/* 横屏end */

/* 小导航start  公用*/
.gcc .cur-nva{
	display: flex;
	display: -webkit-flex;
	align-items:center;
	justify-content:center;
	height: 5.2rem;
	line-height: 5.2rem;
	background: #FFF;
	box-shadow: 0 1px 8px 0 #E6F4FF;
	-moz-box-shadow: 0 1px 8px 0 #E6F4FF;
	-webkit-box-shadow: 0 1px 8px 0 #E6F4FF;
}
.gcc .cur-nva.fixed{
	position: fixed;
	top:0;
	left:0;
	right: 0;
	z-index: 1000;
}

.gcc .cur-nva .item{
	margin-right: 2.9%;
	position: relative;
}

.gcc .cur-nva .item-animated{
	position: absolute;
	height: 2px;
	bottom: 0;
	width: 0;
	left: 0;
	background:#035b8d;
}

.gcc .cur-nva .item.active a{
	color: #035b8d;
}
.gcc .cur-nva .item:ast-child{
	margin-right: 0;
}
.gcc .cur-nva a{
	font-size: 16px;
	color: #8A97B8;
}

/* 小导航end */
.curriculum-index .container{
	margin-top: 3px;
}
.curriculum-index .new-course{
	padding: 3rem 0;
	margin-top: .2rem;
}
.curriculum-index .new-course .list{
	margin-bottom: 2.8rem;
	position: relative;
}

.curriculum-index .new-course .list .flaglab{
	position: absolute;
	top: .8rem;
	left: 1.2rem;
	z-index: 999;
	background-color: #F2A634;
	color: #fff;
	font-size: 12px;
	padding: .1rem 1rem;
}

.curriculum-index .new-course .list .des .title{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

@media (min-width: 1200px){
	.curriculum-index .new-course .list:nth-child(1) .flaglab{
		left: 0;
	}
	.curriculum-index .new-course .list:nth-child(2) .flaglab{
		left: .6rem;
	}

	.curriculum-index .new-course .list:nth-child(3) .flaglab{
		left: 1.2rem;
	}

	.curriculum-index .new-course .list:last-child .flaglab{
		left: 1.8rem;
	}
	
	.navbars .center .caret{
		margin-left: .4rem;
	}
}


@media (max-width: 768px) {
	.curriculum-index .new-course .list .des{
		 min-height: 12rem;
	}
	
	.curriculum-index .new-course .list .label-flag{
		bottom: 1.4rem;
	}
	
	.curriculum-index .new-course .list .title{
		font-size:1.5rem;
	}
}

@media (max-width: 530px) {
	.gcc .cur-nva{
		width: 98%;
		margin: 0 auto;
	}
	.gcc .cur-nva .item{
		width: 20%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		text-align: center;
	}
	
	
	.gcc .cur-nva a{
		font-size: 15px;
	}
	.gcc .cur-nva .item-animated{
		left: 14px;
	}
}

/* 关于我们 */
.aboutus .right-float{
	display: inline-block;
}
.aboutus .bacurriclum{
	background: url('../img/d53dcd95aa396792179f32a44901b977.png') no-repeat center center; background-size: cover;
}
.aboutus .rung{
	height: 32rem;
	padding-top: 4rem;
}

.aboutus .bacurriclum .min-text{
	font-size: 1.7rem;
	font-weight: 700;
}
.aboutus .aboutus-t1 .aboutus-t1-title{
	font-size: 3rem;
	font-weight: 700;
}

.aboutus .aboutus-t1 .des1{
	padding: 2rem 10rem;
}

@media (min-width: 768px) and (max-width: 1100px) {
	.aboutus .aboutus-t1 .des1{
		padding: 2rem 3rem;
	}
}

@media (max-width: 768px) {
	.aboutus .aboutus-t1 .des1{
		padding: 2rem 1rem;
	}
}

.aboutus .bacurriclum .title{
	color: #fff;
}
.aboutus .bacurriclum .title .title1{
    line-height: 115px;
}

.aboutus .bacurriclum .title .mtp{
	margin-top: 1rem;
}
.aboutus .bacurriclum .title .mt{
	margin-top: -1.5rem;
}
.aboutus .top-1-img {
	width: 100%;
}
.aboutus .us-img-b{
	margin-bottom: 3rem;
}
.aboutus .new-course {
	padding-bottom: 0;
}
.aboutus .aboutus-t3 .list1{
	margin-top: 3rem;
}
.aboutus .aboutus-t3 .des{
    height: 100%; justify-content: center;flex-direction: column;display: flex;
}
.aboutus .aboutus-t3 .img1, .aboutus .aboutus-t3 .img2, .aboutus .aboutus-t3 .img3, .aboutus .aboutus-t3 .img4{
	min-height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgb(232, 234, 236);
	background-position: 50% 50%;						
}
.aboutus .aboutus-t3 .img1{
	background-image: url(../img/us1.png);
}
/*.aboutus .aboutus-t3 .img2{*/
/*	background-image: url(../img/us2.jpg);*/
/*}*/
/*.aboutus .aboutus-t3 .img3{*/
/*	background-image: url(../img/us3.jpg);*/
/*}*/
.aboutus .aboutus-t3 .img4{
	background-image: url(../img/us4.png);
}

@media (max-width: 768px) {
	.aboutus .aboutus-t3 .img1, .aboutus .aboutus-t3 .img2, .aboutus .aboutus-t3 .img3, .aboutus .aboutus-t3 .img4{
		min-height: 300px;
	}
	.aboutus .aboutus-t3 .img2{
		margin-top: 3rem;
	}
	.aboutus .aboutus-t3 .img4{
		margin-top: 3rem;
	}
}
/* 
 * 数据为空的时候
 */
.empty{
	height: 38rem;
	font-size: 16px;
	color: #8A97B8;
	line-height: 38rem;
}
.empty img{
	width: 10rem;
}



/* 
 * 文档中心
 */
.gcc .gcc-content .title{
	font-size: 24px;
	color: #0E1B3F;
	line-height: 3rem;
	margin: 5.6rem 0;
}

.document-index .document-content .document-content-list{
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	border-radius: 6px;
	position: relative;
	margin-bottom: 4rem;
	margin-top: 0;
	transition: margin-top .3s, box-shadow .3s;
	-webkit-transition: margin-top .3s, box-shadow .3s;
	-moz-transition: margin-top .3s, box-shadow .3s;
}
.document-index .document-content .document-content-list:hover{
	margin-top: -1rem;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: margin-top .3s, box-shadow .3s;
	-webkit-transition: margin-top .3s, box-shadow .3s;
	-moz-transition: margin-top .3s, box-shadow .3s;
}
.document-index .document-content .document-content-list .bg{
	background: #FFFFFF;
}

.document-index .document-content .document-content-list .image{
	margin-top: -2rem;
	position: relative;
	width: 121px;
	margin-right: 16px;
}
@media screen and (min-width: 768px) and (max-width:1200px) {
	.document-index .document-content .document-content-list .image{
		width: 41.66666667%;
		margin-right: 0;
	}
	
	
}
@media screen and (min-width: 768px) and (max-width:992px) {
	.document-index .document-content .document-content-list .read .down, .document-index .document-content .document-content-list .read .num{
		font-size: 12px !important;
	}
}
.document-index .document-content .document-content-list .image .flaglab{
	position: absolute;
	top: .4rem;
	right: 1rem;
	font-size: 12px;
	color: #FFFFFF;
	background: rgba(12,19,37,0.60);
	border-radius: 2px;
	padding: .2rem .8rem;
}

.document-index .document-content .document-content-list .image img{
	max-width: 100%;
}

.document-index .document-content .document-content-list .right{
	min-height: 13rem;
}
.document-index .document-content .document-content-list .right .document-title{
	margin-top: 2.2rem;
	font-size: 16px;
	color: #0E1B3F;
	line-height: 2.4rem;
	
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.document-index .document-content .document-content-list .right .document-title:hover{
	color: #035b8d;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.document-index .document-content .document-content-list .read{
	position: absolute;
	bottom: 0;
}
.document-index .document-content .document-content-list .read i{
	color:#CACEDB;
	margin-right: 3px;
}
.document-index .document-content .document-content-list .read .num{
	font-size: 13px;
	color: #7E8894;
}
.document-index .document-content .document-content-list .read .down{
	font-size: 14px;
	color: #666;
}
.document-index .document-content .document-content-list .read .down a{
	color: #666;
}
.document-index .document-content .document-content-list .read .down span{
	border: 1px solid #E8E8E8;
	border-radius: 12px;
	padding: .15rem 1.1rem;
	text-align: center;
	cursor: pointer;
}

.document-index .document-content .document-content-list .read .down span:hover{
	border: 1px solid #035b8d;
	color: #035b8d;
	transition: border .3s, color .3s;
	-webkit-transition: border .3s, color .3s;
	-moz-transition: border .3s, color .3s;
}

/* 新闻中心详情 */
.document-details{
	position: relative;
}

.document-details{
	margin-top: 7.2rem;
}
.document-details .container{
	background-color: #fff;
}
.document-details .container .content-bg-with{
	box-shadow: 0 1px 8px 0 #EEF2F5;
	border-radius: 4px;
	min-height: 32rem;
	padding-bottom: 4.8rem;
}
.document-details.news .back{
	display: inline-block;
	padding-top:5rem;
}



.status-point {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #8A97B8;
  vertical-align:middle;
}

/* 左边导航 */
.document-details .document-left-nav{
	position: fixed;
	/* width: 25.5rem; */
	left: 0;
	height: 100%;
	border-right: 1px solid #E6EAED;
	overflow-y: auto;
}
.document-details .document-left-nav::-webkit-scrollbar-track{background-color:transparent}
.document-details .document-left-nav::-webkit-scrollbar{width:6px}
.document-details .document-left-nav::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}
.document-details .document-left-nav::-webkit-scrollbar-thumb:hover{background-color:#aaa}

.document-details .document-left-nav .top{
	border-top: 1px solid #E6EAED;
}
.document-details .document-left-nav a{
	color: #8A97B8;
	font-size: 14px;
}

/* 选中背景 start */
.document-details .document-left-nav .active_bg{
	background-color: #F8F9FA;
	margin-right: -1.5rem;
}
/* 选中背景 end */

.document-details .document-left-nav a.active li{
	color: #035b8d;
}

.document-details .document-left-nav a.active .status-point{
	background-color: #035b8d;
}

.document-details .document-left-nav .go-back, .document-details .document-left-nav ul li{
	line-height: 2rem;
	padding-top: 1.8rem;
}
.document-details .document-left-nav ul a:first-child li{
	padding-top: 0;
	padding-bottom: 1.8rem;
}
.document-details .document-left-nav ul li:hover{
	color: #035b8d;
	/* overflow: visible; */
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	
}
.document-details .document-left-nav ul li:hover .status-point{
	background-color: #035b8d;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}
.document-details .document-left-nav ul li{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #8A97B8;
}

.document-details .document-left-nav ul{
	list-style-type: none;
}



@media screen and (min-width: 768px) and (max-width:1198px) {
	.document-index .document-content .document-content-list .right .document-title{
		margin-top:1rem;
	}
	.document-index .document-content .document-content-list .image{
		margin-top: -1rem;
	}
	
	.document-index .document-content .document-content-list .read{
		bottom: 1.7rem;
	}
}

@media screen and (min-width: 768px) and (max-width:990px) {
	.document-index .document-content .document-content-list .right .document-title{
		-webkit-line-clamp:2;
		font-size: 15px;
	}
	.document-index .document-content .document-content-list .right{
		min-height:10rem;
	}
	.document-index .document-content .document-content-list .read .num{
		font-size: 12px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
}
@media screen and (max-width: 768px) {
	.document-index .document-content .document-content-list .image img{
		/* width: 100%; */
	}
	.document-details{
		margin-top: 5rem;
	}
}
@media screen and (max-width: 392px) {
	.document-index .document-content .document-content-list .right{
		min-height: 12rem;
	}
	.document-index .document-content .document-content-list .right .document-title{
		margin-top:1.2rem;
	}
}

@media screen and (max-width: 340px) {
	.document-index .document-content .document-content-list .image{
		margin-top:-1rem;
	}
	.document-index .document-content .document-content-list .right{
		min-height:11rem;
	}
}
/* 产品详情 */
.experiment img{
	width: 100%;
}
.experiment .btn-group{padding-top: 2rem;}
.experiment .min_title{padding-top: 3.5rem;}
.experiment .min_title .text{
	position: relative;
	font-weight: 700;
	font-size: 1.6rem;
}
.experiment .min_title span{
	position: absolute;
	top: 50%;
	display: inline-block;
	border: 1px solid #000;
	width: 10rem;
}
.experiment .max_title{margin-bottom:1rem;margin-top: 1.1rem;}
.experiment .ghost-btns{padding: .5rem 2rem;cursor: pointer;}
.experiment .bacurriclum .title .des{
	font-size: 1.5rem;
}
.experiment .bacurriclum .title .btn-group{
	padding-top: 7rem;
}
.experiment .btn1{
	background: rgb(255, 0, 85);
	color: #fff;
}
.experiment .btn2{
	border: 1px solid rgb(24, 23, 28);
	color: rgb(24, 23, 28);
}
.experiment .ghost-btns-left{margin-left:2rem}

.experiment .top-bg-1{
	background: url('../img/good_top1.png');
	background-size: cover;
}
.experiment .top-1{
	color: #fff;
	padding-top: 4.5rem;
	padding-bottom: 5.5rem;
}

.experiment .top-1 .title-group .t1, .experiment .top-1 .title-group .t2 {
	margin-top: 0;
	margin-bottom: 0;
}

.experiment .top-1 .des{
	margin-top: 3rem;
}

.experiment .top-1 .btn-group {
	margin-top: 1rem;
}

.experiment .top-2{
	color: #fff;
}
.experiment .top-2 .edge_distance{
	padding-left: 30px;
}

.experiment .top-bg-2{
	background: #252525;
}
.experiment .top-bg-2 img{
	max-width: 100%;
}

.experiment .top-2 .text{
	margin-top: 2rem;
}
.experiment .top-2 .text .title{
	/* font-size: 2.4rem; */
	/* font-weight: 700; */
	margin-top: 0;
	margin-bottom: 0;
}
.experiment .top-2 .text .title1{
	font-size: 1.6rem;
	margin-left: 1rem;
	margin-top: .8rem;
	font-weight: 600;
	/* border-left: 3px solid #99c4f8;
	padding-left: .3rem; */
	position: relative;
	
}
.experiment .top-2 .text .title1 span{
	display: inline-block;
	border-left: 3px solid #99c4f8;
	padding-left: .3rem;
	height: 1.3rem;
	position: absolute;
	top: 26%;
	left: -8px;
}

.experiment .top-2 .text .text-content{
	margin-left: 1.5rem;
	position: relative;
	font-size: .87rem;
}

.experiment .top-2 .btn-group{
	padding-bottom: 3rem;
	padding-top: 4rem;
}

.experiment .top-3 {
	padding-top: 3rem;
}

.experiment .new-course .list .des {
	min-height: 16rem;
}
.experiment .new-course .list .title{
	margin-top: 0;
}
.experiment .new-course .document-list{
	padding-bottom: 3rem;
}

/* 应用实例 */
.app-index .experiment-list .bottom .related-goods div{
	display: inline-block;
	font-size: 14px;
	color: #666;
}

.app-index .experiment-list .bottom .related-goods .goods-list div{
	border: 1px solid #E8E8E8;
	border-radius: 1.2rem;
	padding: .1rem .6rem;
}
.app-index .experiment-list .bottom .related-goods .goods-list div a{
	line-height: 1.8rem;
	display: inline-block;
}
.app-index .experiment-list .bottom .related-goods .goods-list a:hover{
	color: #035b8d;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.app-index .experiment-list .bottom .related-goods .goods-list div:hover{
	border: 1px solid #035b8d;
	color: #035b8d;
	transition: color .3s, border .3s;
	-webkit-transition: color .3s, border .3s;
	-moz-transition: color .3s, border .3s;
}
/* 
	费用说明
*/
.fees-index .fee-tip{
	padding-top: 48px;
	padding-bottom: 48px;
}

@media (min-width: 768px) {
    .fees-index .fee-tip{
        padding-bottom: 96px;
        padding-top: 96px;
    }
}

.fees-index .fee-text-list{
	/* padding-top: 5rem; */
	padding-bottom: 5rem;
	border-bottom: 1px solid #d1d5da;
}

.revenueoptimization.fees-index .fee-text-list{
    border-bottom: 0;
}

.fees-index .top1{
	margin-bottom: 3rem;
}

.fees-index .fee-content-list{
	padding: 5.6rem 0;
	padding-top: 0;
}
.fees-index .fee-content-list .w100{
	width: 100%;
}

.fees-index .fee-content-list .fee-search{
	min-width: 10rem;
}
.fees-index .fee-content-list .btn-goup{
    background: #eeeff1;
    
}
.fees-index .fee-content-list .start-list .pay_type{
	width: 100%;
	background: #fff;
	color: #000;
	height: 4rem;
	line-height: 4rem;
	cursor: pointer;
	border-radius: .5rem;
}
.fees-index .fee-content-list .form-control{
    height: 4rem;
    /* font-size: 1.6rem; */
}
.fees-index .fee-content-list #pay_name{
    margin-top: 3rem;
}
.fees-index .fee-content-list select, .fees-index .fee-content-list input{
    border-radius: .5rem;
}
.fees-index .fee-content-list .start-list .pay_type.on{
	background: #035b8d;
	color: #fff;
}
.fees-index .fee-content-list .start-list .start-line{
	width: 10%;
	height: 3px;
	min-width: 10rem;
	margin: auto;
}
.fees-index .fee-content-list .start-list .start-line span{
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #035b8d;
	margin-top: 5.6rem;
}
.fees-index .fee-content-list .data-list{
	margin-top: 5.6rem;
}
.fees-index .fee-content-list #table {
    border: none;
    border-collapse: collapse;
}

.fees-index .fee-content-list #table th,
.fees-index .fee-content-list #table td {
    border: none;
    border-bottom: 1px solid #d1d5da;
}
.fees-index .fee-content-list .fixed-table-container{
    border: none;
}
.fees-index .fee-content-list thead{
    /* font-size: 2rem; */
}
.fees-index .fee-content-list tbody{
    /* font-size: 1.6rem; */
}
.fees-index .fee-content-list tbody td{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

/* 本土化详情页 */
.revenueoptimization .fee-text-list {
	padding-top: 5rem;
}
.revenueoptimization .fee-tip{
	padding-bottom: 10px;
}
.revenueoptimization .rev-top-3 .rev-top-img-3{
	margin-top: 48px;
}
.revenueoptimization .rev-top-3 .rev-top-img-3 img{
	max-width: 100%;
}
.revenueoptimization .big-title {
	margin-bottom: 0;
	margin-top: 0;
}

/* 行业方案 */
.solution-index .big-title{
	margin-top: 5.6rem;
	margin-bottom: 4.4rem;
}
.solution-index .bg-fff{
	background-color: #fff;
}
.solution-index .bg-hh{
	background-image: -webkit-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: -moz-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: -o-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: -ms-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
}
.solution-index .solution-content{
	margin-top: .2rem;
}
.solution-index .solution-content .trend .trend-content{
	background: #FFFFFF;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	border-radius: 4px;
	padding: 2rem 4rem;
	margin-bottom: 4.4rem;
}
.solution-index .solution-content .trend .trend-content .img img{
	width: 100%;
	vertical-align:middle;
}

.solution-index .solution-content .trend .trend-content .text-c, .solution-index .solution-content .trend .trend-content .text-c *{
	font-size: 14px;
	color: #333333;
	vertical-align:middle;
}

.solution-index .solution-content .trend .trend-content .row{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.solution-index .solution-content .trend .trend-content .text >div{
	
}
.solution-index .solution-content .trend .trend-content .text-c .text{
	vertical-align:middle;
}
.solution-index .solution-content .industry .industry-content{
	margin-bottom: 4.4rem;
}

.solution-index .solution-content .industry .industry-content .top img{
	max-width: 100%;
	width: 100%;
}

.solution-index .solution-content .industry .industry-content .bottom{
	padding: 0 2rem 4rem;
	background-color: #fff;
}
.solution-index .solution-content .industry .industry-content .list{
	background: #FFFFFF;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	margin-bottom: 2rem;
}

.solution-index .solution-content .industry .industry-content .bottom .title{
	font-size: 16px;
	color: #333;
	padding-top: 2.4rem;
	padding-bottom: 2rem;
}
.solution-index .solution-content .industry .industry-content .bottom .text{
	font-size: 14px;
	color: #7E8894;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.solution-index .solution-content .thesolution .thesolution-content .des{
	padding-bottom: 3.6rem;
}

@media screen and (max-width: 768px){
	
	.solution-index .solution-content .trend .trend-content .row{
		display: inline-block;
	}
	
	.solution-index .solution-content .trend .trend-content .img{
		padding-left: 1.5rem !important;
	}	
	.solution-index .solution-content .trend .trend-content .text-c{
		padding-right: 1.5rem !important;
		margin-top: 1rem;
	}
	.solution-index .solution-content .trend .trend-content{
		padding: 0 1.5rem;
	}
	.solution-index .big-title{
		margin-top: 3rem;
		margin-bottom: 2rem;
	}
	.solution-index .solution-content .industry .industry-content .bottom .title{
		padding-top: 1.4rem;
		padding-bottom: 1rem;
	}
}

/* 解决方案 */
.advantage .advantage-content .list{
	background: #FFF;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	padding: 2.4rem 2rem;
	margin-bottom: 2.4rem;
}
.advantage .advantage-content .list .left-img{
	max-width: 100%;
}
.advantage .advantage-content .list .title{
	font-size: 16px;
	color: #333;
	margin-bottom: 1.2rem;
}
.advantage .advantage-content .list .text{
	font-size: 14px;
	color: #7E8894;
	line-height: 22px;
}

.architecture .trend-content .wz{
	background: #F8F9FA;
}

.architecture .trend-content .wz .text h3{
	font-size: 16px;
	color: #333;
	font-weight: 500;
}
.architecture .trend-content .wz .text p{
	font-size: 14px;
	color: #0E1B3F !important;
	line-height: 24px;
}

.apps .advantage-content .list .text{
	font-size: 14px;
	color: #0E1B3F;
	line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.apps .advantage-content .list{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: 1px solid #EBEEF0;
	padding: 2.2rem 2rem;
}
.apps .advantage-content .list img{
	max-width: 100%;
}


/* 在线实验详情页 */
.online-details{
	margin-top: 4.8rem;
	height: 100rem;
}

.online-details .crumbs{
	height: 4.8rem;
	line-height: 4.8rem;
	font-size: 14px;
	color: #8A97B8;
}
.online-details .crumbs .fa-reply-all{
	font-size:16px;
}
.online-details .crumbs .go-back{
	margin-right: 1.6rem;
}

.online-details .crumbs a{
	color: #8A97B8;
}
.online-details .crumbs a:hover{
	color: #035b8d;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.online-details .crumbs .active{
	color: #035b8d;
	cursor: auto;
}

.online-details .details .details-none{
	background-color: #fff;
	padding: 2.4rem 2rem;
}

.online-details .details .wz .wz-2{
	padding-left: 2.8rem;
}
.online-details .details .img img{
	max-width: 100%;
}

.online-details .details .wz .wz-2 h2{
	font-weight: 500;
	font-size: 26px;
	color: #333;
	margin-top: 1rem;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.online-details .details .wz .wz-2 .des{
	background: #F8F9FA;
	padding-left: 1.3rem;
	font-size: 14px;
	color: #7E8894;
	line-height: 2.4rem;
	margin: 2rem 0;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.online-details .details .wz .wz-2 .flag{
	font-size: 1.4rem;
	line-height: 18px;
}
.online-details .details .wz .wz-2 .flag d{
	color: #151515;
}

.online-details .details .wz .wz-2 .flag .zhong{
	padding: 0 1.3rem;
	color: #D8D8D8;
}
.online-details .details .wz .wz-2 .ann div:first-child{
	margin-right: 1.6rem;
}	
.online-details .details .wz .wz-2 .ann div{
	display: inline-block;
	padding: .7rem 2rem;
	border-radius: 1.7rem;
	cursor: pointer;
	margin-top: 2rem;
}

.online-details .details .wz .wz-2 .ann .start{
	background: #035b8d;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-moz-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-webkit-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
}

.online-details .details .wz .wz-2 .ann .start:hover{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}

.online-details .details .wz .wz-2 .ann .start a{
	color: #fff;
	font-size: 1.4rem;
}

.online-details .details .wz .wz-2 .ann .down{
	background: #FFFFFF;
	border: 1px solid #E8E8E8;
	border-radius: 16px;
}

.online-details .details .wz .wz-2 .ann .down:hover{
	border: 1px solid #035b8d;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}
.online-details .details .wz .wz-2 .ann .down:hover a{
	color: #035b8d;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}

.online-details .details .content-ghost .content-left, .online-details .details .content-ghost .content-right{
	background-color: #fff;
	margin-top: 1.6rem;
	padding: 2rem;
}

.online-details .details .content-ghost .content-left .flag-title{
	font-size: 16px;
	color: #333;
	margin-top: -5px;
}


.online-details .details .content-ghost .content-left h3{
	font-size: 18px;
	color: #333;
	font-weight: 700;
	margin: 2rem  0 1.6rem;
}
.online-details .details .content-ghost .content-left p{
	font-size: 14px;
	
}
.online-details .details .content-ghost .content-left img{
	max-width: 3.16rem;
}
.online-details .details .content-ghost .content-ghost-img img{
	max-width: 100%;
}
@media screen and (max-width: 1000px) {
	.online-details .details .content-ghost .content-left .content-ghost{
		padding-left: 15px !important;
	}
}
.online-details .details .content-ghost .content-right .title{
	font-size: 18px;
	color: #333;
}
.online-details .details .content-ghost .content-right .list{
	margin-top: 1.6rem;
}
.online-details .details .content-ghost .content-right .list img{
	width: 6.8rem;
	height: 4.9rem;
}

.online-details .details .content-ghost .content-right .list .text .titles{
	font-size: 14px;
	color: #0E1B3F;
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.online-details .details .content-ghost .content-right .list .directory-title{
	font-size: 14px;
	color: #333333;
	line-height: 3.8rem;
	vertical-align: middle;
	margin: 0 -2rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.online-details .details .content-ghost .content-right .list .directory-title a{
	width: 100%;
	display: inline-block;
	padding: 0 2rem;
}
.online-details .details .content-ghost .content-right .list .directory-title .active{
	color: #035b8d;
	background: #F8F9FA;
}
.online-details .details .content-ghost .content-right .list .directory-title .active .status-point{
	background-color: #035b8d;
}
.online-details .details .content-ghost .content-right .list .directory-title .status-point{
	width: 4px;
	height: 4px;
	background-color: #333;
	vertical-align: middle;
	margin-left: 1.5rem;
}
.online-details .details .content-ghost .content-right .read{
	font-size: 14px;
	color: #333;
	line-height: 3.8rem;
	vertical-align: middle;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.online-details .details .content-ghost .content-right .read a{
	color: #333;
}
.online-details .details .content-ghost .content-right .read a:hover{
	color: #035b8d;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}

.online-details .details .content-ghost .content-right .list.read .text .status-point{
	width: 4px;
	height: 4px;
	background-color: #333;
	vertical-align: middle;
	margin-right: .8rem;
}
.online-details .details .content-ghost .content-right .read .text:hover .status-point{
	background-color: #035b8d;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}

.online-details .details .course-details h3{
	font-size: 16px !important;
}
.online-details .details .content-ghost .directory-list{
	vertical-align: middle;
	
}
.online-details .details .content-ghost .directory-list .text{
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.online-details .details .content-ghost .directory-list .give span{
	padding: .3rem 1.2rem;
	font-size: 14px;
	color: #FFF;
	cursor: pointer;
	background: #035b8d;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-moz-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-webkit-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	border-radius: 17px;
	display: none;
	
	transition: display .3s;
	-webkit-transition: display .3s;
	-moz-transition: display .3s;
}

.online-details .details .content-ghost .directory-list .give span:hover{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}

.online-details .details .content-ghost .directory-list .list{
	background: #F8F8F8;
	border-radius: 4px;
	height: 4.8rem;
	line-height: 4.8rem;
	margin-top: 1.2rem;
	transition: background .3s, border .3s;
	-webkit-transition: background .3s, border .3s;
	-moz-transition: background .3s, border .3s;
}

.online-details .details .content-ghost .directory-list .list:hover{
	background: #EDF2FF;
	border: 1px solid #035b8d;
	transition: background .3s, border .3s;
	-webkit-transition: background .3s, border .3s;
	-moz-transition: background .3s, border .3s;
}

.online-details .details .content-ghost .directory-list .list:hover .text{
	color: #035b8d;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}

.online-details .details .content-ghost .directory-list .list:hover .give span{
	display: unset;
	transition: display .3s;
	-webkit-transition: display .3s;
	-moz-transition: display .3s;
}
.online-details .details .content-ghost .directory-list .list:hover .caralog{
	background: url("../img/caralog_pressed.svg");
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
}
.online-details .details .content-ghost .directory-list .list:first-child{
	margin-top: 2.4rem;
}
.online-details .details .content-ghost .directory-list .caralog{
	width: 2.4rem;
	height: 2.4rem;
	background: url("../img/caralog_default.svg");
	vertical-align: middle;
	margin-right: 1.2rem;
}

/* 评论内容 */
.comments .flag-title{
	/* font-weight: 700; */
}

.comments .comments-input{
	margin-top: 1.6rem;
	font-size: 14px;
}

.comments .comments-input textarea{
	background: #F8F9FA;
	border: 1px solid #E4E8EB;
	border-radius: 2px;
	font-size: 14px;
	color: #828D99;
	resize:none;
}
.comments .comments-input .push-parent{
	margin-top: 1.6rem;
	margin-bottom: 2.3rem;
}
.comments .comments-input .push-parent .push{
	color: #FFF;
	padding: .7rem 2rem;
	background: #B3B3B3;
	border-radius: 17px;
	cursor:not-allowed;
}

.comments .comments-content .list{
	margin-top: 3.4rem;
}

.comments .comments-content .header-img{
	border-radius: 50%;
}

.comments .comments-content .list .info{
	font-size: 14px;
	color: #7E8894;
	margin-bottom: 1.2rem;
	vertical-align: middle;
}

.comments .comments-content .list .info div{
	display: inline-block;
}

.comments .comments-content .list .info .user-name{
	margin-right: 1.6rem;
}

.comments .comments-content .list .text{
	background: #F8F9FA;
	padding: .6rem 1.2rem;
	font-size: 14px;
	line-height: 24px;
}

@media screen and (max-width: 768px) {
	.phone-no-padding{
		padding: 0 !important;
	}
	.online-details .details .content-ghost .content-left, .online-details .details .content-ghost .content-right{
		padding: 1rem;
	}
	.online-details .details .wz .wz-2{
		padding-left:0;
	}
	.online-details .details .details-none{
		padding: 1rem;
	}
	.online-details .details .wz .wz-2 h2{
		font-size: 16px;
	}
	.online-details .details .wz .wz-2 .des{
		overflow:visible;
		text-overflow: clip;
		white-space:normal;
		word-wrap:break-word;
		word-break:normal; 
		padding-left: 0;
	}
	
	.comments .comments-content .header{
		padding: 0 !important;
	}
	.comments .comments-content .content-ghost{
		padding: 0 0 0 1.2rem !important;
	}
	.comments .comments-content .list .text{
		line-height: 2rem;
		padding: .6rem .6rem;
	}

	.comments .comments-content .list .info .user-name{
		max-width: 11rem;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		padding-top: .25rem;
	}
}


/* 搜索页面 */
.search-index .form-control-feedback{
	left: 0;
	top: .2rem;
}
.search-index .fa-search-ico{
	color: #687280;
}

.search-index form .q{
	background: #F7FAFC;
	border: 1px solid #E4E8EB;
	border-radius: 17px;
	padding-left: 2.8rem;
	font-size: 14px;
	color: #828D99;
}
.search-index form .search-submit input{
	width: 100%;
	height: 3.3rem;
	background: #F7AF40;
	border-radius: 20px;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 2.5rem;
}

.search-index form .search-submit input:active{
	border: 0;
}

.search-index .rung{
	height: 20.8rem;
}
.search-index .hot span:first-child{
	font-size: 12px;
}
.search-index .hot span, .search-index .hot a{
	color: #F0F0F0;
}
.search-index .hot span{
	margin-right: 1.2rem;
}
.search-index .hot a{
	font-size: 13px;
	padding: .4rem .8rem;
	background: rgba(255, 255, 255, .2);
	border-radius: 2px;
	color:#fff;
	transition: background .3s, color .3s;
	-webkit-transition: background .3s, color .3s;
	-moz-transition: background .3s, color .3s;
}

.search-index .hot a:hover{
	background: #fff;
	color: #035b8d;
	transition: background .3s, color .3s;
	-webkit-transition: background .3s, color .3s;
	-moz-transition: background .3s, color .3s;
}
.search-content{
	margin-top: 2rem;
}
.search-content .left{
	margin-bottom: 2rem;
}
.search-content .left, .search-content .right{
	background: #FFF;
	box-shadow: 0 1px 8px 0 #EEF2F5;
	border-radius: 4px;
}

.search-content .left .left-title{
	border-bottom: 1px solid #E6EAED;
	padding: 0 2.4rem;
}

.search-content .left .left-title div{
	display: inline-block;
}

.search-content .left .left-title div a{
	opacity: 0.7;
	font-size: 16px;
	color: #6577AA;
	line-height: 5.4rem;
	margin-right: 2.8rem;
}

.search-content .left .left-title .last a{
	margin-right: 0;
}

.search-content .left .left-title div a .num{
	padding: .2rem .6rem;
	margin-left: .8rem;
	background: #B0B9D0;
	border-radius: 8px;
	font-size: 12px;
	color: #FFFFFF;
}
.search-content .left .left-title .active {
	position: relative;
}

.search-content .left .left-title .active a{
	color: #035b8d;
	opacity: 1;
}

.search-content .left .left-title .active a .num{
	background: #035b8d;
}

.search-content .left .left-title .active b{
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid #035b8d;
}

.search-content .left .content-list{
	padding: 0 2.4rem;
}
.search-content .left .content-list .list {
	margin-top: 2.4rem;
}

.search-content .left .content-list .list:last-child{
	margin-bottom: 2.4rem;
}
.search-content .left .content-list .list .title{
	font-size: 16px;
	color: #333;
	margin-bottom: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.search-content .left .content-list .list .des{
	font-size: 14px;
	color: #7E8894;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 1.7rem;
}

.search-content .left .content-list .list .on-ghost{
	color: rgba(255,160,24,1);
}

.search-content .left .content-list .list .bottom span{
	font-size: 13px;
	display: inline-block;
}
.search-content .left .content-list .list .bottom span.one{
	margin-right: 1.2rem;
}
.search-content .left .content-list .list .bottom span.read{
	
	color: #7E8894;
}
.search-content .left .content-list .list .bottom span.read i{
	margin-right: .6rem;
	color:#CACEDB;
}
.search-content .right .content-right{
	padding-left: 2rem;
	padding-right: 2rem;
}
.search-content .right .content-right .right-title{
	line-height: 5.4rem;
	font-size: 18px;
}
.search-content .right .content-right .list{
	margin-top: 2rem;
}
.search-content .right .content-right .list .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.search-content .right .content-right .list .name a{
	width: 100%;
	font-size: 14px;
	color: #333;
	
}
.search-content .right .content-right .list .name a:hover{
	color: #035b8d;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.search-content .right .content-right .list .name a:hover .status-point{
	background-color: #035b8d;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}
.search-content .right .content-right .list .name a .status-point{
	width: 4px;
	height: 4px;
	background-color: #333;
	margin-right: .8rem;
}
.search-content .right .content-right .list:last-child{
	margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
	.search-index .has-feedback{
		padding: 0;
	}
}

/* 申请弹框 start */
.modal{
	background: rgba(23,49,77, .6);
}
.bounced{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
	/* background: rgba(23,49,77, .6); */
	/* display: none; */
}
.bounced .bounced-content{
	position: relative;
	width: 100%;
	height: 100%;
}

.bounced .bounced-content .go-content{
	/* position: absolute; */
	top: calc((100% - 40rem)/2);
	left: calc((100% - 40rem)/2);
	background: #FFFFFF;
	border-radius: 8px;
	width: 40rem;
	height: 40rem;
	padding-left: .9rem;
	padding-right: .9rem;
	border-top: 2px solid #035b8d;
}
.layui-layer-cee .layui-layer-title{
	background: #035b8d;
}
.contactus .bounced-content .go-content{
	top: calc((100% - 47rem)/2);
	left: calc((100% - 45rem)/2);
	width: 45rem;
	height: 47rem;
}
.modal-dialog{
	width: 45rem;
}
#myModal .modal-dialog{
	width: 40rem;
}
#sdkmodal .modal-dialog{
	width: 46rem;
}
.contactus .bounced-content .go-content .demand{
	
	resize: none;
}

.bounced .bounced-content .go-content .bounced-title{
	margin-top: 2.4rem;
}

.bounced .bounced-content .go-content .bounced-title .title-text{
	font-size: 20px;
	color: #0E1B3F;
	line-height: 24px;
	padding-left: 1rem;
}

.bounced .bounced-content .go-content .bounced-title .left .fa-shu{
	background: url('../img/apply.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 2.4rem;
	height: 2.4rem;
}

.bounced .bounced-content .go-content .bounced-title .closes .fa-closes{
	background: url('../img/cancel.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 1.6rem;
	height: 1.6rem;
}

.bounced .bounced-content .go-content .bounced-form .form-group{
	margin-top: 2rem;
}
.bounced .bounced-content .go-content .bounced-form .form-group label{
	font-size: 14px;
	color: #666;
	line-height: 16px;
	margin-bottom: 1.2rem;
	font-weight: 500;
}
.bounced .bounced-content .go-content .bounced-form .form-group input{
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}
.bounced .bounced-content .go-content .bounced-form .form-group input:focus, .bounced .bounced-content .go-content .bounced-form .form-group textarea:focus{
	border: 1px solid #035b8d;
	box-shadow: 0 1px 16px 0 #E6F4FF;
	transition: border .3s, box-shadow .3s;
	-webkit-transition: border .3s, box-shadow .3s;
	-moz-transition: border .3s, box-shadow .3s;
	
}

.bounced .bounced-content .go-content .bounced-form .btn-content{
	width: 40rem;
	height: 5.6rem;
	background: #FAFAFA;
	border-top: 1px solid #F2F2F2;
	margin-left: -1.4rem;
	margin-right: -1.4rem;
	position: absolute;
	bottom: -8.5rem;
	border-radius: 0 0 8px 8px;
}

.contactus .bounced-content .go-content .bounced-form .btn-content{
	width: 44.5rem;
	bottom: -6.5rem;
}

.bounced .bounced-content .go-content .bounced-form .btn-content div{
	display: inline-block;
	cursor: pointer;
}
.bounced .bounced-content .go-content .bounced-form .btn-content div span{
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-radius: 17px;
	display: inline-block;
	padding: .7rem 2rem;
	margin-top: 1rem;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}

.bounced .bounced-content .go-content .bounced-form .btn-content div:nth-child(2) span{
	margin-right: 2.4rem;
	margin-left: 1.6rem;
	background: #035b8d;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-moz-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-webkit-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	color: #fff;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	border: 0;
}
.bounced .bounced-content .go-content .bounced-form .btn-content div:first-child span:hover{
	border: 1px solid #035b8d;
	color: #035b8d;
	transition: border .3s, color .3s;
	-webkit-transition: border .3s, color .3s;
	-moz-transition: border .3s, color .3s;
	
}
.bounced .bounced-content .go-content .bounced-form .btn-content div:nth-child(2) span:hover, #sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content div span:hover{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}

#sdkmodal, #myModal, #myModal1{
	background:rgba(5,43,87,.45);
}
#sdkmodal .bounced .bounced-content .go-content{
	top: calc((100% - 35.4rem)/2);
	left: calc((100% - 46rem)/2);
	width: 46rem;
	height: 25.4rem;
	border-top: 2px solid #3D94F2;
}
#sdkmodal .bounced .bounced-content .go-content .bounced-title .left .fa-shu{
	background: url('../img/del.svg');
}
#sdkmodal .bounced .bounced-content .go-content .bounced-title .title-text{
	color:#0E1B3F;
	padding-left: 1rem;
}
#sdkmodal .bounced-form .tip-txt{
	margin-top: 3.2rem;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}
#sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content{
	width: 46rem;
	bottom: -9.5rem;
}

#sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content div span{
	background: #035b8d;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-moz-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-webkit-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	border-radius: 17px;
	font-size: 14px;
	color: #FFFFFF;
}
@media screen and (max-width: 414px) {
	
	.bounced .bounced-content .go-content, #sdkmodal .bounced .bounced-content .go-content{
		left: calc((100% - 34rem)/2);
		width: 34rem;
	}
	
	.bounced .bounced-content .go-content .bounced-form .btn-content, #sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content{
		width:34rem;
	}
}

@media screen and (max-width: 320px) {
	.bounced .bounced-content .go-content, #sdkmodal .bounced .bounced-content .go-content{
		left: calc((100% - 29rem)/2);
		width: 29rem;
	}
	.bounced .bounced-content .go-content .bounced-form .btn-content, #sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content{
		width:29rem;
	}
}


/* 申请弹框 end */

/* 404页面 */
.c-404{
	padding-top: 30rem;
}
.c-404 img{
	max-width: 100%;
}
.c-404 .title{
	font-size: 64px;
	color: #0E1B3F;
	margin-bottom: 40px;
	font-weight: 700;
}
.c-404 .title2{
	font-size: 24px;
	color: #0E1B3F;
	font-weight: 700; 
	margin-bottom: 16px;
}
.c-404 .title3{
	font-size: 16px;
	color: #7E8894;
	margin-bottom: 32px;
}
.c-404 .title4{
	margin-top: 2rem;
}
.c-404 .title4 a{
	font-size: 14px;
	color: #FFFFFF;
	padding: .7rem 2rem;
	background: #035b8d;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	border-radius: 17px;
}

/* 支付 start */
.pay .top2{
	padding-bottom: 5.6rem;
}
.pay .top2 .title-text{
	margin-top: 2rem;
}
.pay .top2 .title-text h4{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: clamp(1.25rem + 10px, 1.203rem + .209vw + 10px, 1.40625rem + 10px);
}
.pay .top2 .des-text{
	margin-top: 2rem;
	font-size: 1.6rem;
}
.pay .goods .ant-tabs-content-holder .list{
	margin-top: 2.5rem;
}
.pay .goods .ant-tabs-content-holder .goods-list{
	border: 1px solid #3471EB;
}
.pay .goods .ant-tabs-content-holder{
	padding-bottom: 5.6rem;
}
/* 支付 end */

@media (min-width: 768px) and (max-width: 920px)  {
	.big-size-title{
		font-size: 47px;
		line-height: 25px !important;
	}
	.experiment .big-size-title{
		line-height: 58px !important;
	}
	#banner2 .eeuyUB{
		width: calc(6* 64px);
	}
	.aboutus .bacurriclum .title .mt {
		margin-top: 3rem;
	}
	.revenueoptimization .big-size-title{
		line-height: 67px !important;
	}
}

@media (min-width: 768px) and (max-width: 1124px)  {
	.fees-index .des.min-mt {
		margin-top: 2rem;
	}
	.fees-index .pr5 {
		padding-right: 0;
	}
}

@media (min-width: 768px) {
    .container-fluid.navbars{
        padding-left: 84px;
        padding-right: 84px;
    }
}

@media (max-width: 768px) {
    .mobile-no-padding {
        padding-left: 0;
        padding-right: 0;
    }
    .mobile-bg-model {
        background: rgb(241, 242, 243);
    }
	#banner2 .biCrDK {
		line-height: 7px;
	}
	
	#banner2 .eeuyUB {
		width: 100%;
	}
	.big-size-title{
		font-size: 34px;
	}
	.aboutus .bacurriclum .title .mt {
		margin-top: 0;
	}
	.aboutus .bacurriclum .title .title1 {
		line-height: 62px;
	}
	.footer {
		text-align: left;
	}
	.fees-index .pr5 {
		padding-right: 0;
	}
	.localized-product .localized-product-btn {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.platform-operation .edge_distance {
		padding-left: 0rem;
	}
	.fees-index .mobile-goods-list {
		padding-bottom: 2rem;
	}
	
    #banner2 .bbbovG{
        width: 100%;
        flex: auto;
    }
    #banner2 .iWrtrc {
        padding-top: 0;
        padding-left: 15px;
    }
    #banner2 .dUbgKb{
        margin-top: 0;
    }
    #banner2 .fBqmwB{
        display: block;
    }
    #banner2 .evFbRf {
        display: none;
    }
    #banner2 .iWrtrc .sc-e6bec86a-2{
        margin-bottom: 0;
    }
    .game-options .big-title {
        padding-top: 1.5rem;
    }
    .goods.game-options{
        padding-bottom: 1rem;
    }
    .platform-operation .content {
        padding-top: 0;
        padding-bottom: 2rem;
    }
    .platform-operation .bottom-text {
        font-size: 2rem;
    }
    .cooperative-brand .cooperative-brand-img{
        padding: 1rem;
    }
    .big-title {
        font-size: 2rem;
        margin: 1rem 0;
    }
    .localized-product {
        padding-top: .5rem !important;
        padding-bottom: 1rem !important;
    }
    .partners {
        padding-top: 2rem !important;
    }
    .platform-operation .logo-w {
        margin-top: 1.5rem;
    }
    .partners .p-group2 {
        margin-top: 1.5rem;
    }
    .new-course .document-list {
        padding-bottom: 2rem;
    }
    
    .experiment .edge_distance {
        padding-left: 15px;
        padding-right: 15px;
    }
    .experiment .top-bg-1{
    	background: none;
    }
    .mt1-5{
        margin-top: 1.5rem;
    }
    .experiment .mobile-top-bg-1 {
        background: url('../img/good_top1.png');
        background-size: cover;
    }
    .experiment .mobile-top-bg-2{
    	background: #252525;
    }
    .experiment .top-2 .edge_distance{
		padding-left: 0;
		padding-right: 0;
	}
	.experiment .bacurriclum .title .btn-group{
		padding-top: 2rem;
		margin-bottom: 2rem;
	}
	.experiment .mobile-top-3-bg-model {
	    background: rgb(241, 242, 243);
	}
	.experiment .top-3 {
        padding-top: 0;
	}
	.experiment .new-course .document-list {
	    padding-bottom: 0;
	}
	
	.aboutus .rung {
	    height: auto;
	    padding-bottom: 4rem;
	}
	.aboutus .edge_distance {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.aboutus .bacurriclum .min-text {
	    font-size: 2.5rem;
	}
	.fees-index .fee-tip {
	    padding-top : 0;
	    padding-bottom: 0;
	}
	.fees-index .fee-text-list{
	    padding-bottom: 2rem;
	}
	.fees-index .fee-content-list .data-list{
	    margin-top: 2rem;
	}
	.fees-index .fee-content-list .btn-goup {
	    margin-top: 1.5rem;
	}
	.fixed-table-body .card-view .value {
	    display: inline-block;
        text-align: right;
        width: 60%;
	}
	.fixed-table-body .card-view .title {
	    width: 40%;
	}
	
	.revenueoptimization .fee-tip {
	    margin-left: -15px;
	    margin-right: -15px;
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-bottom: 0.01rem;
	}
	.revenueoptimization .fee-text-list {
	    padding-top: 2rem;
	}
	.revenueoptimization .fee-text-list .goods-list-ghost{
	    padding-bottom: 2rem;
	}
	
	.revenueoptimization .rev-top-3 .edge_distance{
	    margin-left: -15px;
	    margin-right: -15px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	
	.riskmanagement .fee-tip {
	    padding-top: 2rem;
	}
	.riskmanagement .mobile-ris-title {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.right-float .text-sy {
	   height: 3rem;
	}
	.mt0 {
	    margin-top: 0;
	}
	.article .content-list .title {
	    padding-bottom: 0;
	}
}