.main-head {
	padding:30px 0 15px;
	background:url(../images/shanshui.png) left bottom/100% no-repeat
}
.subtitle {
	margin-bottom:15px;
	font-weight:400;
	font-size:14px
}
.subtitle>span {
	color:#346ff6
}
.breadcrumb-view {
	padding:0 15px;
	overflow-x:scroll;
	overflow-y:hidden;
	background-color:#fff;
	border-bottom:1px solid #fbfbfb
}
.breadcrumb {
	height:50px;
	line-height:50px;
	font-size:14px;
	color:#666;
	background-color:#fff;
	white-space:nowrap
}
.breadcrumb>li {
	display:inline-block;
	padding-right:15px;
	margin-right:10px
}
.breadcrumb>li:not(:last-child) {
	background:url(../images/1cf7cae35f19491ab3df9d5acdde1ce5.gif) right center/6px 12px no-repeat
}
.idiom-title>h2 {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	font-weight:400
}
.idiom-title>h2>.word {
	width:60px
}
.idiom-title>h2>.word:not(:last-child) {
	margin-right:5px
}
.idiom-title .icon-tzg {
	display:block;
	width:60px;
	height:60px;
	line-height:60px;
	font-size:38px;
	margin-bottom:5px;
	background:url(../images/eb79d131e15e4244a50f1f29f8db5550.gif) no-repeat center center;
	background-size:60px 60px;
	overflow:hidden
}
.idiom-title>.voice {
	margin:20px 0 0 15px
}
.main-head .icon-voice {
	display:inline-block;
	width:13px;
	height:13px;
	background-size:13px 13px
}
.main-head .icon-voice{
    background: none !important;
}
.quote-wrap:after,.quote-wrap:before {
	content:"";
	position:absolute;
	display:block;
	width:33px;
	height:22px;
	background-size:33px 22px;
	background-repeat:no-repeat;
	background-position:center center
}
.quote-wrap:after {
	bottom:-10px;
	right:-10px;
	background-image:url(../images/9b082184f8e1419eb0d3e9c9d45cbb69.gif)
}
.quote-wrap:before {
	top:-10px;
	left:-10px;
	background-image:url(../images/0f8884e59e354abd86fede030fcae8eb.gif)
}
.quote-wrap {
	position:relative;
	margin:0 15px
}
.miyu-title h2 {
	font-size:20px;
	text-align:center
}
.miyu-title .miyu-hint {
	font-size:12px;
	text-align:center;
	
	color:#999
}
.miyu-title p.miyu-hint{
	text-align: center !important;
	margin: 0 !important;
}
.miyu-title .voice {
	margin-left:15px
}
.miyu-answer {
	font-size:16px;
	color:#346ff6
}
.check-answer-btn {
	background-image:linear-gradient(90deg,#3ac3ff 4%,#087efc 95%);
	box-shadow:0 9px 10px 0 rgba(121,183,255,.41)
}
.xhy-answer {
	position:relative;
	font-size:16px;
	color:#346ff6;
	padding:0 15px
}
.xhy-answer:after {
	position:absolute;
	left:0;
	bottom:-5px;
	content:"";
	display:block;
	width:100%;
	height:3px;
	background-image:linear-gradient(-90deg,#fff 0,#d3d3d3 51%,#fff 100%)
}
.main-head .flip-container {
	margin:15px auto 0
}
/*.flip-container {
	perspective:1000
}
.flip-container.hover .flipper,.flip-container:hover .flipper {
	transform:rotateY(180deg)
}
*/.flip-container,.front {
	/*backface-visibility:hidden;
	*/top:0;
	left:0
}
.front {
	line-height:32px;
	border-radius:16px;
	font-size:14px;
	color:#fff;
	z-index:2;
	display:none !important;
}
.keywords {
	padding:0 15px
}
.section-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:40px;
	font-size:14px;
	font-weight:400;
	color:#999
}
.slide-btn .icon-darr {
	padding-right:20px;
	background-size:14px 8px;
	background-position:right center
}
.slide-btn .icon-uarr {
	padding-right:20px;
	font-size:14px;
	color:#999;
	background-size:14px 8px;
	background-position:right center
}
.keywords-list {
	display:flex;
	flex-wrap:wrap;
	margin:5px 0
}
.keywords-list>li {
	width:50%;
	font-size:12px;
	line-height:2
}
.keywords-list a {
	color:#999
}
.relative-head-wrap {
	display:flex;
	border-bottom:1px solid #f8f8f8;
	padding:0 15px
}
.relative-head-wrap>.slide-btn {
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:47px;
	line-height:47px;
	text-align:center
}
.relative-head-wrap>.slide-btn i {
	display:block;
	width:20px;
	height:16px;
	padding-right:0
}
.relative-head {
	display:flex;
	flex-wrap:wrap;
	flex-grow:1;
	max-height:50px;
	font-size:16px;
	overflow:hidden;
	transition:all .5s linear
}
.slide-down .relative-head {
	max-height:100px
}
.relative-head>li {
	line-height:47px;
	text-align:center;
	margin-right:14px;
	border-bottom:3px solid transparent
}
.relative-head>.active {
	color:#346ff6;
	border-bottom-color:#346ff6
}
.relative-body {
	padding:15px
}
.relative-body .word-relative {
	padding:0
}
.idiom-explain p {
	line-height:30px;
	margin-bottom:10px
}
.sentence-list>li {
	position:relative;
	margin-bottom:15px;
    padding-left: 0 !important;
	
}
.icon-rarr-blue {

}
.express-list {
	display:flex;
	flex-wrap:wrap
}
.express-list>li {
	min-width:50%;
	padding-right:35px;
	margin-bottom:15px
}
.express-list>li>a {
	padding-right:20px;
	background-position:right center;
	background-size:6px 13px
}
.zi-express-list .express-list>li {
	min-width:25%
}
.page {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:70px;
	padding:0 15px;
	background-color:#fff;
	border-bottom:1px solid #f2f2f2
}
.page-more {
	display:block;
	justify-content:space-between;
	width: 0;
    height: 0;
    overflow: hidden;
	margin:0 15px
}
.page>a {
	width:33.33%;
	white-space:nowrap;
	overflow:hidden
}
.page>span {
	width:33.33%
}
.page-more>a {
	width:40px;
	height:40px;
	border-radius:50%
}
.page-more>.icon-back {
	background:url(../images/a1856c510bc04a5da45086567bb275e5.gif) center center/40px 40px no-repeat
}
.page-more>.icon-home {
	background:url(../images/aa275969bdfa493aa86082a262a490f9.gif) center center/40px 40px no-repeat
}
.icon-larr-blue {
	background-image:url(../images/5e834c360a5c4513bba7f0c059132d62.gif);
	background-repeat:no-repeat
}
.page>.page-next {
	padding-right:20px;
	text-align:right;
	background:url(../images/ee85f955a8d246a09533b49eda1a0167.gif) right center/6px 13px no-repeat
}
.page>.page-prev {
	padding-left:0 !important;
	background-position:left center;
	background-size:6px 13px
}
.section {
	background-color:#fff;
}
.word-relative {
	padding:0 15px
}
.word-relative .express-list {
	padding:15px 0
}
.bdshare-button-style0-24 {
	zoom:normal!important
}
.slide-share {
	position:absolute;
	z-index:99;
	width:100%;
	height:0;
	background-color:#fff;
	overflow:hidden;
	box-shadow:0 5px 5px 0 rgba(0,0,0,.05);
	transition:all .3s ease-out
}
.slide-open.slide-share {
	height:95px
}
#nativeShare>.bdsharebuttonbox {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:25px 17px;
	margin:0!important
}
#nativeShare>.bdsharebuttonbox>a {
	float:none;
	width:45px;
	height:45px;
	margin:0;
	padding:0;
	background-color:#346ff6;
	border-radius:50%;
	background-repeat:no-repeat;
	background-position:center center!important
}
#nativeShare>.bdsharebuttonbox>a:not(:last-child) {
	margin-right:44px
}
#nativeShare .bds_more,#nativeShare .bds_renren {
	display:none
}
#nativeShare>.bdsharebuttonbox>.bds_qzone {
	background-image:url(../images/b0189a1ddb084defa8efca1ccbc2c6f7.gif);
	background-size:24px 22px
}
#nativeShare>.bdsharebuttonbox>.bds_tsina {
	background-image:url(../images/95a6e13239f8475993032e79811f262d.gif);
	background-size:24px 20px
}
#nativeShare>.bdsharebuttonbox>.bds_tqq {
	background-image:url(../images/ad576ea87fee47b6a8ca38c8a0e33315.gif);
	background-size:20px 22px
}
#nativeShare>.bdsharebuttonbox>.bds_weixin {
	background-image:url(../images/86049f8f2fea4b0eabac2b4b9613f1a2.gif);
	background-size:26px 20px
}
.jfan-explain-item {
	margin-bottom:15px
}
.jfan-explain-item>h2 {
	line-height:30px;
	font-size:16px;
	color:#377bee;
	margin-bottom:10px;
	border-bottom:1px solid #e5e5e5
}
.jfan-explain-list p {
	line-height:30px;
	margin-bottom:10px
}
.jfan-explain-list li {
	list-style:decimal;
	margin:0 15px
}
.origin-content {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:2px dotted #dedede
}
.origin-content>h2 {
	line-height:30px;
	margin-bottom:10px
}
.origin-content>p {
	line-height:30px
}
.content-explain p {
	margin-bottom:10px;
	font-size:14px;
	color:#333;
	line-height:30px
}
.content-explain>.content-explain-part {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px dotted #dedede
}
.content-explain>.content-explain-part:nth-child(2) {
	display:none
}
.content-explain.open>.content-explain-part:nth-child(1) {
	display:none
}
.content-explain.open>.content-explain-part:nth-child(2) {
	display:block
}
.content-loadmore-btn {
	height:30px;
	line-height:30px;
	font-size:14px;
	text-align:center;
	margin-bottom:10px;
	color:#346ff6
}
.float-ul>p {
	float:left;
	display:block;
	width:47%;
	height:30px;
	line-height:30px;
	margin-right:3%;
	font-size:13px;
	color:#333;
	overflow:hidden
}
.table-ul>p {
	height:30px;
	line-height:30px;
	font-size:13px;
	color:#333;
	overflow:hidden
}
#viewport {
	display:block
}
.ggwrap {
	display:none
}
.ggwrap[data-id=banner2] {
	padding:10px 0
}
ront {
	width:125px;
	height:32px;
	text-align:center
}
.flipper {
	transition:.6s;
	transform-style:preserve-3d;
	position:relative
}
.back {
	display:block !important;
}