body {
  padding-top: 90px;
}
a{ text-decoration:none; color:#000000; border-bottom:none!important;}
li{ list-style:none}

header {
  position: fixed;
  top: 0;
  padding-top: 20px;
  width: 100%;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 1);
  padding-bottom: 20px;
  box-shadow: 0 5px 10px rgba(200, 200, 200, 0.5);
}

#gem-header-container {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;

}

#gem-logo-img {
  height: 100%;
  max-height: 50px;
  width: auto;
}

body header nav{margin-left: auto;}
.nav-btn {
  background-color: transparent;
  border: transparent 1px solid;
  text-decoration: none;
  display: inline-block;
  padding: 5px 10px;
  color:#000000;
  box-sizing: border-box;
 
}

.nav-btn:hover {
	color:#0517a1;
	border-bottom:1px #0517a1 solid;
	
}
.navcurs{color:#0517a1; border-bottom:1px #0517a1 solid;}

.login-regs{ border:#ffb500 1px solid;}
.login-regs a{ display:inline-block; padding:6px 10px; color:#000000; text-decoration:none;}
.login-regs-cur{ background:#ffb500}
.login-regs a:hover{background:#ffb500}
.pc{ display:block!important;}
.yd{ display:none!important;}

#header-right-container{ position:relative; margin-left:30px;}

.gem-ai-icon {
  font-size: 1.6rem;
  background: none;
 
}


.text-center {
  text-align: center; color:#000000;
}

.gem-margin-section {
  margin-top: 60px;
}

.tiku-section{ width:100%; background:#faf9f7; padding:30px 0; margin-top:60px;}

.gem-margin-block {
  margin-top: 50px;
}


.xyzlbg{ background:#faf9f7; padding:60px 0;}
.cjwtbg{ background:#d4ddfa; padding:60px 0;}
.cjwtbox{ display:flex; justify-content: space-between; margin-top:30px;align-items: flex-start;}
.cjwtleft{display:flex; justify-content: center; width:39%;}
.cjwtleft dl{ margin:0 3%; max-width:32%; text-align:center}
.cjwtleft dl dt img{ max-width:50%}
.cjwtleft dl dd{ font-size:18px;}
#gemaccordion{ width:60%; background:#deb96b; padding-bottom:10px;}
.gem-ques-box{ padding:30px; font-size:0.75rem; }
.gem-ques-boxcur{ display:block}
.gem-ques-boxhide{ display:none}
.gem-ques-title{ width:96%; display:grid; grid-template-columns: 1fr 1fr 1fr; margin:0 auto 10px auto; gap: 5px;}
.gem-ques-title span{ display:inline-block;  background:#bdc0c9; padding:10px;border-radius: 10px;font-size:0.75rem; cursor:pointer}
.gem-ques-titlecur{ background:#FFFFFF!important;}

.carousel-indicators{ margin-bottom:-1.5rem; }
.carousel-indicators [data-bs-target]{background-color:#ebebec}
.carousel-indicators .active{background-color:#f1bc5e;}

.gem-tongybox-items {
 	position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}
.gem-tongybox-itemsfb {
  grid-template-columns: repeat(6, minmax(0, 1fr));

}

.gem-tongybox-items a{
  padding: 0;
  box-shadow: 0 3px 9px rgba(80, 56, 0, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
   overflow: hidden;
}

.gem-tongybox-items a:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(90, 62, 0, 0.14);
}

.gem-tongybox-items img {
  width: 100%;
  display: block;
}

.gem-chxx-prenext {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top:30px;
}

.gem-chxx-subbtn {
  width: 100%;
  max-width: 400px;
  display: flex;
  justify-content: space-between;
}

.form-check .form-check-input{ margin-left:0; margin-right:5px;}
#sjquestionnum{ margin-top:10px;}

/* bkfwbox */

.gem-bkfwbox-item {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  align-items: center;
  font-size: inherit;
}

.gem-bkfw-itembox {
  position: relative;
  width: 100%;
  background: none;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(80, 56, 0, 0.1);
 
}


.gem-bkfw-title{
    padding: 12px 10px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 120%;
    color: #3a332a;
    text-align: center;
}

.gem-bkfw-pic{ width:100%; height:0; padding-bottom:85%; overflow:hidden;transition: all 0.5s;}
.gem-bkfw-pic img {
  width: 100%;
  display: block;
}

.gem-bkfw-pic:hover {
  transform: scale(1.1);
}

/*footer*/
.footer {
 
  background-color: #faf9f7;
  padding: 20px 0 0 0;
  margin-top:50px;
}
.footercon{
 display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footercon .footerleft{ width:199px; margin-right:30px;}
.footercon .footerleft img{ width:100%;}
.footercon .footerceter{ margin-right:auto; }
.footercon .footerceter dl{ display:flex; justify-content: flex-start‌; align-items: center; margin-bottom:10px; }
.footercon .footerceter dl dt{ margin-right:10px;}
.footercon .footerceter dl dt .bi-chat-text-fill{ color:#f1bc5e;}
.footercon .footerceter dl dt .bi-envelope-check-fill{ color:#f1bc5e;}
.footercon .footerceter dl dt .bi-telephone-fill{ color:#f1bc5e;}
.footercon .footerright{}
.footercon .guanzhu i{ color:#ff0000;}
.footercon .footerright font{ font-size:18px; margin-left:5px;}
.footercon .footerright .ftlink{ margin-top:15px}
.footercon .footerright .ftlink a{ display:inline-block; margin-right:10px}
.footercon .footerright .ftlink img{ max-width:65px;}
.footercon .footerright .diewm{display:flex; justify-content: flex-end; margin-top:28px; }
.footercon .footerright .diewm dl dt img{ display:block; max-width:69px;}
.footercon .footerright .diewm dl dd{ font-size:12px; zoom:0.7; text-align:center}
.ftdibg{height:18px; background:url(../img/dibg.png) center top repeat-x; padding-bottom:25px; background-color:#d0a34b;}


.footer-title {
  margin-top: 45px;
  margin-bottom: 20px;
}

.footer-qrcode {
  border-radius: 5px;
  margin-bottom: 15px;
}


/*news-banner*/
#news-banner {
  width: 100%;
  min-height: 145px;
  
  position: relative;
  display: flex;
  align-items: center;
}

#news-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  
}

.news-bannerbox {
  position: relative;
  z-index: 1;
  color: #fff;
  
}

.news-bannerbox-title {
  margin: 0;
  font-size: 2.2rem;
  font-weight: 700;
}

/* --- zxlc --- */

.zxktbox{ margin: 30px auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between;}
.zxktbox h5{ font-weight:bold;}
.zxktbox a{ text-decoration:none; color:gray}
.zxkt-list-grid{grid-template-columns: repeat(7, minmax(0, 1fr));}
.zxkt-list-grid .gem-tongybox-itemsrow{ border:none;border-radius:0;box-shadow:none}

/* --- zxlc2 --- */
.zxkc2-grid-box{display: flex; align-items: flex-start; justify-content: space-between; margin-top:20px;}
.zxkc2l{ width:21%; position:relative; }
.chxxr{ width:39%!important; position:relative; overflow:hidden;}
.ccxtr{ width:90%!important; position:relative; margin-left:1%;  overflow:hidden;}
.gem-ccxtr{ margin-top:0!important;}
.ccxtr .gem-chxx-subbtn{ max-width:280px!important;}
.zxkc2l dl{ width:100%; position:relative; border:#f5f5f7 1px solid;  box-shadow: 0 5px 10px rgba(90, 62, 0, 0.14); box-sizing: border-box; margin-bottom:0!important;}
.zxkc2l dl dt{ width:100%; height:42px; line-height:42px; background:#d4ddfa; position:relative;}
.zxkc2l dl dt b{ display:block; position:absolute; left:0; top:0; width:10px; height:100%; background:#f1bc5e;}
.zxkc2l dl dt span{ font-size:1.5rem; font-weight:bold; margin-left:24px;}
.zxkc2l dl dt i{  position:absolute; right:20px; top:0; font-size:1.5rem}
.zxkc2l dl dd{ width:100%;  position:relative; margin:0!important;}
.zxkc2l dl dd p{ position:relative; padding:10px 10%; margin:0!important;font-size:1rem; color:#78797b; border-bottom:#e5e5e5 1px solid;}
.zxkc2l dl dd p a:hover{ color:#0616a1; font-weight:bold;}
.zxkc2l .curarcid{color:#0616a1; font-weight:bold;}
.zxkc2l .curchxxaid{ font-weight:bold; background:#0517a1;}
.zxkc2l .curchxxaid a{ color:#FFFFFF;}
.zxkc2l .curchxxaid a:hover{color:#FFFFFF;}
.zxkc2l .curchxxaid i{ position:absolute; right:-10px; top:50%;transform:translateY(-50%); color:#0517a1; }


.zxkc2r{ width:75%;  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;}
.zxkc2r dl{ width:100%; background:#edf0f7; box-sizing: border-box; margin-bottom:20px; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; }
.zxkc2r dl a{ text-decoration:none; color:#000000;}
.zxkc2r dl dt{ width:100%; overflow:hidden}
.zxkc2r dl dt img{ display:block; width:100%;}
.zxkc2r dl dd{ width:100%; padding:10px 10%; text-align:center; overflow:hidden;}
.zxkc2r dl dd .zxkc2rbt{ font-size:1.5rem; font-weight:bold; text-align:left;}
.zxkc2r dl dd .zxkc2rtxt{ font-size:1rem; text-align:justify; margin:10px 0 20px 0; color:#2a200e;}
.zxkc2r dl dd .zxkc2rgd{ display:inline-block; height:30px; line-height:30px; font-size:1rem; padding:0 20px; background:#f1bc5e; border-radius: 15px; m color:#2a200e; overflow:hidden}


.chxxf1{align-items: stretch!important;}
.chxxm{ width:37%; position:relative; padding:2%;  box-shadow: 0 5px 10px rgba(90, 62, 0, 0.14); box-sizing: border-box; margin-top:42px; overflow:hidden;}
.chxxm ul{display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin:0; padding:0; }
.chxxm ul li{ cursor:pointer; padding:5px; border:#9fa09b 1px solid;  border-radius: 4px; margin-right:10px; margin-bottom:10px;}
.chxxm ul li:hover{ background:#0517a1; color:#FFFFFF;}
.chxxmcur{background:#0517a1; color:#FFFFFF;}
.chxxf1 .vocab-study-card{ padding:20px 10px!important;}
.chxxf1 .chxxm .gem-chxx-subbtn{ max-width:60%!important;}
.chxxf1 .chxxm .btn-outline-warning{ background:#f9cd46; color:#000000;}
.chxxmore{ text-align:center; cursor:pointer;}


.zxkcnr{ width:75%; position:relative; overflow:hidden;}
.zxkcnr ul{  padding-left:0; display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: 10px;}
.zxkcnr ul li{  background:#edf0f7;list-style:none; border-radius: 4px; text-align:center; margin-bottom:10px;}
.zxkcnr ul li a{ display:block; color:#000000; text-decoration:none;}
.zxkcnr-ul-cur{background:#f9cd46!important;}

.zxkcvideo{ width:100%; position:relative; overflow:hidden;}
.zxkcvideo img{ display:block; width:100%;}
.zxkcvideo video{ display:block; width:100%; max-height:500px;}

.zckcprenext{ width:100%; margin-top:30px; text-align:center;}
.zckcprenext a{ display:inline-block; padding:0 20px; line-height:40px; background:#f9cd46; border-radius: 20px; margin:0 10px;}

.videolitpic{width:100%; height:0; padding-bottom:45%; position:relative; overflow:hidden;}
.videolitpic .videolitpicbg{ width:100%; height:100%; display: flex; align-items: center; justify-content: center; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); z-index:2; text-align:center;}
.videolitpic .videolitpicbg .bi-play-btn-fill{ color:#FFFFFF; font-size:3rem; cursor:pointer}

/* --- ccxt --- */
.ccxt-list-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px;}
.ccxt-list-grid .gem-tongybox-itemsrow{ border:none;border-radius:0;box-shadow:none}

/* --- xyal --- */
.xyal-list-grid{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;}
.xyal-list-grid dl{ width:100%; border:#f9cd46 1px solid; box-sizing: border-box; border-radius: 20px; margin-bottom:10px;}
.xyal-list-grid dl dt{ width:90%; margin:10px auto; overflow:hidden}
.xyal-list-grid dl dt img{ display:block; width:100%;}
.xyal-list-grid dl dd{ width:90%; margin:0 auto; text-align:center; overflow:hidden;}
.xyal-list-grid dl dd .zxkc2rbt{ font-size:1rem; font-weight:bold; text-align:left;}
.xyal-list-grid dl dd .zxkc2rtxt{ font-size:12px; text-align:justify; margin:20px 0 10PX 0; color:#b4b4b4;}
.xyal-list-grid dl dd .zxkc2rgd{ font-size:0.8rem; text-align:justify; color:#3442b0; margin-bottom:20PX; overflow:hidden}

/* --- lx --- */
.lianxipic{width:100%; position:relative; overflow:hidden}
.lianxipic img{ display:block; width:100%;}
.lianxibox{display: flex; align-items: flex-start; justify-content: space-between; margin-top:20px;}
.lxewm{ font-size:14px; color:#666666}
.lxetxt{ font-size:14px; text-align:left; line-height:200%;}
.lxetxt img{ display:inline-block; margin:0 5px;}


/* --- bkfw2 --- */
.bkfwbt{ width:100%; padding-bottom:20px; border-bottom:#dadada 1px solid; text-align:center; font-size:1.5rem; font-weight:bold; margin-bottom:30px;}
.bkfw1-list-flex{display: flex; align-items: flex-start; justify-content: space-between;  box-sizing: border-box; margin-bottom:30px;}
.bkfw1-list-left{ width:36%; text-align:justify; font-size:1rem; line-height:180%;}
.bkfw1-list-right{ width:56%;}
.bkfw1-list-right img{ display:block; width:100%;}
.bkfw2-list-grid{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; padding-bottom:60px; border-bottom:#dadada 1px solid; margin-bottom:60px;}
.bkfw2-list-grid .gem-tongybox-itemsrow{ border:none;border-radius:0;box-shadow:none; background:#f8f8f8; padding-bottom:20px;}
.bkfw2-list-grid .gem-tongybox-itemsrow p{ width:80%; margin:0 auto; line-height:200%;}
.bkfw3-list-flex{display: flex; align-items: flex-start; justify-content: space-between; margin-top:20px; box-sizing: border-box;}
.bkfw3-list-flex div{ border-left:#eea941 5px solid; padding-left:20px; padding-right:20px; line-height:180%; text-align:justify}

.bkfw4bg{ width:100%; padding:30px 0; background:#f8f8f8; margin-top:60px;}
.bkfw4-list-flex{display: flex; align-items: flex-start; justify-content: space-between;  box-sizing: border-box;}
.bkfw4-list-flex div{ line-height:200%; max-width:50%;}
.bkfw4-list-flex p{ padding-left:15px;}
.bkfw4-list-flex strong{ display:inline-block; border-left:#eea941 5px solid; padding-left:10px; padding-right:10px; font-size:18px; margin-bottom:10px; font-weight:normal; color:#000000}
.tytagbt{ font-size:1.25rem; font-weight:bold; margin-bottom:30px;}

.bkfw4-list{ padding:30px 0; border-bottom:#dadada 1px solid;  text-align:justify; line-height:180%;}
.bkfw4-listbt{border-left:#eea941 5px solid; padding-left:20px;}
.bkfw4-listbox .bkfw4-list:nth-child(1){border-top:#dadada 1px solid; }

.bkfw5-margintop{ margin-top:30px;}
.bkfw5-list{ border-bottom:#dadada 1px solid; padding-bottom:30px;  text-align:justify; line-height:180%;}

.bkfw6bg{ width:100%; padding:30px 0; position:relative; overflow:hidden;}
.bkfw6-list{ color:#FFFFFF; line-height:180%; font-size:1.25rem;}
.bkfw7-list h2{font-size:3rem; font-weight:bold;}
.bkfw7-list h3{font-size:1.5rem;}

/* --- login --- */
.loginbg{ width:100%; padding:10vh 0 8vh 0; background:url(../img/loginbg.jpg) center top no-repeat; background-size:cover; text-align:center}
.loginbt{ font-size:3.8rem; color:#041ac5;}
.loginbt2{ font-size:1.5rem; color:#041ac5;}
.fontcl1{ color:#ef992a}
.loginbox{ width:58%; padding:50px; background:#eef5fb; position:relative; display: flex; align-items: flex-start; justify-content: space-between;  box-sizing: border-box;  margin:30px auto; overflow:hidden;}
.loginbox .loginbox-left{ width:30%; border-right:#bec3c8 1px solid; text-align:left;}
.loginbox .loginbox-left h2{ font-weight:bold; margin-bottom:30px;}
.loginbox .loginbox-left img{ max-width:70%;}
.loginbox .loginbox-right{ width:59%; position:relative; overflow:hidden;}
.loginbox .loginbox-right .logintop{display: flex; align-items: flex-start; justify-content: space-between;  box-sizing: border-box;}
.loginbox .loginbox-right .logintop span{ margin-right:20px; cursor:pointer;}
.loginbox .loginbox-right .logintopcur{ color:#0517a1;}
.loginbox .loginbox-right .logintop a{ color:#0517a1; font-size:0.75rem}
.loginbox .loginbox-right .loginsub{ width:100%; margin-top:30px;}
.loginbox .loginbox-right .loginsub ul{ margin:0; padding:0;}
.loginbox .loginbox-right .loginsub li{ width:100%; padding:5px 10px;  border:#bec3c8 1px solid; background:#ffffff;  margin-bottom:10px; display: flex; align-items: flex-start; justify-content: flex-start;}
.loginbox .loginbox-right .loginsub li span{ display:inline-block; text-align:left;}
.loginbox .loginbox-right .loginsub li input{ border:none;}
.loginbox .loginbox-right .loginsub .loginbtn{ width:100%; background:#0517a1; padding:8px 0; border:none; color:#FFFFFF; margin-top:10px;}
.loginbox .loginbox-right .loginsub .wjpass{ margin-top:20px; text-align:left; color:#808487;}
.loginbox .loginbox-right .loginsub .wjpass a{color:#808487;}

.loginbox .loginbox-right .regxi{ font-size:0.8rem; color:#808487; text-align:left;}


/* --- member --- */
.hybox{padding:10px; background:#F5F5F5; margin-top:60PX; min-height:300PX;}
.hybox .hyboxtop{display: flex; align-items: flex-start; justify-content: flex-start;  box-sizing: border-box; }
.hybox .hyboxtop div{ margin-right:10px}

.gmbgs{ display:none;}
.gmbg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:99999;  display: flex; align-items: center; justify-content: center;  box-sizing: border-box;}
.gmbg .gmbox{ position:relative; padding:5%; background:#FFFFFF; border-radius: 10px;}
.gmbg .gmbox .gmclose{ position:absolute; top:0; right:10px; font-size:2rem; cursor:pointer;}
.gmbt{ width:100%; text-align:center; font-size:1.5rem; font-weight:bold; margin-bottom:10px;}

.gmbg .gmbox .gmcon{ position:relative; text-align:center; margin-top:30px;  display: flex; align-items: center; justify-content: space-between; }
.gmbg .gmbox .gmcon .gmpic{ width:30%;}
.gmbg .gmbox .gmcon .gmpic img{ width:100%;}
.gmbg .gmbox .of1radio{ width:70%; text-align:center; }
.gmbg .gmbox .of1radio ul{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; text-align:left;}
.gmbg .gmbox .of1radio li{ margin-bottom:10px}
.gmbg .gmbox .of1radio button{ background:#000066; color:#FFFFFF}

.of1{ width:100%; background:url(../img/gmcgbg.jpg) center top no-repeat; background-size:cover; padding:100px 0; color:#FFFFFF;text-align:center;}
.of1con{display: flex; align-items: flex-start; justify-content: flex-start;  width:40%; padding:30px; background:#dadef0; border-radius: 10px; margin:30px auto; color:#000000;}
.of1pic{ width:30%;}
.of1pic img{ width:100%;}
.of1txt{ margin-left:20px; text-align:left;}
.of1txt p{ margin-bottom:5%;}
.of1txt p:nth-child(1){ margin-bottom:10%; font-size:1.5rem; color:#09169b;}
.of1txt p:nth-child(2){ font-weight:bold;}
.of1txt p:nth-child(3){ font-size:0.8rem;}


.xyalnr{ width:100%; overflow:hidden;}
.xyalnrbt{ font-size:2.5rem; font-weight:bold; margin-bottom:30px;}
.xyalnrcon{ text-align:justify; line-height:180%; text-wrap-mode:nomal;}
.xyalnrcon img{ max-width:100%;}
.xyalnrh5{ text-align:center; font-size:1.5rem; margin-top:30px;}

.f1bg1{width:100%; background:#e7e8eb; position:relative; overflow:hidden;}
.f1formbg{ width:100%; display:block; background:#e7e8eb; text-align:center; padding-bottom:60px; overflow:hidden;}
.f1form{ display:inline-block; background:#FFFFFF; padding:20px;border-radius: 10px; margin:0 auto; overflow:hidden;}

.f1err{ display:none; text-align:center; font-size:1.3em; font-weight:bold; color:#FF0000; margin-bottom:30px;}
.f1form{display:inline-block; background:#FFFFFF; padding:20px;border-radius: 10px; margin:0 auto; overflow:hidden;}
.f1form p{margin-bottom: 1rem; font-weight:bold; color:#0e1347}
.f1form input[type="password"] {
	display:block;
	width:300PX;
	padding:0 10px;
  line-height:40px;
  background:#FFFFFF;
  border-radius: 10px;
  border:#cbd5e0 1px solid;
   font-size:1em;
   margin-bottom:10px
  
}
.f1form input[type="button"] {
	display:block;
	width:300PX;
  line-height:40px;
  background:#0e1347;
  border-radius: 10px;
  border:none;
  color:#FFFFFF;
  cursor:pointer;
  font-size:1em;
  
}

.f1con{ display:none; width:100%;  position:relative; overflow:hidden;}
.f1con video{ width:100%;margin:20px auto 30px auto;}

.f1hd{ width:100%; position:relative;}
.f1hd img{width:100%;}

.f1hd .slick-dots{bottom: 10px; overflow:hidden;}
.f1hd .slick-dots li {
	position: relative;
	display: inline-block;
	height: 12px;
	width: auto;
	margin: auto;
	padding: 0px;
	cursor: pointer;
	text-align:center;
}
.f1hd .slick-dots li button {
	display:inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background:none;
	border:#FFFFFF 1px solid;
	margin: 0px 8px;
}
.f1hd .slick-dots li.slick-active button {
	background: #FFFFFF;
	width: 12px;
	height: 12px;
}


/* --- gem-practice-section-260829 --- */
.gem-practice-section{ }
.gem-practice-boxcon{ display: flex; justify-content: space-between; align-items: start;  margin-top:60px;}
.gem-practice-boxcon-left{ width:12%; border:#f3f2f6 1px solid; box-shadow: 0 3px 6px rgba(80, 56, 0, 0.1); border-radius: 10px;}
.gem-practice-boxcon-left dl{ width:100%; position:relative;}
.gem-practice-boxcon-left dt{ padding:10px 0; font-size:1.2rem; font-weight:bold; text-align:center; border-bottom:#f3f2f6 1px solid; }
.gem-practice-leftdt{ display:none;}
.gem-practice-boxcon-left dd{ width:90%; padding:0 5%; display: grid;grid-template-columns: 1fr 1fr; gap: 10px; margin:20px auto 10px auto; }
.gem-practice-boxcon-left dd span{ border:#dfc97e 1px solid; border-radius: 4px; padding:10px; text-align:center; cursor:pointer;}
.gem-practice-leftcur{ border:#39b8ff 1px solid!important;} 
.gem-practice-lefterror{ background:#dfc97e} 
.gem-practice-leftok{ background:#02a2ff}
.gem-practice-kaoshi{ background:#dfc97e!important;} 
.gem-anserai{ display:none;}
.gem-practice-boxcon-center{ width:60%; border:#f3f2f6 1px solid; box-shadow: 0 3px 6px rgba(80, 56, 0, 0.1); border-radius: 10px;}
.gem-practice-centertop{ width:96%; margin:10px auto; display: flex; justify-content: space-between; align-items: start;}
.gem-practice-centertop .gem-practice-centertop-left{display: flex; justify-content: space-between; align-items: start; border:#fec106 1px solid; border-radius: 6px; cursor:pointer;}
.gem-practice-centertop .gem-practice-centertop-left span{ padding:5px 10px; color:#fec106;}
.gem-practice-centertop .gem-practice-centertop-left .gem-practice-centertop-leftcur{ background:#fec106; color:#000000}
.gem-practice-centertop .gem-practice-centertop-right{display: flex; justify-content: space-between; align-items: start;}
.gem-practice-centertop .gem-practice-centertop-right span{ padding:5px 10px; color:#1671fe; border:#1671fe 1px solid; border-radius: 6px; cursor:pointer;}
.gem-practice-centermain{ width:96%; margin:10px auto; position:relative; overflow:hidden;}
.gem-practice-centermainitem{ width:100%; display:none;}

.gem-practice-centermain .gem-practice-centermain-title{ font-size:1.2rem; margin-bottom:10px;}
.gem-practice-show{ display:inline-block;}
.gem-practice-hide{ display:none}

.gem-practice-centermain .gem-practice-centermain-pic{ width:100%; text-align:center;}
.gem-practice-centermain .gem-practice-centermain-pic img{ display:inline-block; max-width:100%; margin:10px auto;}

.gem-practice-centermain .gem-practice-centermain-text{ width:100%;}
.gem-practice-centermain .gem-practice-centermain-text .gem-practice-centermain-textitem{display: flex; justify-content: start; align-items: start;font-size:1.2rem; border:#edeef2 1px solid; border-radius: 6px; padding:5px 10px; margin-bottom:10px;}
.gem-practice-centermain-textitem .form-check-input{ border:#daa520 1px solid; line-height:1em; margin-right:10px;}
.gem-practice-centermain-textitem .form-check-input:checked{ --bs-form-check-bg-image:none; background-color:#daa520; color:#ffffff; text-align:center;}
.gem-input-kaoshi{ --bs-form-check-bg-image:none; background-color:#daa520!important; color:#ffffff; text-align:center;}
.bi-circle-fill{ color:#daa520!important;}
.bi-circle-fill::before{content:"\F287"!important}
.gem-practice-centermain-textitem .form-check-label{ max-width:95%;}

.gem-practice-boxcon-center .gem-practice-centerpage{ text-align:center; margin:20px auto;}
.gem-practice-boxcon-center .gem-practice-centerpage button{ margin:0 10px;}


.gem-practice-boxcon-right{ width:25%; border:#f3f2f6 1px solid; box-shadow: 0 3px 6px rgba(80, 56, 0, 0.1); border-radius: 10px; background:#f5f5ff;}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop{width:92%; margin:10px auto;display: flex; justify-content: space-between; align-items: start; cursor:pointer;}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop span{ border:#dd3546 1px solid; padding:5px 10px; border-radius: 6px; color:#dd3546}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop h5{ font-size:1rem; color:#4ea1ff; border:#4ea1ff 1px solid; padding:5px 10px; border-radius: 6px;}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop h5 i{ zoom:0.8;}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop label{ display:none}

.gem-practice-boxcon-right .gem-practice-boxcon-righttext{width:92%; height:210px; margin:20px auto;  font-size:0.75rem; overflow-y:scroll}

#gem-practice-fanyi{ display:none}
#gem-practice-aijiti{display:none}

/* --- gem-shiti-liebiao --- */
.gem-ccxtr .gem-practice-leftdt{ display:block!important;}
.gem-ccxtr .gem-practice-boxcon-left dd span{ padding:5px;}
.gem-ccxtr .gem-practice-centermain-textitem .form-check-label{ max-width:90%;}
.gem-ccxtr .gem-practice-boxcon-right .gem-practice-boxcon-righttop span{ padding:5px; font-size:0.75rem;}
.gem-ccxtr .gem-practice-boxcon-right .gem-practice-boxcon-righttop h5{ font-size:0.75rem; padding:5px; }
.gem-ccxtr .gem-practice-boxcon-right .gem-practice-boxcon-righttop h5 i{ zoom:0.6;}
.gem-ccxtr .gem-practice-boxcon-right .gem-practice-boxcon-righttext{height:305px;}
.gem-practice-pages{width:100%; text-align:center; padding-bottom:20px; }

.gem-practice-pages a{ display:block; margin-bottom:10px}
.gem-practice-pages a:hover{ color:#4ea1ff}


/* --- gem-chxx --- */
.gem-sub-sections { border:#0d48d0 1px solid; border-radius: 10px; width:80%; margin:30px auto 0 auto;}

.gem-chxxsounds-jd { width:100%;}

.gem-chxxsounds-jd-label {
  font-size: 0.85rem;
  color: #0d6efd;
  margin-bottom: 6px;
  display: none;
}

.gem-chxxsounds-jd-bar {
  height: 4px;
  background: #0d6efd;
  border-radius: 2px;
  overflow: hidden;
}

.gem-chxxsounds-jd-fill {
  height: 100%;
  background: rgb(255, 192, 8);
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* gem sound */
.gem-soundbox{ display:none}
.gem-yych-box { padding: 30px 0; text-align:center;}

.gem-yychbox-titlelb { position:relative;}

.gem-yychbox-title {
  font-size: 3rem;
  font-weight: 300;
  margin: 0;
  line-height: 1.2;
  color:#0d48d0;
}

.gem-sound-btn {
position:absolute;
top:0;
right:5%;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  color: goldenrod;
  font-size: 2rem;
  
}
.gem-sound-btn .bi-volume-up-fill{ color:#0d6efd;}
.gem-sound-btn:hover {
  background: #fffbe6;
  border-color: goldenrod;
}

.gem-yych-line {
  width: 40px;
  height: 3px;
  background: none;
  border-radius: 2px;
  margin: 20px auto;
}

.gem-yych-titlecn{ font-size:1.2rem;}
.gem-yych-subbox {
  width:auto;
  display: flex;
  justify-content: center;
  margin:30px auto;
}

.gem-yych-subprenext {
  width: 100%;
  display: flex;
  justify-content: center;
}
.gem-yych-subprenext button{ margin:0 5px;}
.gem-yych-subprenext .bi-file-play-fill{ font-size:2rem;}
@media (max-width: 1050px) {
  
  .pc{ display:none!important;}
	.yd{ display:block!important;}

	
	/*mtag*/
	.mtag{ display:block; width: 20px; height:25px; position:absolute; right:0; top:50%;transform:translateY(-50%); overflow:hidden; z-index:5; }
	.mico{ display:block; width: 20px;height: 3px;background: #000000; position:absolute; top:3px;}
	.mico::before{content: ''; display: block;width: 20px;height: 3px;background: #000000; position:absolute; top:8px; }
	.mico::after{content: ''; display: block;width: 20px;height: 3px;background: #000000; position:absolute; top:16px; }
	
	
	.nav-btn:hover { border-bottom:none; color:#000000}
	.fs-4{ font-size:14px!important;}
	.xyzlbg{ background:#faf9f7; padding:30px 0;}
	.cjwtbg{ background:#d4ddfa; padding:30px 0;}
	.cjwtbox{ display:block;  margin-top:30px; }
	.cjwtleft{width:100%; padding:20px 0}
	.cjwtleft dl dd{ font-size:12px;}
	#gemaccordion{ width:100%;}
	
	/*foot*/
	.footer { padding:20px 0 0 0;}
	.footercon{ display:block}
	.footercon .footerleft{ width:45%; margin:0 0 20px 0;}
	.footercon .footerceter dl{ align-items: flex-start;}
	.footercon .footerright .ftlink{ display: grid; grid-template-columns: repeat(5, auto); gap: 5px;}
	.footercon .footerright .ftlink img{ max-width:100%;}

	.footercon .footerright .diewm{justify-content: center; margin-top:30px; }
	.footercon .footerright .diewm dl{width:30%;}
	.footercon .footerright .diewm dl dt img{ width:100%; max-width:none;}
	.footercon .footerright .diewm dl dd{zoom:1;}
	.ftdibg{ padding-bottom:20px; }
	
	.xyal-list-grid{grid-template-columns: repeat(1, minmax(0, 1fr))!important;}
	.bkfw1-list-flex{ display:block;}
	.bkfw1-list-left{ width:100%; }
	.bkfw1-list-right{ width:100%; margin-top:10px}
	.bkfw2-list-grid{ padding-bottom:30px; margin-bottom:30px}
	.bkfw3-list-flex{ display:block}
	.bkfw3-list-flex div{ margin:10px auto}
	.bkfw4-list-flex{display:block}
	.lianxibox{display:block}
	.lxewm{ display:none}
	.lxetxt{ text-align:left; }
	.zxkc2l{ display:none;}
	
	.zxkc2r{ width:100%;  display: block; }
	.zxkcnr{ width:100%; }
	.zxkcnr ul{ grid-template-columns: repeat(5, minmax(0, 1fr));  gap: 10px;}
	.bkfw4-list-flex div{ line-height:200%; max-width:100%;}
	.zxkcvideo video{  max-height:300px;}
	
	/* --- member --- */
	.hybox{ margin-top:120PX; min-height:300PX;}
	
	.bkfw6-list{  font-size:1rem;}
	.bkfw7-list h2{font-size:2rem;}
	.bkfw7-list h3{font-size:1.25rem;}
	.chxxr{ width:100%!important; margin-top:20px}
	.ccxtr{ width:100%!important;}
	.chxxm{ width:100%; margin-bottom:30px; box-shadow: none;}
	.zxkc2-grid-box{ display:block;}
	.chxxl{ display:block!important; width:100%;}
	
	.chxxl dl{ width:100%; position:relative; border:#f5f5f7 1px solid;  box-shadow:none; box-sizing: border-box; margin-bottom:0!important;}
.chxxl dl dt{ display:none;}
.chxxl dl dd{ width:100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0;  }
.chxxl dl dd p{ position:relative; padding:10px 10%; margin:0!important;font-size:1rem; color:#78797b; border-bottom:#e5e5e5 1px solid; border-right:#f5f5f7 1px solid;}
.chxxl dl dd p a:hover{ color:#0616a1; font-weight:bold;}
.chxxl .curarcid{color:#0616a1; font-weight:bold;}
.chxxl .curchxxaid{ font-weight:bold; background:#0517a1;}
.chxxl .curchxxaid a{ color:#FFFFFF;}
.chxxl .curchxxaid a:hover{color:#FFFFFF;}
.chxxl .curchxxaid i{ display:none}
	
	.ccxtr .gem-chxx-subbtn{ max-width:100%!important;}
	
	.loginbg{ margin-top:90px;}
	.loginbt{ font-size:2.3rem; color:#041ac5;}
	.loginbt2{ font-size:1rem; color:#041ac5;}
	.loginbox{ width:100%; padding:0; display: block;}
	.loginbox .loginbox-left{ display:none}
	
	.loginbox .loginbox-right{ width:90%; padding:5%; margin:0 auto;}
	.logintop{ display:block!important;}
	.logintop div:first-child{ display:none!important;}
	.logintop div:last-child{ float:right}
	.loginbox .loginbox-right .loginsub li input{ max-width:60%;}
	.login-regs{ border:none; text-align:center;}
	.ydexit{ padding:10px 20px;}
	
	.chxxbox{ margin: 110px auto 0 auto;}
	#chxxbt{ display:none}
	
	.zxktbox{ margin-top:120px;}
	
	.of1{ width:100%; background:url(../img/gmcgbg.jpg) center top no-repeat; background-size:cover; padding:60px 0; color:#FFFFFF;text-align:center; margin-top:90px}
.of1con{display: block; align-items: flex-start; justify-content: flex-start;  width:80%; padding:30px 5%; background:#dadef0; border-radius: 10px; margin:30px auto; color:#000000;}
.of1pic{ width:40%; margin:0 auto 10px auto;}
.of1pic img{ width:100%;}
.of1txt{ margin-left:0; text-align:left;}
.of1txt p{ margin-bottom:2%;}
.of1txt p:nth-child(1){ margin-bottom:5%; font-size:1.5rem; color:#09169b;}
.of1txt p:nth-child(2){ font-weight:bold;}
.of1txt p:nth-child(3){ font-size:0.8rem;}

.gmbg .gmbox .of1radio ul{  grid-template-columns: repeat(1, minmax(0, 1fr));}

.f1hd{ margin-top:90px;}

/* --- gem-practice-section-260829 --- */
.gem-practice-section{ }
.gem-practice-boxcon{ flex-direction: column-reverse; margin-top:30px;}
.gem-practice-boxcon-left{ width:100%; margin-top:10px; }
.gem-practice-boxcon-left dl{ width:100%; position:relative;}
.gem-practice-boxcon-left dt{ padding:10px 0; font-size:1.2rem; font-weight:bold; text-align:center; border-bottom:#f3f2f6 1px solid; }
.gem-practice-leftdt{ display:none;}
.gem-practice-boxcon-left dd{ width:96%; padding:0 2%; display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 10px; margin:10px auto; }
.gem-practice-boxcon-left dd span{ border:#dfc97e 1px solid; border-radius: 4px; padding:10px; text-align:center; cursor:pointer;}
.gem-practice-leftcur{ border:#39b8ff 1px solid!important;} 
.gem-practice-lefterror{ background:#dfc97e} 
.gem-practice-leftok{ background:#02a2ff}
.gem-practice-kaoshi{ background:#dfc97e!important;} 
.gem-anserai{ display:none;}
.gem-practice-boxcon-center{ width:100%; margin-top:30px;}
.gem-practice-centertop{ display:none;}

.gem-practice-centermain{ width:96%; margin:10px auto; position:relative; overflow:hidden;}
.gem-practice-centermainitem{ width:100%; display:none;}

.gem-practice-centermain .gem-practice-centermain-title{ font-size:1.2rem; margin-bottom:10px;}
.gem-practice-show{ display:inline-block;}
.gem-practice-hide{ display:none}
.gem-practice-centermain .gem-practice-centermain-text{ width:100%;}
.gem-practice-centermain .gem-practice-centermain-text .gem-practice-centermain-textitem{display: flex; justify-content: start; align-items: start;font-size:1.2rem; border:#edeef2 1px solid; border-radius: 6px; padding:5px 10px; margin-bottom:10px;}
.gem-practice-centermain-textitem .form-check-input{ border:#daa520 1px solid; line-height:1em; margin-right:10px;}
.gem-practice-centermain-textitem .form-check-input:checked{ --bs-form-check-bg-image:none; background-color:#daa520; color:#ffffff; text-align:center;}
.gem-input-kaoshi{ --bs-form-check-bg-image:none; background-color:#daa520!important; color:#ffffff; text-align:center;}
.bi-circle-fill{ color:#daa520!important;}
.bi-circle-fill::before{content:"\F287"!important}
.gem-practice-centermain-textitem .form-check-label{ max-width:90%;}

.gem-practice-boxcon-center .gem-practice-centerpage{ text-align:center; margin:20px auto;}
.gem-practice-boxcon-center .gem-practice-centerpage button{ margin:0 5px; font-size:0.75rem;}

#gem-practice-fanyi{ display:inline-block;color:#1671fe; border:#1671fe 1px solid;}
#gem-practice-aijiti{display:inline-block;border:#dd3546 1px solid; color:#dd3546}

.gem-practice-boxcon-right{ display:none; position:fixed; left:0; bottom:0; width:100%; border:none; box-shadow: 0 3px 6px rgba(80, 56, 0, 0.1); border-radius: 0; z-index:9999;}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop{ width:92%; margin:10px auto;display: flex; justify-content: space-between; align-items: start; cursor:pointer;}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop span{display:none; border:#dd3546 1px solid; padding:5px 10px; border-radius: 6px; color:#dd3546}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop h5{ font-size:1rem; color:#4ea1ff; border:#4ea1ff 1px solid; padding:5px 10px; border-radius: 6px;}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop h5 i{ zoom:0.8;}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop label{ display:block;}
.gem-practice-boxcon-right .gem-practice-boxcon-righttop .btn-close{ font-size:2rem;} 

.gem-practice-boxcon-right .gem-practice-boxcon-righttext{width:92%; height:200px; margin:20px auto;  font-size:0.75rem; overflow-y:scroll}

/* --- gem-shiti-liebiao --- */
.gem-practice-pages li{display:inline-block;}
.gem-practice-pages a{ display:inline-block; margin:10px 20px;}


/* --- gem-sound --- */
#gem-soundlb .btn-lg {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}

}