@charset "UTF-8";

@media screen  and (min-width:900px){
.index-yingyuw {
    top: 9.27778rem!important;
}
}

.dxshape {
     margin: 0 5px;
    text-decoration: revert;
    color: #3ba8ff;
    font-size: 16px;
}

.img-f,.img-h {
	height: 100%
}

.ad-list .read-list-content,.dic-info li h5 {
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.ad-list .read-list-content,.index-cover-item,.index-tabs-item {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ad-list .read-head-desc,.ad-list .read-list-desc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.index-input-main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.follow-dialog,.index-cover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ad-list .read-head-cover {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.ad-list .read-head,.ad-list .read-head-item,.index,.index .result,.nav-box,.screen,html {
	position: relative;
	width: 100%
}

input,select,textarea {
	outline: 0;
	border: none;
	border-radius: 0;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	box-sizing: content-box
}

.index-clear,.index-logo,.index-submit,.nav-item {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center
}

.index-cover-list {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch
}

.ad-list .read-head-tits li {
	display: inline-block;
	vertical-align: middle
}

@font-face {
	font-family:Roboto-Light;src:url(../fonts/roboto-light.eot);src:url(../fonts/roboto-light.eot) format("embedded-opentype"),url(../fonts/roboto-light.woff) format("woff"),url(../fonts/roboto-light.ttf) format("truetype"),url(../fonts/roboto-light.svg#roboto-light) format("svg")
}

html {
	background: #fff;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	max-width: 750px;
	    margin: 0 auto;
}

html * {
	outline: 0;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,select,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

body,input,select,textarea {
	font: 14px/1 'Microsoft Yahei',sans-serif,Arial,Verdana;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
	-webkit-appearance: none!important;
	margin: 0
}

input::-webkit-search-cancel-button {
	display: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

abbr,acronym {
	border: 0;
	font-variant: normal
}

del {
	text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 500
}

li,ol,ul {
	list-style: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

q:after,q:before {
	content: ''
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

a,ins {
	text-decoration: none;
	color: inherit
}

i {
	font-style: normal
}

b {
font-weight: 600;
    color: #f7420c;
}

.index .result,.screen,html {
	background-color: #fbfbfb
}

.clearfix:before,.dic-basic-explain li:before,.dic-basic-voice:before,.dic-collins-class-info:before,.dic-collins-class-item li:before,.dic-collins-section:before,.dic-content .dic-affix-same li:before,.dic-content .dic-affix-top li:before,.dic-content .dic-antony-con li:before,.dic-content .dic-double li:before,.dic-content .dic-net li:before,.dic-download-a:before,.dic-nav-item:before,.dic-nav:before,.dic-plural-title:before {
	content: "";
	display: table
}

.clearfix:after,.dic-basic-explain li:after,.dic-basic-voice:after,.dic-collins-class-info:after,.dic-collins-class-item li:after,.dic-collins-section:after,.dic-content .dic-affix-same li:after,.dic-content .dic-affix-top li:after,.dic-content .dic-antony-con li:after,.dic-content .dic-double li:after,.dic-content .dic-net li:after,.dic-download-a:after,.dic-nav-item:after,.dic-nav:after,.dic-plural-title:after {
	content: "";
	display: block;
	clear: both
}

.img,.img-f,.img-h,.img-w {
	position: relative;
	display: block
}

.img-w {
	width: 100%
}

.img-f {
	width: 100%
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes bounceInDown {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

html {
	font-size: 36px
}

body {
	opacity: 0
}

body.body-week-up {
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 1
}

.fade-transition,.index-main,.index-main-box {
	-webkit-transition: .4s
}

.index .result,.screen {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 100%;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: none
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 100
}

.hidden {
	visibility: hidden
}

.fade-transition {
	transition: .4s;
	opacity: 1
}

.fade-enter,.fade-leave {
	opacity: 0
}

.ad-wrap-google {
	margin: 0 auto;
	width: 320px
}

.sign-ad {
	float: right;
	border: 1px solid #0090ff;
	color: #0090ff;
	font-size: .33333rem;
	padding: .13889rem .36111rem;
	margin-top: .33333rem;
	line-height: 1;
	border-radius: 5px
}

.ad-list .read-head {
	color: #fff;
	min-height: 160px
}

.ad-list .read-head-label {
	position: absolute;
	top: 1.38889rem;
	left: 0;
	font-size: .36111rem;
	height: .66667rem;
	line-height: .66667rem;
	padding-left: .27778rem;
	padding-right: .33333rem;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	z-index: 10
}

.ad-list .read-list {
	padding: 0 .41667rem
}

.ad-list .read-list-title {
	height: 1.27778rem;
	line-height: 1.27778rem;
	font-size: .41667rem
}

.ad-list .read-list-item {
	display: -webkit-box
}

.ad-list .read-list-img {
	width: 2.61111rem;
	height: 1.58333rem;
	position: relative;
	margin-right: .33333rem
}

.ad-list .list-transition .read-list-img,.list-transition .ad-list .read-list-img {
	-webkit-transition: .8s;
	transition: .8s;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.ad-list .list-enter .read-list-img,.list-enter .ad-list .read-list-img {
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0
}

.ad-list .read-list-recommend {
	position: absolute;
	top: .11111rem;
	left: 0;
	height: 20px;
	line-height: 20px;
	padding-left: 7px;
	padding-right: 3px;
	background-color: #333;
	font-size: 10px;
	color: #fff
}

.ad-list .read-list-recommend:after {
	content: '';
	display: block;
	border: 10px solid transparent;
	border-left-width: 6px;
	border-left-color: #333;
	border-right-width: 0;
	position: absolute;
	top: 0;
	right: -6px
}

.ad-list .read-list-main {
	-webkit-box-flex: 1;
	position: relative;
	height: 1.58333rem
}

.swiper-slide,.swiper-wrapper {
	width: 100%;
	height: 100%;
	position: relative
}

.ad-list .list-transition .read-list-main,.list-transition .ad-list .read-list-main {
	-webkit-transition: .8s;
	transition: .8s;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.ad-list .list-enter .read-list-main,.list-enter .ad-list .read-list-main {
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
	opacity: 0
}

.ad-list .read-list-content {
	color: #333
}

.ad-list .read-list-desc {
	font-size: .33333rem;
	line-height: .5rem;
	color: #999;
	margin-top: .16667rem
}

.ad-list .read-list-more {
	padding-top: 1.38889rem;
	padding-bottom: 4.16667rem;
	text-align: center;
	color: #43aef9;
	font-size: .41667rem
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform,height;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.newNiujinPopup {
	position: fixed;
	width: 7.22222rem;
	height: 8.80556rem;
	left: 1.38889rem;
	top: 2.77778rem;
	background-color: #fff;
	border-radius: .25rem;
	text-align: center;
	z-index: 999
}

.newNiujinPopup img {
	position: absolute;
	width: .55556rem;
	top: .27778rem;
	right: .27778rem
}

.newNiujinPopup span {
	position: absolute;
	font-size: .38889rem;
	color: #000;
	top: 2.77778rem;
	width: 100%;
	display: block;
	line-height: .7rem
}

.lotteryPopup-button,.newNiujinPopup .newButton {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-pack: center;
	font-weight: 700
}

.newNiujinPopup p:nth-of-type(1) {
	position: relative;
	font-size: .47222rem;
	color: #000;
	top: 1.1rem;
	font-weight: 700
}

.newNiujinPopup p:nth-of-type(2) {
	position: relative;
	font-size: .33333rem;
	color: #F93A3A;
	top: 2.6rem
}

.newNiujinPopup p:nth-of-type(3) {
	position: absolute;
	font-size: .33333rem;
	color: #999;
	bottom: 1.8rem;
	width: 100%
}

.newNiujinPopup .newButton {
	position: absolute;
	font-size: .5rem;
	color: #FFF;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	bottom: -.1rem;
	width: 100%;
	height: 1.25rem;
	background-color: #0090FF
}

.newNiujinPopup input {
	font-size: .41667rem;
	text-align: center;
	width: 6rem;
	height: 1.08333rem;
	background-color: #F8F8F8;
	border: .02778rem solid #E0E0E0;
	border-radius: .11111rem;
	position: relative;
	top: 2.2rem;
	padding-top: .06944rem;
	color: #333
}

.lotteryPopup {
	position: fixed;
	width: 9.94444rem;
	height: 12.83333rem;
	max-height: 85vh;
	max-width: 80vw;
	top: 3vh;
	left: 10vw;
	margin: 0 auto;
	background-color: #F44D46;
	background-image: url(../images/ciba-wap-lottery-bg-001.png);
	background-size: cover;
	z-index: 10003;
	border-radius: .22222rem
}

.popupNew-1,.popupNew-2 {
	max-width: 80vw;
	max-height: 70vh;
	z-index: 999
}

.lotteryPopup-title {
	position: relative;
	width: 100%;
	text-align: center;
	top: 1.1rem;
	color: #FFFAE1;
	font-size: .7rem;
	font-weight: 700
}

.lotteryPopup-close {
	position: absolute;
	bottom: -1rem;
	left: 3.5rem;
	width: .8rem
}

.lotteryPopup-button {
	position: absolute;
	width: 7.05556rem;
	height: 1.11111rem;
	background-image: -webkit-linear-gradient(#FFFAE1,#FFF3C0);
	background-image: linear-gradient(#FFFAE1,#FFF3C0);
	color: #F44D46;
	font-size: .5rem;
	border-radius: .55556rem;
	bottom: .9rem;
	left: .5rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.lotteryPopup .lotteryExchange,.lotteryPopup .lotteryResult {
	height: 6.25rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	margin: 0 auto;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	text-align: center
}

.lotteryPopup .lotteryResult {
	width: 100%;
	top: 28%;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.lotteryPopup .lotteryResult img:nth-of-type(1) {
	width: 5.83333rem;
	position: relative;
	top: -1rem
}

.lotteryPopup .lotteryResult p:nth-of-type(1) {
	font-size: .33333rem;
	color: #fff;
	opacity: .7;
	position: relative;
	top: -.8rem
}

.lotteryPopup .lotteryResult p:nth-of-type(2) {
	font-size: .38889rem;
	color: #FFEAA0;
	position: relative;
	top: -.2rem
}

.lotteryPopup .lotteryExchange {
	width: 100%;
	top: 28%;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.lotteryPopup .lotteryExchange p:nth-of-type(1) {
	font-size: .5rem;
	color: #fff;
	font-weight: 700;
	position: relative;
	top: -1.5rem
}

.lotteryPopup .lotteryExchange input {
	font-size: .41667rem;
	color: #000;
	width: 6rem;
	height: 1.08333rem;
	background-color: #fff;
	border: .02778rem solid #fff;
	border-radius: .11111rem;
	position: relative;
	top: -.8rem;
	padding-left: .27778rem;
	padding-top: .06944rem
}

.lotteryPopup .lotteryExchange p:nth-of-type(2) {
	font-size: .38889rem;
	color: #FFEAA0;
	position: relative;
	top: -.3rem
}

.lotteryPopup .lotteryExchange p:nth-of-type(3) {
	font-size: .38889rem;
	color: #fff;
	opacity: .7;
	position: relative;
	top: 1.5rem
}

.lotteryPopup .lotteryNotice {
	width: 100%;
	height: 6.25rem;
	margin: 0 auto;
	position: relative;
	top: 28%;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.lotteryPopup .lotteryNotice p {
	font-size: .47222rem;
	color: #fff;
	font-weight: 700;
	position: relative;
	top: -1rem;
	line-height: .8rem
}

.lotteryPopup .lotteryNotice img {
	width: 3.66667rem;
	position: relative;
	top: -.5rem
}

.lotteryPopup #lottery {
	width: 6.25rem;
	height: 6.25rem;
	margin: 0 auto;
	position: relative;
	top: 3rem;
	left: -.4rem
}

.lotteryPopup #lottery table {
	background-color: transparent;
	width: 100%;
	height: 100%;
	text-align: center;
	border-collapse: separate;
	border-spacing: .13889rem .13889rem
}

.index,.index-bg {
	background-color: #fcfcfc
}

.lotteryPopup #lottery table td {
	position: relative;
	width: 2.22222rem;
	height: 2.22222rem;
	text-align: center
}

.lotteryPopup #lottery table td img {
	display: block;
	width: 2.22222rem;
	height: 2.22222rem;
	border-radius: .11111rem
}

.lotteryPopup #lottery table td a {
	width: 2.22222rem;
	height: 2.22222rem;
	display: block;
	text-decoration: none
}

.lotteryPopup #lottery table td a img {
	width: 2.5rem;
	height: 2.5rem;
	position: relative;
	top: -.15rem;
	left: -.15rem
}

.lotteryPopup #lottery table td.active .mask {
	display: block
}

.lotteryPopup .mask {
	width: 2.22222rem;
	height: 2.22222rem;
	position: absolute;
	left: 0;
	top: 0;
	border: .05556rem solid #FFF1BE;
	border-radius: .11111rem;
	display: none
}

.popupNew-1 {
	position: fixed;
	width: auto;
	height: 12.83333rem;
	left: 10vw;
	top: 10vh
}

.popupNew-1 img:nth-of-type(1) {
	width: 100%;
	height: 100%
}

.popupNew-1 img:nth-of-type(2) {
	position: relative;
	width: .72222rem;
	top: .3rem;
	left: 3.7rem
}

.popupNew-2 {
	position: fixed;
	width: auto;
	height: 12.83333rem;
	left: 10vw;
	top: 10vh
}

.popupNew-2 img:nth-of-type(1) {
	width: 100%;
	height: 100%
}

.popupNew-2 img:nth-of-type(2) {
	position: relative;
	width: .72222rem;
	top: .3rem;
	left: 3.7rem
}

.index {
	min-height: 100%;
	overflow: hidden;
	z-index: 10
}

.index-bg,.index-bg-content .swiper-wrapper {
	z-index: 0
}

.index-bg {
	position: relative;
	padding-top: 44px
}

.index-bg-content {
	height: -webkit-calc(100vh - 44px);
	height: calc(100vh - 44px);
	position: relative;
	overflow: hidden
}

.index-bg-content .swiper-pagination {
	position: absolute;
	top: 3.19444rem
}

.index-cat,.index-red {
	top: 52%;
	position: absolute;
	right: 10px
}

.index-bg-content .swiper-pagination-bullet {
	background: #333;
	width: .19444rem;
	height: .19444rem
}

.index-bg-bottom {
	width: 100%;
	background-color: #fff;
	text-align: center;
	padding: .55556rem 0 .11111rem;
	z-index: 2
}

.index-bg-bottom p {
	font-size: .41667rem;
	color: #999
}

.index-bg-bottom div {
	background: #222;
	display: block;
	width: 5rem;
	line-height: 1.25rem;
	font-weight: 600;
	font-size: .44444rem;
	color: #FFF;
	margin: .33333rem auto 0;
	border-radius: .13889rem
}

.index-cat {
	width: 84px
}

.index-red {
	width: 1.61111rem
}

.index-main {
	position: absolute;
	top: 5.27778rem;
	left: 0;
	width: 100%;
	height: 58px;
	transition: .4s;
	background-color: transparent;
	z-index: 10;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.index-top .index-main {
	top: 44px;
	position: fixed;
	background-color: #F4F4F4;
	max-width: 750px;
    margin: auto;
    left: 0;
    right: 0;
}

.index-top .index-main .index-input-main {
	font-size: .38889rem
}

.index-top .index-main-box {
	height: 36px;
	box-shadow: 0 0 0
}

.index-main-top {
	top: 0!important;
	z-index: 30;
	position: fixed
}

.index-main-hide {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0)
}

.index-main-box {
	height: 1.38889rem;
	margin: 10px .41667rem 0;
	border-radius: 6px;
	background-color: #fff;
	transition: .4s;
	display: -webkit-box;
	overflow: hidden;
	box-shadow: 0 .41667rem .69444rem rgba(0,0,0,.07)
}

.dic-echart-mask,.dic-more {
	box-shadow: 0 -.27778rem .55556rem .55556rem #fff
}

.index-logo {
	width: 50px;
	height: 100%;
	margin-left: 10px;
	margin-right: 0;
	overflow: hidden;
	-webkit-transition: .4s;
	transition: .4s
}

.index-logo:before {
	content: '';
	display: block;
	background-image: url(../images/logo.2x.png);
	background-size: 42px 13px;
	width: 42px;
	height: 13px
}

.index-clear:before,.index-submit:before {
	background-size: 100% 100%;
	display: block;
	content: ''
}

.index-top .index-logo {
	width: 0;
	margin-left: 4px
}

.index-input {
	-webkit-box-flex: 1;
	height: 100%;
	position: relative
}

.index-input-main {
	vertical-align: middle;
	font-size: .44444rem;
	height: 100%;
	line-height: 1;
	padding: .5rem 6px .47222rem .36111rem;
	box-sizing: border-box
}

.index-clear {
	width: 33px;
	height: 100%;
	margin-left: -1px
}

.index-clear:before {
	background-image: url(../images/clear.png);
	width: .41667rem;
	height: .41667rem
}

.index-submit {
	width: 1.80556rem;
	height: 100%;
	background-color: #3BA8FF;
	padding-top: 2px;
	margin: -1px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border: none;
	text-align: center;
}

.download-banner,.index .result,.index .search-sign,.index-cover,.index-tabs-tit li {
	background-color: #fff
}

.index-submit:before {
	background-image: url(../images/search.png);
	width: 17px;
	height: 17px;
	  display:block;
	  margin:0 auto;
  text-align: center;
}

.index-tabs {
	position: absolute;
	top: 55%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transition: 1.6s;
	transition: 1.6s;
	opacity: 0;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px)
}

.index-tabs-show {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.index-tabs-title {
	color: rgba(255,255,255,.7);
	font-size: 13px;
	margin-bottom: 12px
}

.index-tabs-item {
	display: block;
	color: #fff;
	font-size: 12px;
	height: 26px;
	line-height: 26px
}

.index-tabs-tit {
	font-size: 0;
	margin-top: 12px
}

.index-tabs-tit li {
	display: inline-block;
	width: 5px;
	height: 5px;
	opacity: .2;
	border-radius: 50%;
	margin: 0 5px
}

.index-tabs-tit li.on {
	opacity: 1
}

.index-cover {
	height: 120%;
	z-index: 1
}

.index-cover-list {
	margin-top: 58px;
	padding: 12px 15px
}

.index-cover-list-result {
	margin-top: 102px
}

.index-result .index-cover-list {
	-webkit-transition: .4s all .4s;
	transition: .4s all .4s
}

.index-cover-item {
	height: 42px;
	line-height: 42px;
	color: #333
}

.index-cover-label {
	margin-right: 8px;
	font-weight: bolder;
	color: #333
}

.index-result .index-cover-label {
	-webkit-transition: .4s all .4s;
	transition: .4s all .4s;
	color: #000
}

.index-cover-desc {
	color: #999
}

.index-result .index-cover-desc {
	-webkit-transition: .4s all .4s;
	transition: .4s all .4s;
	color: #666
}

.index-cover-clear {
	margin-top: 15px;
	padding-top: 12px;
	border-top: 1px solid rgba(255,255,255,.2);
	text-align: center;
	color: #3BA8FF
}

.index .result {
	margin-top: 103px
}

.index .result-transition {
	transition: .4s;
	-webkit-transition: .4s;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.index .result-enter,.index .result-leave {
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0
}

.index .search-sign {
	padding-top: .33333rem
}

.index .search-sign a {
	width: 1.38889rem;
	display: block;
	margin: 0 auto .33333rem
}

.index .search-sign span {
	display: block;
	border: 1px solid #0090ff;
	color: #0090ff;
	font-size: .33333rem;
	width: 1.38889rem;
	height: .69444rem;
	border-radius: 5px;
	text-align: center;
	line-height: .69444rem
}

.download-banner {
	width: 100%;
	height: 45px;
	position: fixed;
	z-index: 30;
	top: 0
}

.download-banner-content,.download-banner-logo {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}

.download-banner-logo {
	left: 10px;
	transform: translateY(-50%);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.download-banner-textContent,.download-swiper {
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-flex-direction: column
}

.download-banner-logo>img {
	width: 1.11111rem
}

.download-banner-title {
	margin-left: .13889rem;
	font-size: .55556rem;
	line-height: 1
}

.download-banner-textContent {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: .41667rem
}

.download-banner-text {
	margin-left: .13889rem;
	margin-top: .13889rem;
	line-height: 1;
	font-size: .34722rem;
	color: gray
}

.download-banner-content {
	width: 132px;
	right: 10px;
	transform: translateY(-50%)
}

.download-banner-content-a,.download-banner-content>img:nth-child(2) {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	position: absolute;
	top: 50%
}

.download-banner-content-a {
	font-size: 14px;
	display: inline-block;
	padding: 7px 11px;
	border: 1px solid #3eb2ef;
	color: #3eb2ef;
	border-radius: 6px;
	transform: translateY(-50%);
	left: 0
}

.download-swiper,.download-swiper-container {
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.download-banner-content>img:nth-child(2) {
	height: 41px;
	left: 75%;
	transform: translateY(-50%)
}

.download-banner-content>img:nth-child(3) {
	height: 15px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0
}

.download-swiper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,.6);
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.download-swiper-close {
	position: absolute;
	top: -.69444rem;
	right: -.97222rem
}

.download-swiper-close>img {
	width: .69444rem
}

.download-swiper-container {
	width: 7.63889rem;
	max-width: 7.63889rem;
	height: 11.80556rem;
	max-height: 78vh;
	background-color: #fff;
	text-align: center;
	margin-bottom: .61111rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	border-radius: .20833rem
}

.popupNew .first,.topNav p:nth-of-type(3) {
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-box-pack: center
}

.download-swiper-container>img {
	width: 100%;
	z-index: 9999
}

.download-swiper-container-a {
	position: absolute;
	bottom: .625rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9999;
	width: 6.94444rem;
	background-color: #3BA8FF;
	height: 1.04167rem;
	line-height: 1.04167rem;
	color: #fff;
	font-size: .36111rem;
	font-weight: bolder;
	border-radius: .13889rem
}

.dic-nav li.active::after,.nav-item-on::after {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}

.download-swiper .swiper-wrapper {
	height: 100%;
	border-radius: .20833rem
}

.download-swiper .swiper-slide>img {
	height: 100%
}

.download-swiper .swiper-pagination {
	bottom: .25rem
}

.download-swiper .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background-color: #3BA8FF;
	margin: 0 3px!important
}

.topNav {
	position: absolute;
	width: 10.41667rem;
	height: 1.38889rem;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 99
}

.topNav img:nth-of-type(1) {
	width: 1.04167rem;
	position: absolute;
	top: .20833rem;
	left: .41667rem
}

.topNav img:nth-of-type(2) {
	width: .36111rem;
	position: absolute;
	top: 0;
	right: .36111rem
}

.topNav p:nth-of-type(1) {
	color: #454545;
	font-size: .38889rem;
	position: absolute;
	top: .30556rem;
	left: 1.80556rem;
	font-weight: 700
}

.topNav p:nth-of-type(2) {
	color: #838383;
	font-size: .33333rem;
	position: absolute;
	top: .86111rem;
	left: 1.80556rem
}

.topNav p:nth-of-type(2) span {
	color: #FF3030
}

.topNav p:nth-of-type(3) {
	color: #fff;
	width: 2.77778rem;
	height: .83333rem;
	background-color: #289eea;
	font-weight: 700;
	border-radius: .20833rem;
	display: -webkit-box;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	right: .69444rem;
	top: .27778rem;
	padding-top: .06944rem
}

.popupNew {
	width: 7.77778rem;
	height: 9.47222rem;
	position: absolute;
	top: 2.77778rem;
	right: 1.11111rem;
	text-align: center;
	z-index: 9999
}

.niujinSuc,.test,.testNew {
	z-index: 999;
	overflow: auto
}

.popupNew img {
	width: 100%
}

.popupNew .title {
	text-align: center;
	font-size: .66667rem;
	color: #FF3030;
	font-weight: 700;
	position: absolute;
	top: .97222rem;
	left: 1.52778rem
}

.popupNew .first p,.popupNew .second p {
	font-size: .44444rem;
	color: #FFF2B7;
	font-weight: 700
}

.popupNew .first {
	position: absolute;
	width: 6.94444rem;
	height: 1.52778rem;
	top: 3.19444rem;
	left: -.13889rem;
	display: -webkit-box;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.popupNew .button,.popupNew .second {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-box-pack: center
}

.popupNew .first img {
	width: .55556rem
}

.popupNew .first img:nth-of-type(1) {
	position: relative;
	left: .13889rem;
	bottom: .27778rem
}

.popupNew .first img:nth-of-type(2) {
	width: .41667rem;
	position: relative;
	left: 1.25rem
}

.popupNew .first img:nth-of-type(3) {
	width: .41667rem;
	position: absolute;
	right: -.41667rem;
	top: .55556rem
}

.popupNew .second {
	position: absolute;
	width: 6.94444rem;
	height: 1.52778rem;
	top: 5rem;
	left: -.41667rem;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.popupNew .second img:nth-of-type(1) {
	width: .41667rem;
	position: relative;
	left: 1.80556rem;
	top: .13889rem
}

.popupNew .second img:nth-of-type(2) {
	width: .41667rem;
	position: absolute;
	right: -.69444rem;
	top: .69444rem
}

.popupNew .bottom {
	font-size: .36111rem;
	color: #fff;
	word-spacing: .06944rem;
	position: absolute;
	bottom: 2.22222rem;
	left: 1.38889rem
}

.popupNew .button {
	font-size: .41667rem;
	color: #911515;
	font-weight: 700;
	position: absolute;
	width: 4.16667rem;
	height: 1.11111rem;
	bottom: .41667rem;
	left: 1.66667rem;
	border-radius: 10%;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff
}

.test .middle .button,.test .top p:nth-of-type(3) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-box-pack: center
}

.popupNew .close {
	width: .55556rem;
	position: relative;
	top: .55556rem
}

.test,.test .top {
	width: 10.41667rem
}

.test {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: url(../images/bgx.png) no-repeat;
	background-size: 100% 100%
}

.test .top {
	position: absolute;
	height: 1.52778rem;
	top: .41667rem;
	left: .41667rem
}

.test .top img:nth-of-type(1) {
	width: 1.04167rem;
	position: absolute;
	top: .20833rem;
	left: .13889rem
}

.test .top p:nth-of-type(1) {
	color: #454545;
	font-size: .38889rem;
	position: absolute;
	top: .27778rem;
	left: 1.52778rem;
	font-weight: 700
}

.test .top p:nth-of-type(2) {
	color: #838383;
	font-size: .33333rem;
	position: absolute;
	top: .83333rem;
	left: 1.52778rem
}

.test .top p:nth-of-type(2) span {
	color: #FF3030
}

.test .top p:nth-of-type(3) {
	color: #fff;
	width: 2.77778rem;
	height: .83333rem;
	background-color: #FF3030;
	font-weight: 700;
	border-radius: .20833rem;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	right: .69444rem;
	top: .34722rem
}

.test .top img:nth-of-type(2) {
	width: 1.47222rem;
	position: absolute;
	top: .41667rem;
	right: 1.38889rem
}

.test .middle {
	width: 9.16667rem;
	height: 8.88889rem;
	position: absolute;
	top: 3.05556rem;
	left: .41667rem;
	text-align: center
}

.test .middle .choose-1,.test .middle .choose-2 {
	width: 2.77778rem;
	top: .27778rem;
	position: absolute;
	height: .83333rem
}

.test .middle .choose-1 {
	left: 1.38889rem
}

.test .middle .choose-2 {
	right: 1.38889rem
}

.test .middle img {
	width: 9.16667rem
}

.test .middle .title-1 {
	font-size: .44444rem;
	color: #FFF2B7;
	font-weight: 700;
	position: absolute;
	top: 2.22222rem;
	left: 1.52778rem
}

.test .middle .title-2 {
	font-size: .33333rem;
	color: #fff;
	position: absolute;
	top: 3.19444rem;
	left: 1.94444rem;
	letter-spacing: .04167rem
}

.test .middle .code,.test .middle .code-title {
	color: #FFF2B7;
	position: absolute;
	font-weight: 700
}

.test .middle .code-title {
	font-size: .33333rem;
	top: 4.72222rem;
	left: 3.47222rem
}

.test .middle .code {
	font-size: .83333rem;
	top: 5.41667rem;
	width: 100%;
	text-align: center;
	letter-spacing: .13889rem
}

.test .middle .button {
	font-size: .41667rem;
	color: #911515;
	font-weight: 700;
	position: absolute;
	width: 2.5rem;
	height: .83333rem;
	bottom: 1.38889rem;
	left: 3.26389rem;
	border-radius: .41667rem;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: -webkit-linear-gradient(left,#FFF,#FFF2B7);
	background: linear-gradient(left,#FFF,#FFF2B7)
}

.test .bottom p:nth-of-type(1) {
	width: 6.38889rem;
	height: 1.11111rem;
	font-size: .41667rem;
	color: #fff;
	background-color: #289eea;
	position: absolute;
	top: 13.88889rem!important;
	left: 1.80556rem!important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: .13889rem
}

.test .bottom p:nth-of-type(2) {
	position: absolute;
	font-size: .33333rem;
	color: #A8AEB1;
	top: 15.27778rem;
	left: 1.94444rem
}

.test .bottom p:nth-of-type(3) {
	position: absolute;
	font-size: .33333rem;
	color: #A8AEB1;
	top: 15.69444rem;
	left: 2.5rem;
	margin-bottom: 1.38889rem
}

.testNew {
	position: absolute;
	top: 0;
	left: 0;
	width: 10rem;
	height: 100%;
	background-color: #0b1632;
	font-size: 0
}

.testNew-wrapper {
	width: 10rem;
	height: 8.38889rem;
	background: url(../images/niujin-bg-000.png) no-repeat;
	background-size: contain;
	margin: 0;
	text-align: center
}

.testNew-wrapper .title-1 {
	font-size: .69444rem;
	color: #FFF2D3;
	font-weight: 700;
	position: relative;
	top: 1.38889rem
}

.testNew-wrapper .title-2 {
	font-size: .33333rem;
	color: #fff;
	position: relative;
	top: 1.80556rem
}

.testNew-wrapper .input-1,.testNew-wrapper .input-2 {
	width: 6.38889rem;
	height: .97222rem;
	background-color: #fff;
	border: .02778rem solid #000;
	border-radius: .13889rem;
	position: relative;
	top: 2.22222rem;
	padding-left: .27778rem;
	padding-top: .06944rem
}

.testNew-wrapper .button-1,.testNew-wrapper .button-2 {
	position: absolute;
	background-color: #289eea;
	color: #fff;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-box-pack: center
}

.testNew-wrapper .input-2 {
	top: 2.5rem
}

.testNew-wrapper .button-1 {
	width: 1.66667rem;
	height: .55556rem;
	font-size: .27778rem;
	border-radius: .06944rem;
	top: 3.47222rem;
	right: 2.08333rem;
	display: -webkit-box;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.niujinSuc .button-1,.testNew-wrapper .button-2 {
	border: .02778rem solid #000;
	display: -webkit-box
}

.testNew-wrapper .button-2 {
	width: 6.6rem;
	height: .97222rem;
	border-radius: .13889rem;
	font-size: .44444rem;
	top: 6.66667rem;
	left: 1.7rem;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.niujinSuc,.testNew-bgWrapper img {
	width: 10rem
}

.testNew-wrapper .bottomText {
	color: red;
	font-size: .38889rem;
	position: relative;
	top: 2.91667rem
}

.testNew-bgWrapper {
	width: 10rem;
	height: auto;
	margin: 0
}

.testNew-bgWrapper img:nth-of-type(5) {
	margin-bottom: 10%
}

.niujinSuc {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	font-size: 0;
	text-align: center;
	background: url(../images/niujin-bg-011.png) no-repeat;
	background-size: cover
}

.niujinSuc .title-1 {
	font-size: .69444rem;
	color: #FFF2D3;
	font-weight: 700;
	position: relative;
	top: 1.38889rem
}

.niujinSuc img {
	width: 7.52778rem;
	position: relative;
	top: 2.77778rem
}

.niujinSuc .button-1 {
	position: absolute;
	width: 7rem;
	height: 1.25rem;
	background-color: #289eea;
	border-radius: .13889rem;
	font-size: .44444rem;
	color: #fff;
	top: 6.38889rem;
	left: 1.5rem;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.niujinSuc-notice p {
	color: #fff;
	font-size: .33333rem;
	position: absolute;
	left: 1.38889rem;
	opacity: .5
}

.niujinSuc-notice p:nth-of-type(1) {
	top: 9.72222rem
}

.niujinSuc-notice p:nth-of-type(2) {
	top: 10.27778rem
}

.niujinSuc-notice p:nth-of-type(3) {
	top: 10.83333rem
}

.follow-dialog {
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 99
}

.follow-dialog-content {
	width: 7.63889rem;
	margin: 1.11111rem auto 0;
	border-radius: .22222rem;
	overflow: hidden
}

.follow-dialog-close {
	width: .30556rem;
	height: .30556rem;
	padding: .19444rem;
	position: absolute;
	top: .44444rem;
	right: .41667rem
}

.noTouch {
	background-color: #666!important
}

.fullScreen {
	width: 10.41667rem;
	height: 100%;
	background-color: #000;
	opacity: .5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998
}

.hidden {
	opacity: 0
}

.hide {
	display: none!important
}

.toast {
	display: none;
	z-index: 100;
	background-color: rgba(0,0,0,.7);
	border-radius: .13889rem;
	padding: .33333rem .38889rem
}

.toast-content {
	text-align: center;
	line-height: .52778rem;
	font-size: .38889rem;
	color: #fff
}

.scrollNew {
	overflow: auto!important
}

#buttonNew {
	width: 1.38889rem;
	position: fixed;
	right: 0;
	top: 7.63889rem;
	z-index: 0
}

#buttonNewClose {
	width: .34722rem;
	position: fixed;
	right: 5%;
	top: 9.72222rem;
	z-index: 0
}

@media only screen and (min-device-width:375px) and (max-device-height:667px) {
	.test .middle {
		top: 2.08333rem
	}

	.test .bottom p:nth-of-type(1) {
		top: 11.80556rem!important
	}

	.test .bottom p:nth-of-type(2) {
		top: 13.19444rem
	}

	.test .bottom p:nth-of-type(3) {
		top: 13.61111rem
	}
}

@media screen and (min-width:500px) {
	.download-banner {
		height: .69444rem
	}

	.download-banner-logo>img {
		width: .48611rem
	}

	.download-banner-title {
		font-size: .30556rem;
		line-height: 1
	}

	.download-banner-text {
		font-size: .25rem
	}
}

#dic {
	padding-bottom: 1.94444rem
}

.unfold-field {
	position: relative;
	width: 100%;
	text-align: center
}

@-webkit-keyframes unfold-arrow-animation {
	0%,100% {
		top: .27778rem
	}

	50% {
		top: .69444rem
	}
}

.unfold-field_mask {
	width: 100%;
	height: 1.52778rem;
	position: absolute;
	top: -2.22222rem;
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#FFF 100%);
	background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0,#FFF 100%)
}

.unfold-field_mask span {
	position: relative;
	display: inline-block;
	background-image: url(../images/arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-top: .625rem;
	height: .33333rem;
	width: .93056rem;
	-webkit-animation: unfold-arrow-animation 680ms infinite;
	animation: unfold-arrow-animation 680ms infinite
}

.dic-dialog,.download-text {
	width: 100%;
	text-align: center
}

.download-text {
	margin-top: .69444rem;
	background-color: #39A8FF;
	display: block;
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: .44444rem;
	color: #fff
}

.dic {
	background-color: #FFF;
	margin-bottom: .20833rem
}

.dic-word {
	padding-bottom: .27778rem
}

.dic-word h1 {
	padding: 0 .41667rem;
	font-weight: 700;
	margin-top: .27778rem;
	margin-bottom: .34722rem
}

.dic-word h1,.dic-word-long {
	font-size: .55556rem;
	line-height: 1.7
}

.dic-dialog {
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5
}

.dic-nav,.dic-nav li,.dic-nav li:nth-child(2) {
	position: relative
}

.dic-dialog>a {
	width: 75%;
	display: block;
	margin: 15% auto 0
}

.dic-nav-tab,.dic-wrapper-ad-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}

.dic-dialog>a img {
	width: 100%
}

.dic-dialog>img {
	width: .69444rem;
	height: .69444rem;
	padding: .61111rem
}

.dic-wrapper {
	background-color: #F6F6F6
}

.dic-wrapper-ad {
	padding: 0 .41667rem;
	background-color: #fff
}

.dic-wrapper-ad-content {
	background-color: #f4f4f4;
	height: 1.52778rem;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.dic-wrapper-ad-content>img:first-child {
	height: .83333rem
}

.dic-wrapper-ad-content>img:last-child {
	height: .41667rem
}

.dic-wrapper-ad-content>span {
	font-size: .38889rem;
	color: #999
}

.dic-nav {
	border-bottom: 1px solid #e4e4e4
}

.dic-nav li {
	float: left;
	color: #999;
	text-align: center;
	font-size: .41667rem;
	height: 1.25rem;
	line-height: 1.25rem;
	width: 29%;
	padding: 0 2% 2px
}

.dic-nav li:nth-child(2)>img {
	position: absolute;
	top: .27778rem;
	width: .55556rem
}

.dic-nav li.active {
	color: #333;
	font-weight: 700
}

.dic-nav li.active::after {
	content: '';
	position: absolute;
	-webkit-transition: left .2s ease-in 0s;
	transition: left .2s ease-in 0s;
	width: 14%;
	padding: 0;
	height: 3.5px;
	border-radius: 5px;
	background-color: #42b0fc;
	left: 50%;
	transform: translateX(-50%);
	bottom: 15%
}

.dic-nav-item {
	margin-left: .41667rem
}

.dic-nav-item li:nth-child(1) {
	float: left;
	font-size: .44444rem;
	height: 1.36111rem;
	line-height: 1.36111rem;
	font-weight: 700
}

.dic-nav-item li:nth-child(2) {
	float: right;
	margin-top: .55556rem;
	margin-right: .41667rem
}

.dic-nav-tab {
	margin: 0 .41667rem;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.dic-basic-top,.dic-basic-top-left,.dic-basic-top-right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}

.ad-list .read-list-content,.dic-info li h5,.nav-href {
	-webkit-box-orient: vertical
}

.dic-nav-tab li {
	width: 17.5%;
	height: .80556rem;
	line-height: .80556rem;
	text-align: center;
	background: #F6F6F9;
	border-radius: .13889rem;
	font-size: .33333rem;
	color: #B1B0B5;
	margin-bottom: .27778rem;
	position: relative
}

.dic-nav-tab li>i {
	position: absolute;
	top: -.16667rem;
	right: -.20833rem;
	background: #FF661D;
	border-radius: .08333rem .08333rem .08333rem 0;
	font-size: .26389rem;
	color: #FFF;
	letter-spacing: 0;
	text-align: center;
	line-height: .33333rem;
	padding: 0 .09722rem
}

.dic-nav-tab li:not(:nth-child(5n)) {
	margin-right: .27778rem
}

.dic-nav-tab li.active {
	background: #3BA8FF;
	color: #fff
}

.dic-basic-extra,.dic-basic-top {
	background-color: #fff;
	margin-top: .2rem;
	position: relative
}

.dic-basic-extra span,.dic-basic-top-left span,.dic-basic-top-right span {
	font-size: .36111rem;
	color: #333
}

.dic-basic-top {
	width: 10rem;
	height: 1.38889rem;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.dic-basic-top-left,.dic-basic-top-right {
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 9rem;
	height: .83333rem;
	border: .02778rem solid #DEDEDE;
	border-radius: .11111rem
}

.dic-basic-explain li,.dic-basic-extra {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}

.dic-basic-top-left img,.dic-basic-top-right img {
	position: relative;
	width: .55556rem
}

.dic-basic-top-left {
	margin-left: .45rem
}

.dic-basic-extra {
	width: 9.16667rem;
	height: .97222rem;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	left: .41667rem;
	border: .02778rem solid #DEDEDE;
	border-radius: .11111rem
}

.dic-basic-extra img {
	position: relative;
	width: .55556rem
}

.dic-basic-info-side {
	position: absolute;
	width: .72222rem;
	top: 1.5rem;
	right: 0
}

.dic-basic-ce,.dic-basic-long,.dic-basic-suggest {
	padding: .41667rem
}

.dic-basic-suggest {
	font-weight: 100
}

.dic-basic-suggest p {
	font-size: .41667rem
}

.dic-basic-suggest ul {
	margin-top: 10px
}

.dic-basic-suggest li {
	float: left;
	color: #0090ff;
	line-height: 1.3;
	margin: 0 10px;
	font-size: .41667rem
}

.dic-basic-ce p {
	margin-bottom: .41667rem
}

.dic-basic-ce p span:nth-child(1) {
	font-size: .41667rem;
	color: #000;
	margin-right: .25rem
}

.dic-basic-ce p span:nth-child(2) {
	font-size: .36111rem;
	color: #9b8d73
}

.dic-basic-ce li,.dic-basic-long {
	font-size: .41667rem
}

.dic-basic-ce li {
	line-height: .66667rem;
	color: #32220e
}

.dic-basic-long p:nth-child(1) {
	color: #666;
	line-height: .58333rem;
	margin-bottom: .41667rem
}

.dic-basic-long p:nth-child(2) {
	color: #000;
	line-height: .69444rem
}

.dic-basic-label {
	padding-left: .41667rem
}

.dic-basic-label li {
	float: left;
	font-size: .36111rem;
	color: #999;
	margin-bottom: .55556rem
}

.dic-basic-label li span {
	float: left;
	margin-right: .08333rem
}

.dic-basic-explain,.dic-basic-voice {
	padding: 0 .41667rem
}

.dic-basic-voice {
	position: relative;
	padding-bottom: .38889rem;
	padding-right: 2.22222rem
}

.dic-basic-voice span {
	float: left;
	font-size: .41667rem;
	color: #999;
	line-height: .63889rem
}

.dic-basic-voice span:nth-child(1) {
	padding-right: .63889rem
}

.dic-basic-voice img {
	width: 1.80556rem;
	height: .83333rem;
	position: absolute;
	right: .41667rem;
	top: 0
}

.dic-basic-explain li {
	line-height: .77778rem;
	display: flex
}

.dic-basic-explain li>span {
	min-width: .625rem;
	font-size: .41667rem;
	color: #888;
	margin-right: .5rem;
	font-style: oblique
}

.dic-basic-explain li div {
	width: 6.875rem;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.dic-basic-explain li div>span {
	color: #000;
	font-size: .41667rem
}

.dic-basic-explain li div>h5 {
	font-size: .33333rem;
	color: #999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.dic-plural .dic-folds p label,.dic-plural .dic-folds p span,.dic-plural-title li label,.dic-plural-title li span {
	font-size: .41667rem;
	color: #999
}

.dic-basic-explain li div>h5>span {
	width: 2.77778rem;
	vertical-align: middle
}

.dic-basic-explain li div>h5>strong {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	background: #F6F6F6;
	border-radius: 2px;
	height: .13889rem
}

.dic-basic-explain li div>h5>strong i {
	display: inline-block;
	width: 55%;
	height: 100%;
	opacity: .5;
	background: #3BA8FF;
	border-radius: 2px
}

.dic-plural {
	margin: .27778rem 0 0 .41667rem
}

.dic-plural .dic-folds {
	margin-top: -.19444rem
}

.dic-plural .dic-folds p {
	line-height: .66667rem
}

.dic-plural-title {
	position: relative;
	overflow: hidden
}

.dic-plural-title li {
	float: left;
	margin-right: .13889rem;
	height: 1.16667rem;
	line-height: 1.16667rem
}

.dic-plural-title li:nth-last-child(3) {
	height: auto;
}

.dic-plural-title li:nth-child(1) {
	top: 0;
	left: 0;
	width: 9.16667rem;
	height: 1px;
	border-top: 1px dashed #dedede
}

.dic-plural-title li:nth-child(3) {
	margin-right: .63889rem
}

.dic-echart {
	position: relative;
	border-top: .20833rem solid #f6f6f6;
	margin-top: .41667rem
}

.dic-echart-pie {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: wrap;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 1.11111rem
}

.dic-echart-pie li {
	width: 50%;
	text-align: center;
	line-height: 1.4;
	margin: .20833rem 0
}

.dic-echart-pie li>div,.dic-echart-pie li>i {
	float: left;
	width: 1.38889rem
}

.dic-echart-pie li>div h5 {
	font-size: .38889rem;
	color: #333
}

.dic-echart-pie li>div p {
	font-size: .33333rem;
	color: #999
}

.dic-echart-pie li:nth-child(even)>div,.dic-echart-pie li:nth-child(even)>i {
	float: right
}

.dic-collins-class,.dic-collins-class-info>div,.dic-collins-class-info>label,.dic-collins-class-item li>div,.dic-collins-class-item li>i,.dic-collins-order,.dic-download-a>div,.dic-download-a>div div {
	float: left
}

.dic-echart-pie li i {
	display: inline-block;
	width: .125rem;
	height: .38889rem;
	margin-top: .08333rem
}

.dic-echart-mask {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0
}

.dic-echart #collegeEchart {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.dic-folds {
	margin-top: -.19444rem;
	overflow: hidden;
	position: relative
}

.dic-folds p {
	line-height: .66667rem
}

.dic-folds p label,.dic-folds p span {
	font-size: .41667rem;
	color: #999
}

.dic-folds-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: -webkit-linear-gradient(bottom,#fff,rgba(255,255,255,0));
	background: linear-gradient(to top,#fff,rgba(255,255,255,0))
}

.dic-folds-height {
	max-height: 30px
}

.dic-fold {
	position: absolute;
	right: .41667rem;
	top: .41667rem
}

.dic-fold i {
	width: .38889rem;
	height: .20833rem
}

.dic-oxford p {
	text-align: center;
	line-height: .72222rem;
	font-size: .41667rem
}

.dic-oxford a {
	display: inline-block;
	width: 100%;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	color: #fff;
	margin-top: .5rem;
	background-color: #43aef9;
	font-size: .52778rem;
	border-radius: .05556rem
}

.dic-oxford img {
	width: 3.88889rem;
	margin-left: 0
}

.dic-oxford ul {
	position: absolute;
	top: -.20833rem;
	right: -1.80556rem
}

.dic-oxford ul>li {
	list-style: disc;
	width: 6.11111rem;
	line-height: .97222rem;
	font-size: .48611rem;
	font-family: MicrosoftYaHeiUI
}

.dic-oxford-content {
	position: relative;
	height: auto;
	width: 10.41667rem;
	overflow: auto
}

.dic-oxford-content-wrapper {
	width: 10rem;
	position: relative
}

.dic-oxford-content-wrapper img {
	width: 100%
}

.dic-oxford-content-wrapper-first,.dic-oxford-content-wrapper-second {
	position: absolute;
	width: 8.75rem;
	height: 1.25rem;
	left: .625rem;
	background-color: #0090FF;
	color: #FFF;
	font-size: .5rem;
	font-weight: 700;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: .11111rem
}

.dic-oxford-content-wrapper-first {
	top: 7.5rem
}

.dic-oxford-content-wrapper-second {
	bottom: .5rem
}

.dic-wordcontent {
	width: 100%;
	height: 11.59722rem;
	overflow: hidden
}

.dic-collins {
	padding: .69444rem .41667rem 1.5rem
}

.dic-collins-class {
	width: 8.47222rem
}

.dic-collins-class-title {
	font-size: .47222rem;
	margin-bottom: .58333rem
}

.dic-collins-class-title p:nth-child(1) {
	color: #000;
	margin-bottom: .25rem
}

.dic-collins-class-title p:nth-child(1) span:nth-child(1) {
	margin-right: .33333rem
}

.dic-collins-class-title p:nth-child(2) {
	font-style: italic
}

.dic-collins-class-title p:nth-child(2) span {
	line-height: .61111rem
}

.dic-collins-class-title p:nth-child(2) span:nth-child(1) {
	color: #999
}

.dic-collins-class-title p:nth-child(2) span:nth-child(2) {
	color: #777
}

.dic-collins-class-info {
	margin-bottom: .20833rem
}

.dic-collins-class-info>label {
	width: .44444rem;
	height: .44444rem;
	line-height: .44444rem;
	border: 1px solid #b9b9b9;
	border-radius: 50%;
	text-align: center;
	margin-right: .13889rem;
	font-size: .33333rem;
	color: #777
}

.dic-collins-class-info>div {
	width: 7.69444rem
}

.dic-collins-class-item>p:nth-child(1) {
	color: #000;
	margin-bottom: .22222rem;
	font-size: .47222rem
}

.dic-collins-class-item>p:nth-child(1) .en {
	margin-right: .22222rem
}

.dic-collins-class-item>p:nth-child(1) .cn {
	line-height: .61111rem
}

.dic-collins-class-item>p:nth-child(2) {
	line-height: .61111rem;
	font-size: .44444rem;
	color: #777;
	margin-bottom: .16667rem
}

.dic-collins-class-item li>i {
	width: .19444rem;
	height: .19444rem;
	margin-top: .22222rem;
	background-color: #000;
	border-radius: 50%;
	margin-right: .13889rem
}

.dic-collins-class-item li>div {
	width: 7.29167rem;
	margin-bottom: .13889rem;
	color: #000
}

.dic-collins-class-item li>div .en {
	font-size: .47222rem;
	line-height: .66667rem
}

.dic-collins-class-item li>div .cn {
	font-size: .41667rem;
	font-weight: 100;
	line-height: .55556rem
}

.dic-collins-order {
	width: .66667rem;
	font-size: .44444rem;
	color: #777
}

.dic-down,.dic-up {
	display: inline-block;
	-webkit-transition: .4s;
	transition: .4s;
	width: .38889rem;
	height: .20833rem
}

.dic-up {
	background: url(../images/up.png);
	background-size: cover
}

.dic-down {
	background: url(../images/down.png);
	background-size: cover
}

.dic .base-up .dic-down,.dic-show .dic-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.dic-download {
	width: 8.58333rem;
	border: 1px solid #dedfe0;
	margin: 1.11111rem auto 1.5rem;
	padding: .27778rem .38889rem .27778rem .27778rem;
	background-color: #FFF
}

.dic-content .dic-double .dic-sound,.dic-download-a>span {
	margin-top: .11111rem
}

.dic-download-a {
	display: block
}

.dic-download-a>div i {
	float: left;
	width: .94444rem;
	height: .94444rem;
	background: url(../images/logo.png);
	background-size: cover;
	margin-right: .22222rem
}

.dic-download-a>div div p:nth-child(1) {
	font-size: .44444rem;
	color: #333;
	line-height: .63889rem
}

.dic-download-a>div div p:nth-child(2) {
	font-size: .33333rem;
	color: #999
}

.dic-download-a>span {
	float: right;
	width: 1.94444rem;
	height: .77778rem;
	line-height: .77778rem;
	background-color: #0090ff;
	text-align: center;
	color: #fff;
	font-size: .33333rem;
	border-radius: .05556rem
}

.dic-content {
	display: -none;
	padding: 0 .41667rem .66667rem
}

.dic-content .dic-double {
	overflow: hidden
}

.dic-content .dic-double-index {
	display: inline-block;
	font-size: .47222rem;
	color: #999;
	line-height: .69444rem;
	margin-right: .27778rem;
	width: .55556rem
}

.dic-content .dic-double .dic-sound,.dic-content .dic-double-con,.dic-content .dic-double-index {
	float: left
}

.dic-content .dic-double li {
	margin-bottom: .5rem
}

.dic-content .dic-double-con {
	width: 7.36111rem;
	margin-right: .11111rem
}

.dic-content .dic-double-con p:nth-child(1) {
	font-size: .41667rem;
	color: #000;
	line-height: .69444rem;
	margin-bottom: .19444rem
}

.dic-content .dic-double-con p:nth-child(2) {
	font-size: .41667rem;
	color: #777;
	line-height: .55556rem;
	margin-bottom: .22222rem
}

.dic-content .dic-double-con span {
	font-size: .30556rem;
	color: #b4b4b4
}

.dic-content .dic-double-sub p {
	color: #999!important
}

.dic-content .dic-double-sub span {
	-webkit-transform: translateY(.06944rem);
	-ms-transform: translateY(.06944rem);
	transform: translateY(.06944rem)
}

.dic-content .dic-double-sub>div {
	float: left;
	width: 6.5rem
}

.dic-content .dic-net h3 {
	font-size: .41667rem;
	color: #777;
	margin-bottom: .41667rem
}

.dic-content .dic-net ul {
	overflow: hidden;
	padding-left: .55556rem
}

.dic-content .dic-net ul:nth-of-type(1) {
	margin-bottom: .27778rem
}

.dic-content .dic-net li,.dic-content .dic-net li>div>div {
	margin-bottom: .20833rem
}

.dic-content .dic-net li>div,.dic-content .dic-net li>span {
	float: left
}

.dic-content .dic-net li>div {
	width: 7.91667rem
}

.dic-content .dic-net-cn,.dic-content .dic-net-en {
	font-size: .47222rem;
	color: #000;
	line-height: .52778rem
}

.dic-content .dic-net-en {
	margin-bottom: .41667rem
}

.dic-content .dic-net-cn {
	margin-bottom: .27778rem
}

.dic-content .dic-net-info {
	font-size: .41667rem;
	color: #777;
	line-height: .66667rem
}

.dic-content .dic-affix-same h4,.dic-content .dic-affix-same li>div p:nth-child(1),.dic-content .dic-affix-type {
	color: #000;
	font-size: .41667rem
}

.dic-content .dic-affix {
	font-size: .41667rem
}

.dic-content .dic-affix-top {
	margin-bottom: .47222rem
}

.dic-content .dic-affix-top li span:nth-child(1) {
	margin-top: .23611rem
}

.dic-content .dic-affix-top li span:nth-child(2) {
	float: left;
	width: 7.77778rem;
	font-size: .47222rem;
	color: #000;
	line-height: .94444rem
}

.dic-content .dic-affix-type {
	margin-top: .13889rem;
	margin-bottom: .30556rem
}

.dic-content .dic-affix-bottom h3 {
	font-size: .41667rem;
	color: #000;
	margin-bottom: .61111rem
}

.dic-content .dic-affix-same h4 {
	margin-bottom: .41667rem
}

.dic-content .dic-affix-same li {
	margin-bottom: .27778rem
}

.dic-content .dic-affix-same li>span {
	margin-top: .11111rem
}

.dic-content .dic-affix-same li>div {
	float: left;
	width: 8.05556rem
}

.dic-content .dic-affix-same li>div p {
	line-height: .69444rem
}

.dic-content .dic-affix-same li>div p:nth-child(1) span:nth-child(1) {
	margin-right: .20833rem
}

.dic-content .dic-affix-same li>div p:nth-child(2) {
	font-size: .41667rem;
	color: #777
}

.dic-content .dic-affix-exp {
	line-height: .55556rem;
	margin-left: 1.38889rem;
	font-size: .36111rem;
	color: #999
}

.dic-content .dic-antony h4 {
	font-size: use(30);
	line-height: .61111rem;
	color: #333;
	letter-spacing: 0;
	text-align: left;
	margin-bottom: .27778rem
}

.dic-content .dic-antony-con {
	padding-left: .55556rem
}

.dic-content .dic-antony-con>span {
	display: block;
	font-size: .41667rem;
	color: #000;
	margin-bottom: .33333rem;
	margin-left: -.55556rem
}

.dic-content .dic-antony-con ul {
	overflow: hidden
}

.dic-content .dic-antony-con li {
	margin-bottom: .33333rem
}

.dic-content .dic-antony-con li>div {
	float: left;
	width: 7.77778rem
}

.dic-g-sound,.dic-sound {
	display: inline-block;
	width: .55556rem;
	height: .55556rem;
	margin-left: .13889rem;
	vertical-align: middle
}

.dic-content .dic-antony-cn {
	color: #000;
	font-size: .41667rem;
	line-height: .52778rem;
	margin-bottom: .27778rem
}

.dic-content .dic-antony-en {
	font-size: .41667rem;
	color: #777;
	line-height: .61111rem;
	word-break: break-word
}

.dic-content .dic-antony-en span {
	padding-right: .27778rem
}

.dic-content .dic-eemean {
	padding-left: 0
}

.dic-content .dic-eemean .dic-antony-cn {
	line-height: .69444rem;
	margin-bottom: .13889rem
}

.dic-content .dic-eemean .dic-antony-en {
	line-height: .55556rem
}

.dic-content .dic-eemean .dic-order34 {
	margin-top: .06944rem
}

.dic-sound {
	background: url(../images/sound-b.png);
	background-size: cover
}

.dic-play {
	background: url(../images/sound-b-play.gif);
	background-size: cover
}

.dic-g-sound {
	background: url(../images/sound-g.png);
	background-size: cover;
	margin-top: .09722rem
}

.dic-g-play {
	background: url(../images/sound-g-play.gif);
	background-size: cover
}

.dic-less {
	height: 6.52778rem
}

.dic-more {
	width: 100%;
	background-color: #fff;
	position: relative;
	z-index: 2
}

.dic-more a {
	display: block;
	width: 3.94444rem;
	margin: 0 auto;
	text-align: center;
	padding: .27778rem .41667rem;
	background-color: rgba(61,169,255,.1);
	border-radius: 1.38889rem;
	white-space: pre;
	font-size: .38889rem;
	color: #3DA9FF
}

.dic-order34 {
	float: left;
	width: .44444rem;
	height: .44444rem;
	line-height: .44444rem;
	border: 1px solid #b0b0b0;
	border-radius: 50%;
	text-align: center;
	font-size: .30556rem;
	color: #777;
	margin-right: .13889rem
}

.dic-bottom-list li,.signad-box-link {
	height: 1.38889rem;
	line-height: 1.38889rem
}

.dic-bottom-btn,.dic-bottom-list li {
	border-radius: .13889rem;
	text-align: center
}

.dic-recommend {
	width: 100%
}

.dic-info {
	margin: 0 .41667rem
}

.dic-info-close {
	width: .69444rem;
	position: absolute;
	bottom: .41667rem;
	right: 0
}

.dic-info li {
	padding: .55556rem 0;
	line-height: 1.4;
	position: relative
}

.dic-info li:not(:last-child) {
	border-bottom: 1px solid #DEDEDE
}

.dic-info li h5 {
	font-weight: 600;
	font-size: .38889rem;
	color: #333;
	margin-bottom: .13889rem;
	overflow: hidden;
	display: -webkit-box
}

.dic-info li p {
	font-size: .30556rem;
	color: #999
}

.dic-info li p span {
	color: #3DA9FF
}

.dic-bottom-list {
	margin: 0 .41667rem .27778rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: .55556rem
}

.dic-bottom-list li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #F6F6F9;
	font-size: .33333rem;
	color: #666
}

.dic-bottom-list li:not(:last-child) {
	margin-right: .41667rem
}

.dic-bottom-list li img {
	width: .97222rem;
	vertical-align: middle;
	line-height: 1.38889rem;
	-webkit-transform: translateY(-.04167rem);
	-ms-transform: translateY(-.04167rem);
	transform: translateY(-.04167rem)
}

.dic-bottom-btn {
	background: #222;
	font-weight: 700;
	font-size: .44444rem;
	color: #FFF;
	margin: 0 .41667rem;
	line-height: 1.25rem
}

.dic-follow {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	-webkit-transition: .4s;
	transition: .4s
}

.dic-follow.active {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.dic-follow img {
	width: 100%
}

.no-result {
	background-color: #FFF;
	padding: .69444rem 0
}

.no-result i {
	display: block;
	width: 5rem;
	height: 2.93056rem;
	margin: 0 auto;
	background: url(../images/no-result.png);
	background-size: cover
}

.no-result p {
	text-align: center
}

.no-result p:nth-of-type(1),.no-result p:nth-of-type(2) {
	color: #32586f;
	font-size: .41667rem;
	line-height: .52778rem
}

.no-result p:nth-of-type(2) {
	margin-bottom: .52778rem
}

.no-result p:nth-of-type(3) {
	font-size: .25rem;
	color: #bac3ce;
	margin-bottom: .22222rem
}

.no-result p:nth-of-type(4) span {
	display: inline-block;
	width: .29167rem;
	height: .27778rem;
	margin-right: .08333rem;
	background: url(../images/glass.png);
	background-size: cover
}

.no-result p:nth-of-type(4) a {
	color: #2398f2;
	font-size: .30556rem
}

b {
	position: relative
}

b::after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 100%;
	height: .20833rem;
	left: 0;
	bottom: 0
}

.confirm,.nav-box {
	display: -webkit-flex
}

.goto-top {
	position: fixed;
	right: .5rem;
	bottom: 4.44444rem;
	width: 1.04167rem;
	height: 1.04167rem;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	overflow: hidden;
	background: url(../images/gotop.png);
	background-size: 100% 100%
}

.gotopfade-transition {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	overflow: hidden
}

.gotopfade-enter,.gotopfade-leave {
	height: 0;
	opacity: 0
}

.ad-list {
	background-color: #e9eaea;
	position: relative
}

.ad-list-image {
	width: -webkit-calc(100vw - .4166666667rem * 2);
	width: calc(100vw - .4166666667rem * 2);
	border-radius: .11111rem
}

.ad-list-close {
	width: .69444rem;
	position: absolute;
	top: .27778rem;
	right: .27778rem
}

.ad-list-ic {
	margin-bottom: 0!important;
	padding: .23611rem 0 .44444rem!important
}

.ad-list .read-head-label {
	background-color: #0090ff
}

.ad-list .read-head-desc {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 80%;
	padding: 0 .27778rem;
	line-height: .5rem;
	font-size: .41667rem
}

.ad-list .read-head-tits {
	font-size: 0;
	position: absolute;
	bottom: .41667rem;
	right: .33333rem
}

.ad-list .read-head-tits li {
	width: .13889rem;
	height: .13889rem;
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
	background-color: rgba(255,255,255,.4);
	border-radius: 50%;
	-webkit-transition: .4s;
	transition: .4s;
	margin: 0 2px
}

.ad-list .read-list-main .ad-box,.nav {
	width: 100%
}

.ad-list .read-head-tits li.on {
	background-color: #fff
}

.ad-list .read-list-title {
	color: #0090ff
}

.ad-list .read-list-item {
	background-color: #fff;
	padding: .23611rem 0;
	margin-bottom: .20833rem;
	border-top: 0
}

.ad-list .read-list-img {
	border-radius: .11111rem;
	overflow: hidden
}

.ad-list .read-list-main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.confirm,.nav-box {
	display: -ms-flexbox
}

.ad-list .read-list-content {
	font-size: .36111rem;
	line-height: 1.4;
	overflow: hidden;
	display: -webkit-box;
	white-space: normal
}

.transcover {
	-webkit-mask-image: -webkit-linear-gradient(top,#000,rgba(0,0,0,0));
	mask-image: linear-gradient(to bottom,#000,rgba(0,0,0,0))
}

.nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	z-index: 20;
	background-color: #F4F4F4;
	overflow: hidden;
	height: 44px;
	    max-width: 750px;
    margin: auto;
}

.nav-item,.nav-item-on {
	position: relative
}

.black-nav .nav-item-on::after,.nav-item-on::after {
	content: '';
	bottom: .08333rem;
	left: 50%;
	border-radius: .05556rem
}

.black-nav .nav-item i,.nav-item i {
	right: .16667rem;
	top: .20833rem;
	z-index: 1
}

.body-week-up .nav {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.nav-box {
	width: auto;
	margin: 0 auto;
	height: 50px;
	box-sizing: border-box;
	border-top: 1px solid #e1e1e1;
	display: -webkit-box;
	display: flex;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	padding: 0 .18056rem 6px
}

.nav-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 .41667rem;
	font-size: 0
}

.nav-item-on::after {
	position: absolute;
	width: 17px;
	height: .05556rem;
	background-color: #3BA8FF;
	display: inline-block;
	transform: translateX(-50%)
}

.nav-item i {
	position: absolute;
	width: .55556rem;
	height: .33333rem;
	background: url(../images/tab-dl.png) no-repeat;
	background-size: 100% 100%
}

.nav-href {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	width: 100%;
	height: 100%
}

.nav-icon,.nav-icon-1,.nav-icon-2,.nav-icon-3 {
	display: block;
	background-size: 21px 21px;
	width: 21px;
	height: 21px;
	margin-top: -2px;
	margin-bottom: 4px
}

.nav-icon-1 {
	background-image: url(../images/1.2x.png)
}

.nav-item-on .nav-icon-1 {
	background-image: url(../images/1-on.2x.png)
}

.nav-icon-2 {
	background-image: url(../images/2.2x.png)
}

.nav-item-on .nav-icon-2 {
	background-image: url(../images/2-on.2x.png)
}

.nav-icon-3 {
	background-image: url(../images/3.2x.png)
}

.nav-item-on .nav-icon-3 {
	background-image: url(../images/3-on.2x.png)
}

.nav-label {
	color: #999;
	font-size: .41667rem
}

.nav-item-on .nav-label {
	color: #333;
	font-weight: bolder
}

.white-nav {
	background-color: #fff
}

.black-nav,.black-nav .nav-item {
	background-color: #333;
	max-width: 750px;
	    margin: 0 auto;
}

.black-nav .nav-label {
	color: #999;
	font-size: .41667rem
}

.black-nav .nav-item i {
	position: absolute;
	width: .55556rem;
	height: .33333rem;
	background: url(../images/tab-dl.png) no-repeat;
	background-size: 100% 100%
}

.black-nav .nav-item-on .nav-label {
	color: #fff;
	font-weight: bolder
}

.black-nav .nav-item-on::after {
	position: absolute;
	width: 17px;
	height: .05556rem;
	background-color: #fff;
	display: inline-block;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.nav-box::-webkit-scrollbar {
	display: none;
	width: 0
}

::-webkit-scrollbar {
	display: none;
	width: 0
}

.signad-box-close,.signad-box-link {
	display: inline-block;
	position: absolute
}

.signad {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	top: 0;
	left: 0;
	z-index: 100;
	padding-top: 2.36111rem
}

.signad-box {
	position: relative;
	width: 7.77778rem;
	margin: 0 auto
}

.signad-box-img {
	width: 100%
}

.signad-box-link {
	width: 6.11111rem;
	text-align: center;
	background-color: #ffe24b;
	top: 8.61111rem;
	border: .08333rem solid #260059;
	left: 50%;
	margin-left: -3.125rem;
	border-radius: .90278rem;
	color: #321058;
	font-size: .625rem
}

.signad-box-close {
	border-radius: 50%;
	border: 1px solid #fff;
	width: .83333rem;
	height: .83333rem;
	color: #fff;
	font-size: .69444rem;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	text-align: center;
	line-height: .83333rem;
	top: 11.80556rem;
	left: 50%;
	margin-left: -.41667rem
}

.down-mask {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 99999999
}

.down-mask .down-popup {
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -3.73333rem;
	padding: 0 .34667rem;
	width: 6.77333rem;
	height: 5.06667rem;
	background-color: #FFF;
	border-radius: .21333rem
}

.audio-wrap,.confirm {
	position: fixed;
	bottom: 0;
	z-index: 999
}

.down-mask .down-popup-con {
	text-align: center;
	padding: .32rem 0 .26667rem
}

.down-mask .down-popup-con p:nth-child(1),.down-mask .down-popup-con p:nth-child(2) {
	line-height: .53333rem;
	color: #030303;
	font-size: .37333rem
}

.down-mask .down-popup-con p:nth-child(3) {
	margin: .42667rem 0 .21333rem
}

.down-mask .down-popup-con p:nth-child(3) a {
	font-size: .37333rem;
	display: inline-block;
	width: 4rem;
	height: 1.01333rem;
	line-height: 1.01333rem;
	color: #fff;
	background-color: #09F;
	border-radius: .10667rem
}

.down-mask .down-popup-con span {
	color: #999;
	font-size: .37333rem
}

.down-mask h3 {
	color: #09F;
	font-weight: 100;
	font-size: .45333rem;
	text-align: center;
	height: 1.17333rem;
	line-height: 1.17333rem;
	border-bottom: 1px solid #DBDBDB
}

.confirm {
	left: 0;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,.5);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.confirm-content {
	width: 8.19444rem;
	background: #FFF;
	border-radius: .22222rem;
	text-align: center;
	padding-top: .83333rem;
	line-height: 1.4
}

.confirm-content h3 {
	font-weight: 700;
	font-size: .58333rem;
	color: #333;
	margin-bottom: .13889rem
}

.confirm-content p {
	font-size: .41667rem;
	color: #999;
	margin: 0 .97222rem .55556rem
}

.confirm-content ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #f6f6f6
}

.confirm-content ul li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: .41667rem;
	color: #dedede;
	line-height: 1.25rem
}

.confirm-content ul li:last-child {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #3BA8FF;
	border-left: 1px solid #f6f6f6
}

.audio-wrap {
	left: 0;
	width: 100%;
	border-top: 1px solid #DEDEDE;
	background-color: #FFF;
	padding: .22222rem 0
}

.audio-wrap>div {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	padding: 0 15px
}

.audio-wrap .audio-current,.audio-wrap .audio-time {
	width: 38px;
	text-align: center;
	font-size: .36111rem;
	color: #C5C5C5
}

.audio-wrap span {
	display: block
}

.audio-wrap .audio-play {
	margin-right: 10px;
	background-image: url(../images/listen-playx.png);
	width: .97222rem;
	height: .97222rem;
	background-size: 100% 100%
}

.audio-wrap .audio-pause {
	background-image: url(../images/listen-pausex.png);
	width: .97222rem;
	height: .97222rem
}

.audio-wrap .audio-plan {
	-webkit-box-flex: 1;
	position: relative;
	height: 36px;
	margin: 0 10px
}

.audio-wrap .audio-plan div {
	position: absolute
}

.audio-wrap .audio-plan-base,.audio-wrap .audio-plan-speed {
	height: .08333rem;
	border-radius: .13889rem;
	top: 17px
}

.audio-wrap .audio-plan-base {
	width: 100%;
	left: 0;
	background-color: #eae7e7
}

.audio-wrap .audio-plan-speed {
	width: 0;
	left: 0;
	background-color: #3AA8FF
}

.audio-wrap .audio-plan-drag {
	right: -16px;
	top: -7px;
	background-image: url(../images/listen-drag.png);
	width: 16px;
	height: 16px;
	background-size: 100% 100%;
	border-radius: 50%;
	box-shadow: 0 1px 3px #ccc
}

.dialog-content,.dialog-content>img {
	border-radius: .22222rem
}

.dialog {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.dialog-content {
	width: 7.63889rem;
	position: relative
}

.dialog-close {
	width: .30556rem;
	height: .30556rem;
	padding: .19444rem;
	position: absolute;
	top: -.72222rem;
	right: -.69444rem
}

::-webkit-input-placeholder {
	color: #bfbfbf
}

.ad-swiper {
	width: 100%;
	height: 500px;
	background-color: #00f;
	position: fixed;
	z-index: 999999
}
ul.links {
    padding: 0 10px;
}
.links li {
    width: auto !important;
  float: left;
    margin: 0 5px;
    margin-bottom: 10px;
    font-size: 14px;
  line-height: 14px;
    color: #bfbaba;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.record {
  width: 100%;
    clear: both;
	background-color: #fff;
	color: #666;
	font-size: .3rem;
	line-height: 2.5;
	text-align: center
}

.record img {
	vertical-align: sub;
	height: .4rem
}

.reddic{
	background-color: #fff;
	}

.reddic .box li {
    float: left;
    width: 30%;
    margin-right: 3.3%;
    margin-bottom: 10px;
    font-size: 16px;
	    color: #777;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.box {
    padding: 0 10px;
}

.duanyu-content {
    display: -none;
    padding: 0 .41667rem .66667rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.duanyu-content a font:nth-child(1) {
    font-size: .41667rem;
    color: #3DA9FF;
    line-height: .69444rem;
    margin-bottom: .09444rem;
    float: left;
    margin-right: 0.2rem;
}

.duanyu-content a font:nth-child(2) {
    font-size: .41667rem;
    color: #777;
    line-height: .69444rem;
    margin-bottom: .09444rem;
}
.duanyu-content li a{
       width: 95% !important;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}