.fcl3 {
  color: #333333;
}
.fcl6 {
  color: #666666;
}
.wpb-4 {
  padding-bottom: 4rem;
}
.wpb-5 {
  padding-bottom: 5rem;
}
.wpt-100 {
  padding-top: 100px!important;
}
h4{
  color: #000;
}
header {
  height: 100px;
}
header .navbar {
  padding: 1rem;
}
.banner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  margin-top: 100px;
  width:100%;
  background-size: cover;
  min-height: 360px;
  background-image: url(../images/aboutbg.jpg);
}
.banner h1, .banner h2 {
  font-size: 3.5rem;
}
.banner p {
  max-width: 700px;
  text-align: center;
}

.page-container {
  color: rgba(0, 0, 0, 0.8);
  padding: 2rem 0;
}

.page-container h2 {
  padding: 2.5rem 0;
  color: #000;
  text-align: center;
  font-weight: 600;
}

.page-container .page-title {
  padding: 2rem 0 4rem;
}

.page-container .page-title .nav-link {
  padding: 0 1rem;
  color: #666666;
  font-size: 1.25rem;
  position: relative;
}
.page-container .page-title .active {
  color: #BF9D4C;
  font-weight: 500;
}
.page-container .page-title .nav-link.active:after {
  content: "";
  width: 2.4rem;
  height: 3px;
  background: #BF9D4C;
  position: absolute;
  left: 50%;
  bottom: -0.4rem;
  transform: translateX(-50%);
}


/* about */
.about-row p {
  font-size: 1.25rem;
  text-indent: 2.4rem;
  line-height: 2.2rem;
}

.mine-row {
  border-top: 1px solid #dee2e6;
  margin-bottom: 2rem;
  padding-top: 2rem;
}
.mine-row img {
  width: 100%;
}


.gold-row {
  text-align: center;
  padding-bottom: 3rem;
}

.honor-row {
  padding: 2.5rem 0 4.5rem;
  background: #FAFAFA;
  text-align: center;
}
.honor-row .row {
  max-width: 900px;
  margin: 0 auto;
}

.honor-row .item-box {
  width: 90%;
  background: #fff;
  border-radius: 16px;
  padding: 2rem;
  margin: 0 auto;
  min-height: 385px;
  transition:transform .3s ease,box-shadow .3s ease;
}

.honor-row .item-box:hover{
    transform:translateY(-4px);
    box-shadow:0 4px 16px rgba(0,0,0,.24);
}

.honor-row .item-box .pic {
  overflow: hidden;
  height: 220px;
}
.honor-row h4{
  padding: 2rem 0 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.25rem;
}
.honor-row img {
  cursor: pointer;
}

.adv-row {
  padding: 2rem 0 4rem;
}
.adv-row {
  text-align: left;
}

.adv-row .card {
  border: 0;
  background: #FAFAFA;
  padding: 2rem;
  margin: 1rem;
  transition: all .2s;
}
.adv-row .card:hover{
  scale: .96;
  box-shadow: 0 4px 38px rgba(0,0,0,.2)
}
.adv-row .card-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #CEAE7E;
}
.adv-row .card-title {
  font-size: 1.5rem;
  color: #000;
  padding: 1rem 0 0;
}
.adv-row .card-text{
  line-height: 1.8rem;
  color: rgba(0, 0, 0, 0.6);
}

.contact-row {
  margin: 0 auto;
  max-width: 1000px;
  color: rgba(0, 0, 0, 0.6);
}
.contact-row h4 {
  padding-bottom: 1.6rem;
}

.contact-row .contactbox {
  border-radius: 12px;
  padding: 1.2rem 2rem;
  display: flex;
  margin-bottom: 2.5rem;
}
.contact-row .sec1 {
  color: #000;
  font-size: 1.12rem;
  font-weight: 600;
}

.contact-row .contactbox .con {
  padding-left: .5rem;
}
.contact-row .contactbox .con p {
  margin-bottom: 0.5rem;
}
.contact-row .cbox1 {
  border-left: 3px solid #DC2626;
  background: #FEF2F2;
  color: #DC2626;
}
.contact-row .cbox1 .con .sec1 {
  color: #991B1B;
}
.contact-row .cbox2{
  background: #FAFAFA;
}

.contact-row .secbox {
  border-radius: 16px;
  border: 1px solid #E5E7EB;
  padding: 1.5rem;
  min-height: 340px;
  margin-bottom: 2.5rem;
}
.contact-row .secbox .map {
  height: 219px;
  overflow: hidden;
}

.contact-row .cbox3 {
  padding: 0;
  margin-bottom: .5rem;
}

.contact-row .row-third {
  flex-direction: column;
}
.contact-row .thibox {
  border-radius: 1rem;
  background: #FAFAFA;
  padding: 1.5rem;
}

.contact-row .row-map{ 
  margin: 2rem 2rem 0;
}



/* down */
.section-down {
  margin-top: 100px;
  color: #fff;
  padding-top: 6rem;
  padding-bottom: 2rem;
  background: linear-gradient(180deg, #847F75 0%, #5A210A 100%);
  overflow: hidden;
}
.section-down .g-row {
  align-items: center;
}
.section-down .softbg {
  height: 440px;
  overflow: hidden;
  margin-bottom: -16rem;
}

.section-down .softbox {
  padding-left:1.2rem;
}
.section-down .softbox h2 {
  color: #fff;
  font-size: 2.75rem;
  margin-bottom: 15px;
}
.section-down .softbox .download-group{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 1.4rem 0;
}

.section-down .softbox .download-group .download-item {
  display: inline-block;
  text-align: center;
  margin-right: 2rem;
}

.section-down .softbox .download-group .mobqrcode {
  width:182px;
  height: 187px;
}

.section-down .softbox .download-group .download-item img {
  width: 100%;
}

.section-down .softbox .download-group .download-item p {
  color: #fff;
  line-height: 3rem;
}
.section-down .policies {
  font-size: 14px;
}

.section-down .softbox .list-btn {
  padding-right:3rem;
}
.section-down .softbox .list-btn li {
  padding-bottom: 1rem;
}
.section-down .softbox .list-btn .btn{
  display: inline-block;
  width: 100%;
  color: #1A1F36;
  text-align: left;
  padding: .5rem 2rem;
  transition: all .35s ease;

  height: 42px;
  border-radius: 8px;
  background: #FCEFCF;
}

.section-down .softbox .list-btn i{
  margin-right: .5rem;
}

.section-down .softbox .list-btn .btn:hover {
  color: #fff;
  background: #000;
}


.mt4-down {
  background: url(../images/down/mt4bg.jpg);
  background-size: cover;
}
.mt4-guide-item h2 {
  padding: 2rem 0 .5rem;
}
.mt4-guide-item .sectxt {
  max-width: 800px;
  text-align: center;
  margin: 0 auto  3rem;
}
.mt4-guide-item .item-box {
  text-align: center;
  width: 90%;
  padding: 2rem;
  margin: 0 auto 1rem;
  min-height: 348px;
  border-radius: 20px;
  background: #FAFAFA;
}

.mt4-guide-item h4{
  padding: 2rem 0 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.25rem;
}
.mt4-guide-item .btn{
  display: inline-block;
  font-size: 1rem;
  background: #CEAE7E;
  color: #fff;
  text-align: left;
  padding: .5rem 2rem;
  border-radius: 5rem;
  transition: all .35s ease;
}
.mt4-guide-item .btn i {
  margin-right: .5rem;
}
.mt4-guide-item .btn:hover {
  background: #000;
  color: #fff;
}

.jv-down {
  background: #1f232c;
}

.rules-row {
  font-size: 1rem;
  line-height: 1.8rem;
  color: rgba(0, 0, 0, .8);
}
.rules-row .card {
  border-color: #F3F4F6;
  margin-bottom: 2rem;
  padding: .8rem 1rem;
  transition:transform .3s ease,box-shadow .3s ease;
}

.rules-row .card:hover{
    transform:translateY(-4px);
    box-shadow:0 4px 16px rgba(0,0,0,.24);
}

.rules-row .card .card-title {
  font-weight: 500;
  font-size: 1.125rem;
  color: #BF9D4C;
  border-bottom: 1px solid #F3F4F6;
  padding-bottom: .8rem;
}

.rules-row .cbox {
  border-radius: 12px;
  border-left: 2px solid #CEAE7E;
  background: #FAFAFA;
  color: #000;
  font-size: 14px;
  padding:.5rem;
  margin-bottom: 1rem;
}

.rules-row .pleft {
   color: #000;
   font-weight: 500;
   margin-bottom: .6rem;
}

/* 用户中心 */
.usercenter-row .hd {
  padding: 2rem 0;
}
.usercenter-row .hd .nav {
  border-bottom: 1px solid #999999;
}
.usercenter-row .hd .nav .nav-link {
  font-size: 1.8rem;
  padding: 0 2rem;
  color: #666666;
}
.usercenter-row .hd .nav .active {
  color: #ebc66f;
  border-bottom: 3px solid #ebc66f;
}


.usercenter-row .tab-content {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}
.usercenter-row .btn-user .nav-item {
  margin-bottom: 2rem;
}
.usercenter-row .btn-user .nav-link {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #ffffff;
  background-color: #ebc66f;
}


.list-row {
  max-width: 860px;
  margin: 0 auto;
}

.list-row .list-item{
  display: flex;
  border: 1px solid #E5E7EB;
  margin-bottom: 1.5rem;
  border-radius: 16px;
  background: #FFFFFF;
  padding: 1.5rem;
  color: rgba(0, 0, 0, 0.6);
  transition:transform .3s ease,box-shadow .3s ease;
}

.list-row .list-item:hover{
    transform:translateY(-4px);
    box-shadow:0 4px 16px rgba(0,0,0,.24);
}

.list-row .pagination {
  margin: 2rem auto;
}
.list-row .pagination a {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #333333;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.list-row .pagination .active a {
  background-color: #ebc66f;
  color: #ffffff;
}


.page-row {
  padding: 2rem 0;
}

.page-row h1 {
  font-size:1.75rem;
  width: 100%;
  color: #000;
}

.page-row h3 {
  color: #000;
  padding-bottom: 1rem;
  font-size: 1.25rem;
}
.page-row h5 {
  font-size: 1rem;
} 

.page-row .desc {
  margin-bottom: 1.5rem;
  color: rgba(0, 0, 0, 0.6);
}

/* 指南 */
.cbp_tmtimeline {
	margin: 30px 0 0 0; 
	padding: 0;
	list-style: none;
	position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px; border-left:#999 1px dashed;
	left: 8%;
	margin-left: -5px;
}

.cbp_tmtimeline > li {
	position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 25%;
	padding-right: 100px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 0.9em;
	color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 2.9em;
	color: #3594cb;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #6cbfee;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 5% 12%;
	color: #282828;
	font-size: 1rem;
	line-height: 35px;
	position: relative;
	border-radius: 5px;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 44px;
	height: 44px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 44px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #c3a15b;
	border-radius: 50%;
	text-align: center;
	left: 8%;
	top: 0;
	margin: 0 0 0 -25px;
}

.cbp_tmicon-phone:before {
	content: "\e000";
}

.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}

.red{
  color:#ff0000
}

@media (max-width: 576px) {
  .cbp_tmtimeline img{
    width: 100%;
  }
}


/* register */
.actype-box {
  width: 100%;
  border-bottom: 1px solid #999999;
}
.actype-box label {
  font-size: 1.4rem;
}
.actype-box .nav-link {
  font-size: 1.8rem;
  padding: 0 2rem;
  color: #666666;
}
.actype-box .active {
  color: #ebc66f;
  border-bottom: 3px solid #ebc66f;
}


.enter_wrap{width: 100%;height: 100%;}
.enter_wrap .wrap_top{width: 100%;}
.enter_wrap .wrap_center{width: 100%;margin:5rem 0;}
.enter_wrap .wrap_center .enter_btn{width:78%;margin:0 auto;color: #FFF;text-align: center;font-size: 14px; line-height: 44px;background:#c5b269; cursor: pointer; }
.enter_wrap .wrap_bottom{width: 100%;}

.topic_wrap{display:none;width: 100%;height: 100%;}
.topic_wrap .fade_wrap{width: 100%;height: 100%;}
.topic_wrap .wrap_top{width: 100%;}
.topic_wrap .wrap_top .topic_no{height: 40px;width: 40px; line-height: 40px; text-align: center;color: #FFF;font-size: 12px; border-radius: 20px;background:#c5b269;margin:0 auto;}
.topic_wrap .wrap_top .topic_no .curr_no{font-size: 14px;}
.topic_wrap .wrap_top .topic_title{width: 80%;margin:0 auto;text-align: center;font-size: 16px;color: #ee1939;}
.topic_wrap .wrap_center{width: 100%;margin:1rem 0 2rem;}
.topic_wrap .wrap_center .topic_option{width: 80%;margin:0 auto; text-align: center;display:table;}
.topic_wrap .wrap_center .topic_option .option_item{width: 100%;height:54px;vertical-align: middle;margin-bottom: 10px; background:#c5b269; font-size: 14px;color: #fff;border:2px #fff solid;padding:0 10px; cursor: pointer;}
.topic_wrap .wrap_center .topic_option .select{background:#8b8520;color: #EEE;}
.topic_wrap .wrap_bottom{width: 100%;}

.over_wrap{display:none;width: 100%;height: 100%;}
.over_wrap .over_des {text-align: center;}
.share_wrap{display:none;width: 100%;height: 100%;}


.reg-row .reg-box{
  margin-bottom: 4rem;
}
.reg-row .card{
  padding: 1.6rem;
  border-radius: 16px;
  border: 1px solid #E5E7EB;
  transition:transform .3s ease,box-shadow .3s ease;
}

.reg-row .card:hover{
    transform:translateY(-4px);
    box-shadow:0 4px 16px rgba(0,0,0,.24);
}

.reg-row .card .card-title {
  display: flex;
  border-bottom: 1px solid #E5E7EB;
  align-items: center;
  padding-bottom: 1rem;
}
.reg-row .card .card-title h4 {
  padding-left: .6rem;
}
.reg-row .card .content{
  padding: 1rem 0;
  min-height: 220px;
}
.reg-row .card .content p {
  background: url(../images/account/accicon.png) no-repeat 0 6px;
  padding-left: 1.6rem;
  color: rgba(0, 0, 0, 0.6);
}
.reg-row .card .btn {
  padding: .75rem ;
  color: #fff;
}
.reg-row .card .btn-1 {
  background: #FF7214;
}
.reg-row .card .btn-2 {
  background: #00BB75;
}
.reg-row .card .btn-3 {
  background: #CEAE7E;
}


.reg-row h5{
  color: #ebc66f;
  padding: 1rem 0;
}

.reg-row .fclor{
  color: #F33E3E;
}

/*register*/
.reg-java-row{ width:60%; font-size:1rem; margin: 0 auto;}
.reg-java-row .actype-box{ margin-bottom:2rem; }

.reg-java-row .text{ padding: .5rem 0;}
.reg-java-row .text label{ text-align: right;}

.reg-java-row .text .input-text{ width: 90%; height: 36px; line-height: 36px; border:1px solid #999; border-radius: 2px;}
.reg-java-row .text .select-text{ height: 36px; line-height: 36px; border:1px solid #999; border-radius: 2px;}
.reg-java-row .text .input-year{ width:10%;}

.reg-java-row .text .input-code{ width:70%;}
.reg-java-row #dobutton{ width:20%; height: 34px; line-height: 34px; border:0; border-radius: 2px; background: #2fade7; color: #fff; margin-left:-4px;}
.reg-java-row #dobutton.dbt-select{ background: #bbb;}

.reg-java-row #dosubmit{ width:70%; height: 40px; border:0; border-radius: 2px; background: #ebc66f; color: #fff; font-size:1.4rem;}
.reg-java-row #dosubmit.dbt-select{ background: #bbb;}

.reg-java-row .tip-text{ width:100%; line-height: 36px; padding: .1rem 0;}
.reg-java-row .reg-nbtn{ display: block; width: 70%;  height: 40px;  line-height: 40px;  font-size:1.4rem;  background-color: #b9903f;  color: #ffffff;  text-align: center;  border-radius: 2px;}


.reg-mt4-row {
  width: 100%;
  padding: 2rem 0;
}


.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(../images/account/msg_bg.png) no-repeat; color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px; font-size: 14px;}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#959595}
.onFocus{background-position:3px -147px;border-color:#40B3FF;}
.onError{background-position:3px -47px;border-color:#40B3FF; color:red}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}


@media (max-width:576px){
  .reg-row .reg-box .col-sm{
    margin-bottom: 1.5rem;
  }
  .reg-java-row {
     width:100%; 
  }
  .reg-java-row .input-text {
    width:100%;
  }
  .reg-java-row .text .code {
    width: 100px;
  }
  .reg-java-row .text label{
    text-align: left;
  }
  .actype-box .nav-link {
    font-size: 1.3rem;
  }
  .row{
    margin-left: 0;
    margin-right: 0;
  }
  .page-container {
    padding: 1rem;
  }
  .nav-item {
    margin: 0;
  }
  .banner {
    padding-top: 4.5rem;
  }
}

/*miniapp*/
.g-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 2.5rem;
}
.g-row ul,
.g-row li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-soft {
  color: #fff;
  padding-top: 6rem;
  padding-bottom: 2rem;
  background: #000b1d;
}
.section-soft .g-row {
  align-items: center;
}
.soft-bg {
}
.soft-bg img {
  width: 100%;
}

.soft-box {
  padding-left:1.2rem;
}
.soft-box h2 {
  color: #e1bc6e;
  margin-bottom: 15px;
}
.soft-box .download-group{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 1.4rem 0;
}

.soft-box .download-group .download-item {
  display: inline-block;
  text-align: center;
  margin-right: 1.2rem;
}

.soft-box .download-group .mobqrcode {
  width:180px;
  height: 180px;
  padding:10px;
  background: url(../images/miniapp/codebg.png) no-repeat;
  background-size: cover;
}

.soft-box .download-group .download-item img {
  width: 100%;
}

.soft-box .download-group .download-item p {
  color: #fff;
  line-height: 3rem;
}

.soft-box .list-btn {
  padding-right:3rem;
}
.soft-box .list-btn li {
  padding-bottom: 1rem;
}
.soft-box .list-btn .btn{
  display: inline-block;
  width: 100%;
  font-size: 1.2rem;
  background-color: #000;
  color: #fff;
  text-align: left;
  padding: .5rem 2rem;
  border-radius: 5rem;
  transition: all .35s ease;
}
.soft-box .list-btn .apple {
  background-color: #e1bc6e;
}

.soft-box .list-btn i{
  margin-right: .5rem;
}



.section-soft1 {
  padding: 5rem 0;
  text-align: center;
}

.section-adv {
  background: #F4F7FA;
  padding: 4rem 0;
  text-align: center;
}
.section-adv h2{
  padding:2rem;
}
.section-adv .card {
  border: none;
  padding: 2rem;
  margin: 1rem;
}

.section-adv .card-img img{
  width: 80px;
}

.section-adv .card-title {
  color: #333333;
  padding-top: 2rem;
}