@charset "UTF-8";
/*reset*/
* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0}
input,button,select,textarea,button:focus,input:focus,textarea:focus,select:focus,a:focus,li:focus,span:focus,i:focus,img:focus,summary{outline:0}
ol,ul,li,summary{list-style:none}
img{vertical-align:middle;}
button,fieldset,img{border:0;}
textarea{overflow:auto;vertical-align:top;resize:none}
body,input,textarea,select,button{font-family:Arial,"Microsoft YaHei";color:#666;}
i{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
a,a:active,a:hover{text-decoration:none;}
html,body,button{-webkit-text-size-adjust:none;-webkit-touch-callout:none;}
a,button,input,textarea{-webkit-tap-highlight-color:transparent}
mark{background-color:transparent;}
input[type=text],input[type=number],input[type=submit],button,textarea{-webkit-appearance:none}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#e7e7e7;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #e7e7e7;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #e7e7e7;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #e7e7e7;}
q:before,q:after{content:"";}
i,em{font-style: normal;}
strong{font-weight: normal;}
img{max-width: 100%;}
body,html{
	background-color: #fff;
	height: 100%;
}
.clearfix:after {
	content:"";
	display:block;
	font-size:0;
	height:0;
	clear:both;
	visibility:hidden;
}
.warper{
	width: 7.5rem;
	height:100%;
	background-color: #fff;
	line-height: 1;
}
.card-box{
	width: 100%;
	height: 5.34rem;
	position: relative;
}
.horizontal-card{
	width: 5.2rem;
	height: 3.28rem;
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -2.6rem;
	margin-top: -1.61rem;
}
.vertical-card{
	width: 2.6rem;
	height: 4.12rem;
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -1.3rem;
	margin-top: -2.06rem;
}
.card-name{
	font-size: .42rem;
	color: #666;
	text-align: center;
	font-weight: 700;
	position: relative;
	top: .1rem;
}
.rights{
	margin:.55rem 0 .55rem 1.15rem;
	font-size: .26rem;
	color: #666;
	position: relative;
	top: .06rem;
}
.rights p{
	margin-bottom: .3rem;
	position: relative;
	padding-left: .35rem;
}
.rights p:last-child{
	margin-bottom: 0;
}
.icon{
	width: 5px;
	height: 5px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #999!important;
	transform: translate(0, -50%);
	border-radius: 50%;
}
.icon1{
	background: url(../images/icon1.jpg) no-repeat;
	background-size: 100%;
}
.icon2{
	background: url(../images/icon2.jpg) no-repeat;
	background-size: 100%;
}
.icon3{
	background: url(../images/icon3.jpg) no-repeat;
	background-size: 100%;
}
.icon4{
	background: url(../images/icon4.jpg) no-repeat;
	background-size: 100%;
}
.icon5{
	background: url(../images/icon5.jpg) no-repeat;
	background-size: 100%;
}
.icon6{
	background: url(../images/icon6.jpg) no-repeat;
	background-size: 100%;
}
.icon7{
	background: url(../images/icon7.jpg) no-repeat;
	background-size: 100%;
}
.icon8{
	background: url(../images/icon8.jpg) no-repeat;
	background-size: 100%;
}
.icon9{
	background: url(../images/icon9.jpg) no-repeat;
	background-size: 100%;
}
.icon10{
	background: url(../images/icon10.jpg) no-repeat;
	background-size: 100%;
}
.icon11{
	background: url(../images/icon11.jpg) no-repeat;
	background-size: 100%;
}
.icon12{
	background: url(../images/icon12.jpg) no-repeat;
	background-size: 100%;
}
.icon13{
	background: url(../images/icon13.jpg) no-repeat;
	background-size: 100%;
}
.icon14{
	background: url(../images/icon14.jpg) no-repeat;
	background-size: 100%;
}
.icon15{
	background: url(../images/icon15.jpg) no-repeat;
	background-size: 100%;
}
.icon16{
	background: url(../images/icon16.jpg) no-repeat;
	background-size: 100%;
}
.icon17{
	background: url(../images/icon17.jpg) no-repeat;
	background-size: 100%;
}
.icon18{
	background: url(../images/icon18.jpg) no-repeat;
	background-size: 100%;
}
.icon19{
	background: url(../images/icon19.jpg) no-repeat;
	background-size: 100%;
}
.icon20{
	background: url(../images/icon20.jpg) no-repeat;
	background-size: 100%;
}
.icon21{
	background: url(../images/icon21.jpg) no-repeat;
	background-size: 100%;
}
.icon22{
	background: url(../images/icon22.jpg) no-repeat;
	background-size: 100%;
}
.icon23{
	background: url(../images/icon23.jpg) no-repeat;
	background-size: 100%;
}
.icon24{
	background: url(../images/icon24.jpg) no-repeat;
	background-size: 100%;
}
.icon25{
	background: url(../images/icon25.jpg) no-repeat;
	background-size: 100%;
}
.icon26{
	background: url(../images/icon26.jpg) no-repeat;
	background-size: 100%;
}
.icon27{
	background: url(../images/icon27.jpg) no-repeat;
	background-size: 100%;
}
.icon28{
	background: url(../images/icon28.jpg) no-repeat;
	background-size: 100%;
}
.icon29{
	background: url(../images/icon29.jpg) no-repeat;
	background-size: 100%;
}
.icon30{
	background: url(../images/icon30.jpg) no-repeat;
	background-size: 100%;
}
.icon31{
	background: url(../images/icon31.jpg) no-repeat;
	background-size: 100%;
}
.icon32{
	background: url(../images/icon32.jpg) no-repeat;
	background-size: 100%;
}
.icon33{
	background: url(../images/icon33.jpg) no-repeat;
	background-size: 100%;
}
.icon34{
	background: url(../images/icon34.jpg) no-repeat;
	background-size: 100%;
}
.icon35{
	background: url(../images/icon35.jpg) no-repeat;
	background-size: 100%;
}
.icon36{
	background: url(../images/icon36.jpg) no-repeat;
	background-size: 100%;
}
.icon37{
	background: url(../images/icon37.jpg) no-repeat;
	background-size: 100%;
}
.icon38{
	background: url(../images/icon38.jpg) no-repeat;
	background-size: 100%;
}
.icon39{
	background: url(../images/icon39.jpg) no-repeat;
	background-size: 100%;
}
.btn{
	position: relative;
	top: -.025rem;
	width: 3.8rem;
	height: .8rem;
	line-height: .8rem;
	border-radius: .4rem;
	background-color: #22ac12;
	font-size: .38rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	margin:0 auto;
	letter-spacing: 5px;
}
.btn a{ 	position: relative; 	top: .02rem;
	color: #fff;
}
.orange{
	color: #fbae17;
}
.more-box{
	margin-top: .26rem;
	padding-left: .35rem;
	position: relative;
	top: -.06rem;
}
.more-box span.line{
	width: 1px;
	height: .18rem;
	background-color: #fbae17;
	display: inline-block;
	margin:0 .08rem;
}
.more-box a{
	color: #F37938;
	font-size: .22rem;
	position: relative;
	display: inline-block;
}
.more-box a span {
	position: absolute;
	bottom: 0;
}
.more-card{
	position: relative;
	padding-left: .6rem;
}
.more-card span{
	width: .39rem;
	height: .25rem;
	background: url(../images/more_card.jpg) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	margin-top: -.125rem;
	left: 0;
}
.mask{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	display: none;
	z-index:2;
}
.dailog{
	width: 6.6rem;
	height: 9.6rem;
	background-color: #fff;
	position: fixed;
	top:50%;
	left: 50%;
	margin-top: -4.8rem;
	margin-left: -3.3rem;
	border-radius: .25rem;
}
.dailog-title{
	margin: .3rem .56rem .04rem .38rem;
	overflow: hidden;
	text-align: center;
}
.dailog-title span{
	position: relative;
	font-size: .3rem;
	color: #ee5a24;
	font-weight: 700;
}
.dailog-title span:before{
	content: "";
	display: inline-block;
	width: 2.5rem;
	border-top: .02rem dotted #ee5a24;
	position: absolute;
	top: 50%;
	left: -2.7rem;
}
.dailog-title span:after{
	content: "";
	display: inline-block;
	width: 2.5rem;
	border-top: .02rem dotted #ee5a24;
	position: absolute;
	top: 50%;
	right: -2.7rem;
}
.dailog-content{
	height: 7.68rem;
	padding: .36rem .56rem 0 .38rem;
	overflow: scroll;
	text-align: justify;
}
.dailog-paragraph{
	line-height: 1.5;
	color: #666;
	margin-bottom: .4rem;
}
.dailog-paragraph h3{
	font-size: .26rem;
	position: relative;
	padding-left: .47rem;
	font-weight: 700;
}
.dailog-paragraph p{
	font-size: .24rem;
	padding-left: .47rem;
}
.p-icon{
	width: .3rem;
	height: .3rem;
	position: absolute;
	top: 50%;
	margin-top: -.15rem;
	left: 0;
}
.p-icon1{
	background: url(../images/p_icon1.jpg) no-repeat;
	background-size: 100%;
}
.p-icon2{
	background: url(../images/p_icon2.jpg) no-repeat;
	background-size: 100%;
}
.p-icon3{
	background: url(../images/p_icon3.jpg) no-repeat;
	background-size: 100%;
}
.p-icon4{
	background: url(../images/p_icon4.jpg) no-repeat;
	background-size: 100%;
}
.p-icon5{
	background: url(../images/p_icon5.jpg) no-repeat;
	background-size: 100%;
}
.p-icon6{
	background: url(../images/p_icon6.jpg) no-repeat;
	background-size: 100%;
}
.p-icon7{
	background: url(../images/p_icon7.jpg) no-repeat;
	background-size: 100%;
}
.p-icon8{
	background: url(../images/p_icon8.jpg) no-repeat;
	background-size: 100%;
}
.p-icon9{
	background: url(../images/p_icon9.jpg) no-repeat;
	background-size: 100%;
}
.p-icon10{
	background: url(../images/p_icon10.jpg) no-repeat;
	background-size: 100%;
}
.p-icon11{
	background: url(../images/p_icon11.jpg) no-repeat;
	background-size: 100%;
}
.p-icon12{
	background: url(../images/p_icon12.jpg) no-repeat;
	background-size: 100%;
}
.p-icon13{
	background: url(../images/p_icon13.jpg) no-repeat;
	background-size: 100%;
}
.p-icon14{
	background: url(../images/p_icon14.jpg) no-repeat;
	background-size: 100%;
}
.p-icon15{
	background: url(../images/p_icon15.jpg) no-repeat;
	background-size: 100%;
}
.p-icon16{
	background: url(../images/p_icon16.jpg) no-repeat;
	background-size: 100%;
}
.p-icon17{
	background: url(../images/p_icon17.jpg) no-repeat;
	background-size: 100%;
}
.p-icon18{
	background: url(../images/p_icon18.jpg) no-repeat;
	background-size: 100%;
}
.p-icon19{
	background: url(../images/p_icon19.jpg) no-repeat;
	background-size: 100%;
}
.p-icon20{
	background: url(../images/p_icon20.jpg) no-repeat;
	background-size: 100%;
}
.p-icon21{
	background: url(../images/p_icon21.jpg) no-repeat;
	background-size: 100%;
}
.p-icon22{
	background: url(../images/p_icon22.jpg) no-repeat;
	background-size: 100%;
}
.p-icon23{
	background: url(../images/p_icon23.jpg) no-repeat;
	background-size: 100%;
}
.p-icon24{
	background: url(../images/p_icon24.jpg) no-repeat;
	background-size: 100%;
}
.p-icon25{
	background: url(../images/p_icon25.jpg) no-repeat;
	background-size: 100%;
}
.p-icon26{
	background: url(../images/p_icon26.jpg) no-repeat;
	background-size: 100%;
}
.p-icon27{
	background: url(../images/p_icon27.jpg) no-repeat;
	background-size: 100%;
}
.p-icon28{
	background: url(../images/p_icon28.jpg) no-repeat;
	background-size: 100%;
}
.p-icon29{
	background: url(../images/p_icon29.jpg) no-repeat;
	background-size: 100%;
}
.p-icon30{
	background: url(../images/p_icon30.jpg) no-repeat;
	background-size: 100%;
}
.p-icon31{
	background: url(../images/p_icon31.jpg) no-repeat;
	background-size: 100%;
}
.p-icon32{
	background: url(../images/p_icon32.jpg) no-repeat;
	background-size: 100%;
}
.p-icon33{
	background: url(../images/p_icon33.jpg) no-repeat;
	background-size: 100%;
}
.p-icon34{
	background: url(../images/p_icon34.jpg) no-repeat;
	background-size: 100%;
}
.p-icon35{
	background: url(../images/p_icon35.jpg) no-repeat;
	background-size: 100%;
}
.p-icon36{
	background: url(../images/p_icon36.jpg) no-repeat;
	background-size: 100%;
}
.p-icon37{
	background: url(../images/p_icon37.jpg) no-repeat;
	background-size: 100%;
}
.p-icon38{
	background: url(../images/p_icon38.jpg) no-repeat;
	background-size: 100%;
}
.p-icon39{
	background: url(../images/p_icon39.jpg) no-repeat;
	background-size: 100%;
}
.p-icon40{
	background: url(../images/p_icon40.jpg) no-repeat;
	background-size: 100%;
}
.p-icon41{
	background: url(../images/p_icon41.jpg) no-repeat;
	background-size: 100%;
}
.p-icon42{
	background: url(../images/p_icon42.jpg) no-repeat;
	background-size: 100%;
}
.p-icon43{
	background: url(../images/p_icon43.jpg) no-repeat;
	background-size: 100%;
}
.dailog-main{
	position: relative;
}
.dailog-main:before{
	content: "";
	position: absolute;
	width: 6.24rem;
	height: .36rem;
	background: url(../images/top_lg.png) no-repeat;
	background-size: 100%;
	top: 0;
	left: 50%;
	margin-left: -3.12rem;
	z-index: 2;
}
.dailog-main:after{
	content: "";
	position: absolute;
	width: 6.24rem;
	height: .36rem;
	background: url(../images/bottom_lg.png) no-repeat;
	background-size: 100%;
	bottom: -1px;
	left: 50%;
	margin-left: -3.12rem;
}
.close{
	width: .67rem;
	height: .67rem;
	background: url(../images/close.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 50%;
	bottom: .3rem;
	margin-left: -.335rem;
}
.add {
	position: fixed;
	width: 100%;
}
.fwseven{
	font-weight: 700;
}
.list{
	padding-left: .28rem;
	position: relative;
	display: block;
}
.list i{
	position: absolute;
	top:0;
	left: 0;
	margin-top: .06rem;
	line-height: 1;
}
.more-cardbtn{
	text-decoration: underline;
}
.swiper-pagination-bullet {
	background: #DDD;
	width: .4rem;
	height: .04rem;
	border-radius: 0;
}
.table{
	width: 100%;
	margin-top: .15rem;
	margin-bottom: .1rem;
	font-size: .22rem;
}
.table tr th{
	background-color: #d8d8d8;
	border:1px solid #4d4d4d;
	padding-left: .07rem;
	font-size: .8em;
	text-align: center;
}
.table tr td{
	font-size: .24rem;
	border:1px solid #4d4d4d;
	padding-left: .07rem;
	font-size: .6em;
	text-align: center;
}
.table-box{
	padding-left: .47rem;
}
.yuandian{
	font-size: .4rem;
	line-height: 1;
	position: absolute;
	left: .47rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.dailog-paragraph p.yd-text{
	position: relative;
	padding-left: .7rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	height: .04rem;
	/* line-height: .04rem; */
	display: flex;
	align-items: center;
	left: 50%;
	transform: translate(-50%, 0);
	width: auto;
	bottom: .45rem;
}
.swiper-pagination-bullet-active {
	background: #999;
}
.gray {
	background-color: #d8d8d8;
}