.container-lg{height: 90%; padding: 0px 0px; /*background-color: #fff;*/}	
	.learn-container { height: 93%; display: flex; flex-direction: column;justify-content:space-between;}
	
	.progress{background-color: rgba(178, 186, 187, 0.7) !important}
	
	/*
	.scrollResult{background-color: rgba(255, 255, 255, 0.5);border-radius: 10px; margin: 10px 15px 0px 15px; padding: 0px 0px;overflow-x:hidden; overflow-y:auto;height: 100%;}
	.slide-inner{padding: 5px 10px;}
	*/

	/*20230629 修改start*/
	.scrollResult{ margin: 10px 15px 0px 15px; padding: 0px 0px;overflow-x:hidden; overflow-y:auto;height: 100%;}
	.slide-inner{background-color: #f8fbfd; border-radius: 10px; padding: 5px 10px; height: 100%; overflow-x:hidden; overflow-y:auto; margin-bottom: 10px;}	
	.detail-first-slide {height: 100%; overflow-x:hidden; overflow-y:auto;}
	.detail-first-slide .slide-inner{height: auto !important}	
	.wordInfoTitle{font-weight: bold !important; padding: 5px 0px;}
	.navbar-icon-top .nav .nav-item{width:33.3% !important;text-align: center;}
	.navbar-icon-top .nav-link {font-size: 20px !important; color: #212529 !important; font-weight: 900 !important;}
	.navbar-icon-top i {font-size: 20px !important; font-weight: 900;}
	.sticky_footer, .navbar-icon-top{height: 70px !important;}
	.limit_height.autoCollapse{height: 85px;overflow-x:hidden; overflow-y:hidden;}
	.limit_height hr{margin: 5px 0px !important; color: #ccc;}
	.limit_height_toggle_btn{border: 1px solid #ccc; padding: 0px 8px; border-radius: 3px; float: right; color: #333; background-color: #fff; font-size: 14px;}

	.vipcard {
		height: 200px;
		width: 100%;
		text-align: center;
		padding: 0px;
		margin: 5px;
		border: 1px solid rgba(255, 255, 255, .25);
		border-radius: 20px;
		background-color: rgba(255, 255, 255, 0.45);
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	  }

	  .vipcard-footer {
		padding: 10px;
		font-size: 1em;
		font-weight: bold;
		color: #446;
	  }	
	/*20230629 修改end*/
	
	
	.wordEtymContent{line-height: 1.7em;}
	.wordEtymContent br{content: "A" !important; display: block !important;margin-bottom: 1.5em !important;}
	
	.modal-action-footer{display: flex; justify-content:space-around; width: 100%; margin-bottom: 15px; position: absolute;bottom: 0;}
	#singleLearnResult.scrollResult, #singleReviewResult.scrollResult, #searchModalResult.scrollResult{height: 100%; overflow-x: hidden !important; overflow-y: hidden !important;}
	
	.modal-title{font-weight: bold;}
	
	.action-item{background-color: rgba(248, 249, 249, 0.5);border-radius: 15px; text-align: center; padding: 5px;}
	
	.no-scroll-modal{overflow: hidden; overflow-x: none; overflow-y: none; background: url('https://www.learnwis.com/img/wallpaper/wallpaper8.jpg') no-repeat center fixed; background-size: cover;}
	.no-scroll-modal .modal-content{background: transparent !important;}

	.no-scroll-modal-white{overflow: hidden; overflow-x: none; overflow-y: none; background-color: white;}
	
	.action-link{width: 100%; margin: 5px 0px;}
	.action-link:active, .action-link:visited, .action-link:hover{background-color: transparent !important; color: #6c755d !important;}
	.learn-btn{width: 100%; margin: 5px 0px; padding: 10px 0px; display: inline-block; text-align: center; font-size: 18px; font-weight: 600; color: #444;}
	.learn-btn:active, .learn-btn:visited, .learn-btn:hover{background-color: transparent !important; color: #6c755d !important;}
	
	.highlight-digit{font-size:15px; color: #FF7F24;}
	
	.word_labels{margin-bottom: 10px;}
	.word_labels .badge{margin-right: 5px; font-size: 9px !important;}
	.word_labels .text-bg-success{background-color: #bbb !important; color: #fff !important; font-weight: normal !important;}
	
	.word-item{padding: 10px 5px; border-bottom: 1px solid #ccc; display: flex; flex-direction: row;justify-content:space-between;}
	.word-item.active{background-color: bisque;}
	.word-item-index{width: 40px; align-self:center; font-size:12px; color: #999; margin-right: 10px;}
	.word-item-index.word-root{width: 60px; align-self:center; color: #666;}
	
	.word-item-name{font-size:18px;}
	.word-item-name.active{border-bottom: 3px solid #e74c3c;}
	
	.word-item-action{width: 80px; align-self:center;font-size: 14px;line-height: 20px;}
	.word-item-action a{font-size: 18px; color: #666;}
	.word-item-action.word-root{width: 40px;}
	
	.word-item-content{width: 100%; line-height: 24px;}
	.word-item-translate{color: #777;}
	
	.first_sentence{padding: 5px;}
	
	#wordPicResult, #wordPicsResult{display: flex;flex-direction: row; flex-wrap:wrap; justify-content:space-around;}
	#wordPicResult{margin: 5px 0px 5px 0px;}
	#wordPicsResult{height: 100% !important;}
	.picItem{width: 47%; margin:5px 3px}
	.picItem img{width: 100%;}
	/*.picItem img{touch-action:auto !important;}*/
	img{touch-action:auto !important;}
	
	.wordEtymTitle, .wordDetailTitle, .wordPicTitle, .similarTitle, .dictionaryTitle{ background-color: rgba(255, 255, 255, 0.4); font-size: 16px; font-weight:bold; color:red; border-bottom: 1px solid #eee; margin: 0px 0px 10px 0px; padding: 5px;}
	.wordEtymTitle {display: none;}
	.userHomePanelTitle, .recitePanelTitle{display: block; background-color: rgba(255, 255, 255, 0.4); font-size: 16px; font-weight:bold; color:#666; border-bottom: 1px solid #eee; margin: 0px 0px 10px 0px; padding: 5px;}
	.wordEtymTitle {margin-top: 0px;}
	.wordPicTitle{display: none;}
	.userHomePanel, .recitePanel {padding:5px 10px;}
	
	.senseItem{border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px;}
	.senseTranslate{color: red; font-size: 14px; font-weight: bold;}
	.sentenceEn{color:teal}
	.sentenceTranslate{color: #888;}
	
	.aphorismItem, .idiomItem{border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px;}
	.aphorismEn, .idiomEn{color:teal}
	.aphorismTranslate{color: #888;}
	
	#wordPicsTitle{font-size:38px;font-weight: bold;}
	.view-more-pics{text-align: right;padding-right: 25px;}
	
	.word-root-example-item{padding: 5px; border-bottom: 1px solid #ccc; display: flex; flex-direction: row;justify-content:space-between;}
	.word-root-example-item .word-name{font-size:16px;font-weight: bold;}
	.word-root-example-item .word-translate{color: #666;}
	.word-root-example-index.word-root{width: 40px; align-self:center; color: #666;}
	.word-root-example-content{align-self:left;};
	.word-root-example-action.word-root{width: 40px; align-self:center; color: #666; padding: 0px 10px;}
	
	.aphorismContent{ margin: 15px; padding: 15px; border-radius: 15px; font-size: 16px; text-align: center; color:#666; background-color: rgba(255, 255, 255, 0.0)}
	
	.green-bottom-line{border-bottom: 3px solid #2ecc71;}
	.yellow-bottom-line{border-bottom: 3px solid #F5B041;}
	.red-bottom-line{border-bottom: 3px solid #e74c3c;}
	
	.markAsMaster.active{border-bottom: 3px solid #2ecc71;font-weight: bold;}
	.word_mark_fav , .word_mark_master{font-size:18px; color: #888;}
	.word_mark_master{margin-left: 5px;}
	.word_mark_fav.active , .word_mark_master.active{color: #ff9900;}
	.word_admin_link{font-size:18px; color: #888; display: none;margin-left: 10px;} 
	
	.pronounce-us {
		display: inline-block;
		height: 1.75rem;
		width: 1.75rem;
		background-repeat: no-repeat;
		background-position: left top !important;
		background-size: 80%;
		vertical-align: -2px;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMzEgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4ICg0NzIzNSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+YXVkaW9fcmVkX29mZjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iYXVkaW9fcmVkX29mZiI+CiAgICAgICAgICAgIDxnIGlkPSJPTEROQW1FYXVkaW8iPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI5Ljg5Mjg1NzEsMjggTDEuMTA3MTQyODYsMjggQzAuNDk4MjE0Mjg2LDI4IDAsMjcuNDk2IDAsMjYuODggTDAsMS4xMiBDMCwwLjUwNCAwLjQ5ODIxNDI4NiwwIDEuMTA3MTQyODYsMCBMMjkuODkyODU3MSwwIEMzMC41MDE3ODU3LDAgMzEsMC41MDQgMzEsMS4xMiBMMzEsMjYuODggQzMxLDI3LjQ5NiAzMC41MDE3ODU3LDI4IDI5Ljg5Mjg1NzEsMjggWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNDI4NTcxLCAyLjgwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iI0M5MTM1MiIgZmlsbC1ydWxlPSJub256ZXJvIiB4PSIwIiB5PSI3LjIyNCIgd2lkdGg9IjUuMTQ4MjE0MjkiIGhlaWdodD0iOC40ODQiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiNDOTEzNTIiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIzLjIxMDcxNDI5IDcuMjUyIDMuMjEwNzE0MjkgMTUuNzA4IDExLjIwOTgyMTQgMjIuNDg0IDExLjIwOTgyMTQgMjIuNDg0IDExLjIwOTgyMTQgMC4xMTIiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy44MzkyODYsIDMuMzYwMDAwKSIgaWQ9IlNoYXBlIiBzdHJva2U9IiNDOTEzNTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjY4Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuMTY2MDcxNDI5LDQuNzYgQzAuMTY2MDcxNDI5LDQuNzYgMS44NTQ0NjQyOSw1LjkwOCAxLjg1NDQ2NDI5LDguMjMyIEMxLjg1NDQ2NDI5LDEwLjU1NiAwLjE2NjA3MTQyOSwxMS40NTIgMC4xNjYwNzE0MjksMTEuNDUyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjMyNSwyLjYzMiBDMi4zMjUsMi42MzIgNC43MzMwMzU3MSw0LjMxMiA0LjczMzAzNTcxLDguMDY0IEM0LjczMzAzNTcxLDExLjQ1MiAxLjY4ODM5Mjg2LDE0LjIyNCAxLjY4ODM5Mjg2LDE0LjIyNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC4wNjg3NSwwLjIyNCBDNC4wNjg3NSwwLjIyNCA3LjU4MzkyODU3LDIuOTY4IDcuNTgzOTI4NTcsOC4wOTIgQzcuNTgzOTI4NTcsMTIuOTA4IDMuNTcwNTM1NzEsMTYuNDkyIDMuNTcwNTM1NzEsMTYuNDkyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=')
	}
	.pronounce-us1, .pronounce-us1 i{color: #FF7F24; font-size: 18px;font-weight: 900;}
	
	/**/
	.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
	.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
	
	.userhome-list-group .list-group-item{border: 1px solid #eee;}
	
	.bookSwiper .list-group-item{background-color: transparent;}
	.bookSwiper .swiper-pagination, .bookSwiper .swiper-pagination-bullet{background-color: transparent;}
	.clusterize-scroll{max-height: 100% !important;}
	
	::-ms-clear {
	  display: none;
	}
	
	.form-control-clear {
	  position: absolute;
	  right: 10px;
	  z-index: 10;
	  pointer-events: auto;
	  cursor: pointer;
	}
	
	#wordlist_fast_view_index, #wordroot_fast_view_index{padding-left: 15px; font-size: 14px; font-weight: normal;}
	
	#userHomeModal .feature_list a{margin-bottom: 10px; padding: 5px 5px; width: 24%;}
	#memberIntroModal .feature_list a{margin-bottom: 10px; padding: 5px 5px; width: 24%;}
	
	
	#selectLearnBookModal .book_title{font-size: 14px;}
	#selectLearnBookModal .book_desc{}
	#selectLearnBookModal .book_wordcount{font-size:13px; color:#999;}
	
	#main .change_book{background-color: rgba(248, 249, 249, 0.5);border-radius: 5px; text-align: center; padding:2px 4px; font-size: 13px; color:#666;}
	
	.wordRootFastViewTranslate{margin-top: 15px;}
	
	/*member_intro.html*/
	.feature_item{text-align: center; margin: 20px 0px; padding: 20px 0px; border-bottom: 1px solid #ddd;}
	.feature_item h1, .feature_item h2, .feature_item h5{padding: 5px; color: #010101;}
	.feature_item h5{margin-bottom: 15px; color: #3B4C5A;}
	.feature_item .row{margin-bottom: 30px;}
	
	/*fix oxford li error*/
	li.sense {margin-top: 10px !important;}
	li.sense:before {position: inherit !important;margin-right: 5px;}
	
	
	/* word swiper */
	.phraseList{ margin-top: 0px; border-bottom: 1px solid #ddd;}
	.phraseItem{border-top: 1px solid #ddd; padding: 5px 0px;}
	.phraseHeader{}
	/*.phraseHeader{display: flex; flex-direction: row; justify-content: flex-start;}*/
	.phrase{font-size: 15px; font-weight: bold;}
	.phraseMeaning{padding-left: 15px;}
	.exampleSentence{display: none; font-size: 14px; color: #777;}
	.phraseSentenceEn{}
	.phraseSentenceCn{}
	
	.scList{ margin-top: 0px; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
	.scItem{border-top: 1px solid #ddd; padding: 5px 0px;}
	.scHeader{}
	/*.phraseHeader{display: flex; flex-direction: row; justify-content: flex-start;}*/
	.scWord{font-size: 16px; font-weight: bold;}
	.scPos{color:blue;padding-left: 15px;}
	.scExplain{padding-left: 15px;}
	.scSentenceEn{}
	.scSentenceCn{}	

	.word_accordion{margin-top: 15px;}
	.word_accordion .accordion-button{font-size: 16px;font-weight: bold; line-height: 1.0; padding: 8px; color: #333;}
	.wordInfoTitleHidden{display: none;}
	.infoTitleSynonym{display: block !important; font-weight: bold; background-color: #eee; padding: 6px;}
	.infoTitleAntonym{display: block !important; font-weight: bold; background-color: #eee; padding: 6px;}
	.word_accordion .accordion-body{padding: 10px 10px 10px 10px;}
	.word_accordion .accordion-body .wordEtymContent{margin-top: 0px;}
	.word_accordion .accordion-body .phraseList{margin-top: 0px !important; border-bottom: none;}
	.word_accordion .accordion-body .phraseItem:first-child{border-top:none;}

	.word_accordion .accordion-body .scList{margin-top: 0px !important; margin-bottom: 0px !important; border-bottom: none;}
	.word_accordion .accordion-body .scItem:first-child{border-top:none;}

	.singleReviewWordTranslate{font-size: 16px !important;}
	.singleLearnWordTranslate{font-size: 16px !important;}
	.singleReviewWordTranslate font{font-size: 11px !important; color: #333; margin-left: 2px;}
	.singleLearnWordTranslate font{font-size: 11px !important; color: #333; margin-left: 2px;}

	.oneThirdColumn{flex: 1 1 33.33%;}

	.learned-count-badge{color: #fff !important; font-size: 10px;}

	.swipe-area{margin-top: -10px; padding: 10px; text-align: center; color: #aaa; font-size: 12px; background-color: aliceblue;}

	.phraseHeader, .scHeader {
		position: relative; /* 让伪元素相对于这个 div 定位 */
		padding-right: 15px; /* 为箭头预留一些空间 */
	}
	
	.phraseHeader::after, .scHeader::after {
		content: "";
		position: absolute;
		top: 50%; /* 将箭头垂直居中 */
		right: 0; /* 箭头放在 div 的最右边 */
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px; /* 调整箭头的大小 */
		border-color: #bbb transparent transparent transparent; /* 调整箭头的颜色 */
		transform: translateY(-50%); /* 垂直居中 */
	}

	.phraseHeader.clicked::after,.scHeader.clicked::after {
		transform: translateY(-50%) rotate(180deg); /* 旋转箭头 */
		border-color: #198754 transparent transparent transparent; /* 调整箭头的颜色 */
	}