html {
	overflow-x: hidden;
	min-width: 750px;
	background: #fff;
}

* {
	margin: 0;
	padding: 0;
}

i {
	font-style: normal;
}

li {
	list-style: none;
}

@font-face {
	font-family: "MyCustomFont";
	src: url("../css/SourceHanSansCN-Bold.otf") format("woff2");
}

.bimg {
	position: absolute;
	z-index: -1;
}

body {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
	-webkit-text-size-adjust: 100% !important;

}

.section-banner {
	margin-bottom: 60px;
}

.gotoapp {
	background: url(../images/bg-wx.jpg) center/cover;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
}

.gotoapp-bimg {
	display: block;
	width: 100vw;
}

.login-error {
	display: none;
	background: #fcd359;
	color: #1b3bea;
	position: absolute;
	top: 55vh;
	font-size: 36px;
	width: 400px;
	left: 50%;
	margin-left: -200px;
	text-align: center;
	border-radius: 10px;
	padding: 20px;


}

#enterApp {

	background: url(../images/i-enter.png) center/cover;
	color: #fff;
	/* width: 300px;
	height: 80px;
	line-height: 80px; */
	/* border-radius: 40px; */
	font-size: 0;
	display: block;
	position: absolute;
	top: 60vh;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 143px;
	border: none;
}

.nav {
	margin-top: 60px;
	margin-bottom: 30px;
}

.m-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100vh;
	justify-content: space-between;
}

.main {
	position: relative;

	padding-top: 0.1px;
	display: none;
	flex-direction: column;
	align-items: center;
	/* width: 1048px; */
}

/* 用户信息 */
.msg {
	position: relative;
	margin-top: 310px;
	display: flex;
	flex-direction: column;
	width: 683px;
	height: 301px;
	background: url(../images/userbox.png);
}

.u_box {
	margin: 0 auto;
	width: 561px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #38A2FF;
}

.u_msg {
	margin: 30px auto 0;
	width: 561px;
	display: flex;
	justify-content: space-between;
}

.tx {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 81px;
	height: 81px;
	border-radius: 50%;
	overflow: hidden;
	background: url(../images/tx_box.png);
	background-size: 100% 100%;
}

.tx img {
	width: 73px;
	height: 71px;
	border-radius: 50%;
	object-fit: cover;
}

.msg .xx {
	width: 325px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 26.47px;
	color: #373773;
}

.msg .lj {
	margin-left: 15px;
	display: none;
	width: 123px;
	height: 58px;
	background: url(../images/lj.png) 0 0 / 100% 100% no-repeat;
}

/* 按钮 */
.btns {
	width: 683px;
	margin: 26px 0;
	display: flex;
	justify-content: space-between;
}

.btns #btn1 {
	width: 221px;
	height: 117px;
	background: url(../images/btn2.png) 0 0 / 100% 100% no-repeat;
}

.btns #btn3 {
	width: 221px;
	height: 117px;
	background: url(../images/btn3.png) 0 0 / 100% 100% no-repeat;
}

.btns #btn2 {
	width: 221px;
	height: 117px;
	background: url(../images/btn1.png) 0 0 / 100% 100% no-repeat;
}
.btns #btn6 {
	width: 221px;
	height: 117px;
	background: url(../images/btn6.png) 0 0 / 100% 100% no-repeat;
}
.btns #btn4 {
	width: 221px;
	height: 117px;
	background: url(../images/btn4.png) 0 0 / 100% 100% no-repeat;
}

.btns #btn5 {
	width: 221px;
	height: 117px;
	background: url(../images/btn5.png) 0 0 / 100% 100% no-repeat;
}

.btns div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 250px;
}

/*  */
.swiper_box {
	width: 665px;
	height: 270px;
	border: 7px solid rgba(68, 90, 239, .8);
	border-radius: 10px;
	overflow: hidden;
}

.swiper_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-pagination {
	position: relative;
	margin-top: 11px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
	width: 13px;
	height: 13px;
	background: url(../images/none.png) 0 0 / 100% 100% no-repeat;
	border-radius: 0 !important;
	opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
	width: 46px;
	height: 13px;
	background: url(../images/active.png) 0 0 / 100% 100% no-repeat;
}

/*  */
.list {
	margin-bottom: 100px;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	width: 697px;
	color: #323C8D;
}

.list li {
	margin-bottom: 21.5px;
	width: 174px;
	display: flex;
	flex-direction: column;
	align-items: center;

}

.list img {
	height: 100px;
	width: 100px;
	object-fit: cover;
	border-radius: 20px;
	object-fit: cover;
}

.list p {
	margin-top: 10px;
	font-size: 24.29px
}

/*  */
.pop {
	position: fixed;
	width: 100vw;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 100;
	overflow: scroll;
}

.hdgz {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 667px;
	height: 1217px;
	background: url(../images/hdgz.png) 0 0 / 100% 100% no-repeat;
}

.hdgz_content {
	padding: 40px 10px;
	margin-top: 280px;
	margin-left: -20px;
	width: 584px;
	height: 784px;

	background: #fff;
	border-radius: 30px;
	box-shadow: 0 12px 0px #92BFF9;
}

.hdgz_content div {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

.hdgz_content p {
	margin: 0 auto;
	width: 550px;
	font-size: 32px;
	margin-bottom: 20px;
	color: #294ec5;
	line-height: 47px;
}

.phb {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 667px;
	height: 1217px;
	background: url(../images/phb.png) 0 0 / 100% 100% no-repeat;
}

.lj_box {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 667px;
	height: 1021px;
	background: url(../images/lj_box.png) 0 0 / 100% 100% no-repeat;
	color: #203ec4;
	font-family: 'MyCustomFont';
}

.db_box {
	display: flex;
	align-items: center;

	flex-direction: column;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 592px;
	/* height: 955px; */
	background: url(../images/db_middle.png) 0 0 / 100% 100% no-repeat;
	color: #203ec4;
	font-family: 'MyCustomFont';
}
.db_box .close {
	position: absolute;
	right: -10px;
	left: auto;
	top: -50px;
	width: 80px;
	height: 80px;
	background: url(../images/close2.png) 0 0 / 100% 100% no-repeat;
	z-index: 20;
}
.db_box .db_tit{
	margin: 0px 0 30px;
	width: 420px;
	height: 60px;
	background: url(../images/db_t1.png) 0 0 / 100% 100% no-repeat;
}
.db_box::after{
	content: '';
	position: absolute;
	top:-53px;
	width: 592px;
	height: 55px;
	background: url(../images/db_top.png) 0 0 / 100% 100% no-repeat;
}
.db_box::before{
	content: '';
	position: absolute;
	bottom:-47px;
	width: 592px;
	height: 50px;
	background: url(../images/db_bottom.png) 0 0 / 100% 100% no-repeat;
}
.db_box .db_item {
	margin-bottom: 25px;
	padding-bottom: 40px;
	width: 537px;
	/* height: 246px; */
	background: url(../images/item_box.png) 0 0 / 100% 100% no-repeat;
}
#pop6 .db_tit{
	height: 46px;
	background: url(../images/db_t2.png) 0 0 / 100% 100% no-repeat;
}
.db_item_box {
	margin: 0 auto;
	width: 470px;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #6572a9;
	font-family: 'MyCustomFont'
}

.db_item_box h1 {
	margin-top: 35px;
	width: 450px;
	font-size: 29.76px
}

.db_item_box h2 {
	margin: 10px 0 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 470px;
	/* height: 53px; */
	background: #E0E5FB;
	border-radius: 10px;
	font-size: 22.32px
}

.db_item_box div {
	margin: 0 auto;
	width: 450px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 21.08px
}

.db_item_box div span {
	max-width: 250px;
	color: #000;
}

.db_item_box div span.active {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 44px;
	background: url(../images/lq.png) 0 0 / 100% 100% no-repeat;
}

.li_p1 {
	margin-bottom: 20px;
	font-size: 36px;
}

.li_p2 {
	margin-bottom: 5px;
	font-size: 32px
}

.lj_box span {
	display: block;
	font-size: 28px;
	color: #6572a9;
}

.li_p3 {
	margin: 15px 0;
}

.lj_status {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 3px solid #000;
	border-bottom: 3px dashed #ccc;
}

.lj_status .collect-btn {
	margin-right: 15px;
	width: 117px;
	height: 61px;
	background: url(../images/lq_btn.png) 0 0 / 100% 100% no-repeat;
}

.icon1 {
	display: none;
	position: absolute;
	left: 0;
	top: 16%;
	width: 156px;
	height: 260px;
	background: url(../images/pop_icon1.png) 0 0 / 100% 100% no-repeat;
}

.icon2 {
	display: none;
	position: absolute;
	right: 0;
	top: 16%;
	width: 156px;
	height: 260px;
	background: url(../images/pop_icon2.png) 0 0 / 100% 100% no-repeat;
}

.icon3 {
	display: none;
	position: absolute;
	right: 5%;
	bottom: 12%;
	width: 101px;
	height: 140px;
	background: url(../images/pop_icon3.png) 0 0 / 100% 100% no-repeat;
}

.icon4 {
	display: none;
	position: absolute;
	left: 0;
	bottom: 16%;
	width: 80px;
	height: 120px;
	background: url(../images/pop_icon4.png) 0 0 / 100% 100% no-repeat;
}

.close {
	position: absolute;
	left: -10px;
	top: -20px;
	width: 66px;
	height: 67px;
	background: url(../images/close.png) 0 0 / 100% 100% no-repeat;
}

#pop3 .close {
	position: absolute;
	right: -10px;
	left: auto;
	top: -20px;
	width: 80px;
	height: 80px;
	background: url(../images/close2.png) 0 0 / 100% 100% no-repeat;
}

.phb_content {
	position: relative;
	padding: 35px 10px 25px;
	margin-top: 280px;
	margin-left: -20px;
	width: 584px;
	height: 817.5px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, .3), #fff, #fff, #fff, #fff, #fff);
	border-radius: 30px;
	box-shadow: 0 12px 0px #92BFF9;
	max-height: 70vh;
	/* 限制弹窗内列表高度 */
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	/* iOS弹性滚动 */
	-ms-overflow-style: none;
	/* 隐藏IE滚动条 */
	scrollbar-width: none;
	/* 隐藏Firefox滚动条 */
}

.phb_content div {
	position: absolute;
	top: 5px;
	right: 30px;
	font-size: 20px;
	color: #e77636;
}

#phb-list {
	overflow-y: scroll;
	height: 739px;
}

.phb_content li {
	margin-bottom: 10px;
	padding: 0 10px;
	height: 61px;
	display: flex;
	align-items: center;
	color: #e77636;
	font-size: 27.7px;
	border-radius: 40px;
	border: 2px solid #E8E8E8;
}

.phb_content li {
	color: #2a3eb1;
	font-family: 'MyCustomFont';
}

.phb_content li p {
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin: 0 10px; */
	text-align: center;
	height: 65px;
	line-height: 65px;
}

.phb_content li p img {
	margin-right: 10px;
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 50%;
}

.phb_content li p i {
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style: normal;
}

.phb_content li p:nth-child(1) {
	margin: 0 10px;
	min-width: 40px;
}

.phb_content li p:nth-child(2) {
	width: 230px;
	margin: 0 10px;
}

.phb_content li p:nth-child(3) {
	min-width: 120px;
}

.phb_content li p:nth-child(4) {
	min-width: 140px;
	align-items: baseline;
}

.phb_content li:nth-child(-n+3) {
	height: 65px;
	border: none;
}

.phb_content li:nth-child(1) {
	font-size: 20px;
	background: #FBEBCC;
	color: #e77636;

}

.phb_content ul li:nth-child(1) {
	background: #FFDE6E;
	color: #e77636;
	font-size: 27.7px;
}

.phb_content ul li:nth-child(2) {
	background: #C5E0FE;
	color: #4c637d;

}

.phb_content ul li:nth-child(3) {
	background: #FED0AC;
	color: #aa7144;

}

.phb_content li p span {
	margin-left: 0px;
	font-size: 15px
}

.lj_content {
	padding-bottom: 30px;
	margin-top: 144px;
	margin-left: 7px;
	width: 520px;
	height: 475px;
	overflow-y: auto;
	/* background: antiquewhite */
}

.tj_box {
	display: none;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 667px;
	height: 1021px;
	background: url(../images/tj_box.png) 0 0 / 100% 100% no-repeat;
	color: #203ec4;
	font-family: 'MyCustomFont';
}

.tj_content {
	display: flex;
	flex-direction: column;
	margin-top: 144px;
	margin-left: 7px;
	width: 520px;
	height: 707px;
}

.tj_content span {
	margin: 10px 0;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #6572a9;
}

.tj_content p {
	font-size: 34px;
	color: #6572a9;

}

.tj_content p i {
	font-style: normal;
	color: #f82456;
}

.tj_content input {
	flex: 1;
	padding-left: 20px;
	max-height: 55px;
	border: 5px solid #7D8BC8;
	border-radius: 10px;
	outline: none;
	font-size: 30px;
	margin-bottom: 20px;
}

.enter_btn {
	margin-top: 10px;
	width: 520px;
	height: 99px;
	background: url(../images/enter.png) 0 0 / 100% 100% no-repeat;
}

.animate-pop {
	animation: pop 0.2s linear forwards;
}

.animate-pop2 {
	animation: pop2 0.2s linear forwards;
}
.animate-pop3 {
	animation: pop3 0.2s linear forwards;
}
@keyframes pop {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.8);
		/* 加上translate，保证居中 */
	}

	100% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
}

@keyframes pop2 {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.7);
		/* 加上translate，保证居中 */
	}

	100% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(.9);
	}
}
@keyframes pop3 {
	0% {
		opacity: 0;
		transform:scale(0.7);
		/* 加上translate，保证居中 */
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.custom-tip {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 12px 20px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-radius: 8px;
	z-index: 9999;
	opacity: 1;
	font-size: 26px;
	transition: opacity 0.3s ease;
}

.loader {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	border: 3px solid #0777ff;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	z-index: 9999;
}

@keyframes spin {
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/* footer */
footer {
	display: none;
	position: fixed;
	bottom: 0;
	justify-content: center;
	width: 750px;
	height: 107px;
	background: #fff url(../images/footer.png) 0 0 / 100% 100% no-repeat;
	z-index: 99;
}

/* footer */
#phb-list>li:nth-child(1)>p:nth-child(1) {
	width: 39px;
	height: 49px;
	background: url(../images/jp1.png) 0 0 / 100% 100% no-repeat;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

#phb-list>li:nth-child(2)>p:nth-child(1) {
	width: 39px;
	height: 49px;
	background: url(../images/jp2.png) 0 0 / 100% 100% no-repeat;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

#phb-list>li:nth-child(3)>p:nth-child(1) {
	width: 39px;
	height: 49px;
	background: url(../images/jp3.png) 0 0 / 100% 100% no-repeat;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

.user_box {
	height: 110px;
	display: flex;
	align-items: center;
	width: 400px;
}

.user-nickname {
	margin-left: 10px;
	font-size: 30px;
	color: #003ADF;
	text-shadow:
		2px 2px 0 #fff,
		-2px 2px 0 #fff,
		2px -2px 0 #fff,
		-2px -2px 0 #fff;
}

.xxitem {
	width: 110px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.xxitem div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background: linear-gradient(to bottom, #F1FAFF, #EDF8FF, #D3EEFF);
	border: 3px solid #fff;
	border-radius: 15px;
}

.xxitem div img {
	width: 40px;
	height: 40px;
}

.xxitem p {
	margin: 10px auto 5px;
	font-size: 20.32px;
	color: #425094;
	font-weight: 700;
}

.xxitem span {
	font-size: 15.83px;
	color: #74737c;
}

input:disabled {
	background: #e3e3e3;
}


/* 大转盘 */
.dzp {
	position: relative;
	margin-top: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	width: 682px;
	height: 689px;
	background: url(../images/zp.png) 0 0 / 100% no-repeat;
}

.dzp_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	/* height: 1625px; */
	position: absolute;
	/* left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); */
	background: #FFDCAC url(../images/dzp.png) 0 0 / 100% no-repeat;
	font-family: 'MyCustomFont', sans-serif;
	overflow-y: scroll;
}

.dzp_box .close {
	position: absolute;
	right: 40px;
	left: auto;
	top: 100px;
	width: 34px;
	height: 34px;
	background: url(../images/close3.png) 0 0 / 100% 100% no-repeat;
	cursor: pointer;
	z-index: 12;
}

.wheel-container {
	position: relative;
	margin-top: -21px;
	margin-left: -15px;
	width: 500px;
	height: 500px;
}

.wheel {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	border: none;
	box-shadow: none;
	transition: transform 4s cubic-bezier(0.2, 0.8, 0.2, 1);
	overflow: hidden;
	font-family: 'MyCustomFont';
}

.wheel-text div {
	font-size: 20px
}

.center-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 185px;
	height: 209px;
	background: url(../images/lkcj.png) 0 0 / 100% 100% no-repeat;
}

.count {
	text-align: center;
	margin: 150px auto 30px;
	width: 283px;
	height: 58px;
	line-height: 58px;
	background: #FF641F;
	border-radius: 50px;
	font-size: 34.76px;
	color: #fff4ad;
	font-family: 'MyCustomFont';
	text-shadow: 1px 1px 0 #ff4d00, 0 0 6px rgba(0, 0, 0, .4);
}

.myrecord {
	padding: 0px 0 30px;
	margin: 30px auto 50px;
	width: 705px;
	background: #fff;
	border-radius: 30px;
}

.myrecord p {
	margin: 0 auto;
	width: 705px;
	height: 106px;
	background: url(../images/recordtit.png) 0 0 / 100% 100% no-repeat;
}

.myrecord ul {
	margin-top: 40px;
	max-height: 170px;
	width: 705px;
	color: #ff6027;
	font-size: 30px;
	font-family: none;

	overflow-y: auto;
}

.myrecord ul li {
	display: flex;
	margin: 0 auto 30px;
	width: 630px;
}

.myrecord ul li span:nth-child(1) {
	flex: 2;
}

.myrecord ul li span:nth-child(2) {
	flex: 1;
	text-align: right;
}

.myrecord ul li span:nth-child(3) {
	flex: 1;
	text-align: right;
}

.gx_box {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 564px;
	height: 582px;
	background: url(../images/gx.png) 0 0 / 100% 100% no-repeat;
}

.gx_box span {
	margin-top: 175px;
	display: block;
	width: 564px;
	font-size: 35.97px;
	color: #fe4900;
	font-family: none;
	font-weight: normal;
	text-align: center;
}

.gx_box p {
	margin-top: 20px;
	display: block;
	width: 564px;
	font-size: 55.07px;
	color: #fe4900;
	text-align: center;
}

.gx_box div {
	margin-top: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 564px;
	font-size: 29.16px;
	color: #fff
}

.gx_box div li {
	margin: 0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 2px;
	width: 168px;
	height: 91px;
	background: url(../images/gx_btn.png) 0 0 / 100% 100% no-repeat;
}

/* .pointer {
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 32px;
	height: 48px;
	background: #FF69B4;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	z-index: 11;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
} */
.dzp_score {
	margin-top: 50px;
	padding-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 705px;
	background: rgba(255, 255, 255, .6);
	border-radius: 50px;
}

.dzp_score img {
	margin: 40px 0;
}

.dzp_score ul li {
	margin-right: 17px;
	margin-bottom: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 172px;
	height: 75px;
	background: #fff;
	color: #BFBFBF;
	font-size: 47.18px;
	border-radius: 50px;
}

.dzp_score ul {
	width: 550px;
	display: flex;
	flex-wrap: wrap;
}

.dzp_score ul li:nth-child(3n) {
	margin-right: 0;
}

.dzp_score ul li.cur {
	background: url(../images/score_cur.png);
	color: #fff;
}

.dzp_score input {
	display: none;
	margin-top: 10px;
	width: 275px;
	height: 69px;
	border: 2px solid #ccc;
	border-radius: 50px;
	font-size: 29.88px;
	text-align: center;
	line-height: 69px;
	outline: none;
}

.dzp_score input.cur {
	border: 2px solid #FEBD94;
}

.dzp li {
	position: absolute;
	width: 113px;
	height: 113px;
	background-repeat: no-repeat;
	z-index: 999;
	background-image: url(../images/dzp_icon2.png);
	background-position: 50% 50%;
	z-index: 1;
}

.dzp li.cur {
	background-image: url(../images/dzp_icon1.png);
}


/* 第1个 0° */
.dzp li:nth-child(1) {
	top: -6px;
	left: 276px;
}

/* 第2个 30° */
.dzp li:nth-child(2) {
	top: 39px;
	left: 424px;
}

/* 第3个 60° */
.dzp li:nth-child(3) {
	top: 130px;
	left: 520px;
}

/* 第4个 90° */
.dzp li:nth-child(4) {
	top: 278px;
	left: 559px;
}

/* 第5个 120° 对称点位 */
.dzp li:nth-child(5) {
	top: 418px;
	left: 520px;
}

/* 第6个 150° 对称点位 */
.dzp li:nth-child(6) {
	top: 517px;
	left: 424px;
}

/* 第7个 180° 对称点位 */
.dzp li:nth-child(7) {
	top: 560px;
	left: 276px;
}

/* 第8个 210° 对称点位 */
.dzp li:nth-child(8) {
	top: 517px;
	left: 128px;
}

/* 第9个 240° 对称点位 */
.dzp li:nth-child(9) {
	top: 418px;
	left: 33px;
}

/* 第10个 270° 对称点位 */
.dzp li:nth-child(10) {
	top: 278px;
	left: -5px;
}

/* 第11个 300° 对称点位 */
.dzp li:nth-child(11) {
	top: 130px;
	left: 36px;
}

/* 第12个 330° 对称点位 */
.dzp li:nth-child(12) {
	top: 39px;
	left: 128px;
}