@charset "UTF-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;}
body, html {
	margin:0px;
	padding:0px;
	-ms-touch-action: none;
	height:100%;
	font-family: '黑体',Arial, Helvetica, sans-serif;
	
}
:root{
	margin:0px;
	padding:0px;
	-ms-touch-action: none;
	height:100%;
	font-family: Helvetica, sans-serif;
}
body{
	height:auto;
	width:100%;
	background-size:cover;
	-webkit-text-size-adjust: 100%!important;
	display:-webkit-box;display:box;-webkit-box-orient:vertical;
	background-color: #f2f2f2;
	-webkit-text-size-adjust: 100%;/*chrome字体问题*/
	-ms-text-size-adjust: 100%;
	font-size: 100%;
	
}
input{
	outline:none;
}
.css{-webkit-user-select:none;
-webkit-touch-callout: none;
/*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/
-webkit-transform-style: preserve-3d;
/*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
input{
	autocapitalize:"off";
	autocorrect:"off";
}
input::-webkit-input-speech-button {display: none}
a,a:hover,:hover {
	text-decoration:none;
	transition:all 0.5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
}
img {
	border:0px;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	margin: 0;
}
p{
	margin:0px;
}
ul,label{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
.div_both {
	clear:both;
}


.container{
	width:100%;
	-webkit-box-flex:1;box-flex:1;
	overflow:auto;
	margin-top:0rem;
    -webkit-overflow-scrolling: touch;
	 top: 0;
}

/*banner*/
.swiper-container {
        width: 100%;
        height: 15rem;
		margin-top:0;
		overflow:hidden;
		position:relative;
    }
    .swiper-slide {
        background: #fff;
		width: 100%;
        /* Center slide text vertically */
        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;
    }
.swiper-slide a{
	width: 100%;
	height: 15rem;
}
.swiper-slide img{
	width: 100%;
	height: 15rem;
}
/*banner end*/

.pro_title{
	width: 100%;
	background-color: #fff;
	padding: 0.6rem 1.25rem;
	box-sizing: border-box;
}
.pro_title h1{
	font-size: 1.16rem;
	line-height: 1.5rem;
	color: #343434;
}
.pro_title p{
	font-size: 0.83rem;
	color:#959595;
	line-height: 1.4rem;
}

.pro_detail{
	width: 100%;
	background-color: #fff;
	height: auto;
	margin-top: 0.4rem;
}
.productlist{
	width: 100%;
	padding: 0 1.25rem;
	box-sizing: border-box;
	display: block;
	height: 2.92rem;
}
.productlist dt{
	width: 5rem;
	float: left;
	font-size: 1rem;
	color: #727272;
	line-height: 2.92rem;
}
.productlist dd{
	float: left;
	font-size: 1rem;
	line-height: 2.92rem;
	color: #505050;
}
#oriprice{
	text-decoration: line-through;
	color: #959595;
	line-height: 2.92rem;
	margin-right: 1.2rem;
}
#saleprice{
	font-size: 1rem;
	color: #f65655;
	line-height: 2.92rem;
}
#saleprice span{
	font-size: 1.16rem;
}
#xiangou{
	color: #ffa60c;
}
.adform{
	width: 100%;
	height: 2.92rem;
	background-color: #FFFFFF;
	padding: 0 1.25rem;
	box-sizing: border-box;
	margin-bottom:1px;
}

.adform label{
	line-height: 2.92rem;
	font-size: 1rem;
	color: #505050;
}

.information{
	width: 100%;
	margin-top: 0.4rem;
}
.forminput{
	width: 69%;
	margin-left: 1rem;
	color: #b3b3b3;
	font-size: 1rem;
	text-indent: 0.26rem;
	line-height: 2.92rem;
	border: 0;
	padding: 0;
}
.arrow{
	color: #ccc;
	font-family: 'YDUI-INLAY'; 
	content: '\e608';
	float: right;
	line-height: 2.92rem;
	font-size: 1rem;
}
.ljxd{
	width: 90%;
	height: 2.5rem;
	background-color: #ffa60c;
	color: #fff;
	display: block;
	text-align-last: center;
	margin: 1.25rem auto;
	line-height: 2.5rem;
	font-size: 1rem;
}
.bottomimg{
	width: 100%;
}
.bottomimg img{
	width: 100%;
}


/*pay*/
.price{
	width: 100%;
	height: 3.33rem;
	margin-top: 0rem;
	background-color: #fff;
	padding: 0 1.25rem;
	box-sizing: border-box;
}
.price h1{
	font-size: 1rem;
	color: #483f3a;
	line-height: 3.33rem;
}
.price h1 span{
	font-size: 1.25rem;
	color: #ff8401;
}
.payway{
	width: 100%;
	margin-top: 0.4rem;
	
}
.payway dd{
	width: 100%;
	height: 3.33rem;
	background-color: #ffffff;
	margin-bottom: 1px;
	padding: 0 1.25rem;
	box-sizing: border-box;
}
.payway dd img{
	width: 1.75rem;
	height: 1.75rem;
	margin-top: 0.79rem;
	float: left;
}
.payway dd span{
	font-size: 1rem;
	line-height: 3.33rem;
	float: left;
	margin-left: 0.6rem;
	color: #483f3a;
}
.choosebutton{
	float: right;
	margin-top: 1rem;
	opacity: 0;
}
.choosebutton  + label{
    background-color: white;
    border-radius: 50%;
    border:1px solid #d3d3d3;
    width:1.2rem;
    height:1.2rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2rem;
	position: absolute;
	margin-top: 1rem;
	right: 1.25rem;padding:0;
}
.choosebutton:checked + label{
    background: url(../images/choose.png) no-repeat;
	background-size: 100%;
	border: 1px solid #483f3a;
	background-color: #483f3a;
}
.choosebutton:checked + label:after{
    content:"";
}
.paybutton{
	width: 24rem;
	height: 3.33rem;
	margin-top: 2.5rem;
	margin: 2.5rem auto auto auto;
	display: block;
	position: relative;
	border: 0;
	background-color: #ffa60c;
	color: #fff;
	font-size: 1.25rem;
	border-radius: 0.2rem;
}