@charset "utf-8";
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
td,
tt,
ul,
ol,
li,
button,
input {
	margin: 0;
	padding: 0;
}

body,
button,
input
{
	outline: none;
}

ul,
ol,
dl
{
	list-style: none;
}
input,
button,
select,
textarea {
	outline:medium;
}

img{
	border: 0;
}

a {
	text-decoration: none;
	/*color: #333;*/
}

a:hover {
	text-decoration: none;
}
a,input{
	-webkit-tap-highlight-color:rgba(255,0,0,0);
}
select:hover{
	cursor: pointer;
}
input::-webkit-input-placeholder{
	color: #aaa;
}    /* 使用webkit内核的浏览器 */
input:-moz-placeholder{
	color: #aaa;
}                  /* Firefox版本4-18 */
input::-moz-placeholder{
	color: #aaa;
}                  /* Firefox版本19+ */
input:-ms-input-placeholder{
	color: #aaa;
}           /* IE浏览器 */

textarea::-webkit-input-placeholder{
	color: #aaa;
}    /* 使用webkit内核的浏览器 */
textarea:-moz-placeholder{
	color: #aaa;
}                  /* Firefox版本4-18 */
textarea::-moz-placeholder{
	color: #aaa;
}                  /* Firefox版本19+ */
textarea:-ms-input-placeholder{
	color: #aaa;
}           /* IE浏览器 */


.clearfix:after {
	content: ' ';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	zoom: 1;
}

*+html .clearfix {
	zoom: 1;
}
.fl {
	float: left
}

.fr {
	float: right;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
/*@media (max-width: 1200px){
	html{
		overflow-x: hidden;
	}
	body{
		width: 1300px !important;
	}
}*/
/*单行文字溢出隐藏*/
.oh1{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*2行文字溢出隐藏、或者多行*/
.oh2{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.oh3{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.oh4{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.oh5{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

/*放在img父级,让img上下居中/////////maigin属性会失效*/
/*同样适用于文字*/
.vm{
	display:table-cell;
	vertical-align: middle;
}

/*img缩放*/
.img_alls{
	-webkit-transition:all 0.3s;	/* Chromea 谷歌内核*/
	-moz-transition:all 0.3s;		/* ff 火狐内核 */
	-ms-transition:all 0.3s;		/* ie 内核 */ 
	-o-transition:all 0.3s;			/* Opera 欧朋内核 */
	transition:all 0.3s;
}

/*img父级hover时代码*/
.img_alls_parent:hover .img_alls{
	-webkit-transform: scale(1.1); 	/* Chromea 谷歌内核 */
	-moz-transform: scale(1.1); 	/* ff 火狐内核*/
	-ms-transform: scale(1.1);		/* ie 内核*/
	-o-transform: scale(1.1);		/* Opera 欧朋内核 */
	transform: scale(1.1); 
}

.move{
	-webkit-transition:all 0.2s; /* Safari 和 Chrome */
	-moz-transition:all 0.2s;  	/* Firefox */
	-ms-transition:all 0.2s;  	/* IE 9 */
	-o-transition:all 0.2s; 
	transition: all 0.2s; 
}
.move1{
	-webkit-transition:all 0.6s; /* Safari 和 Chrome */
	-moz-transition:all 0.6s;  	/* Firefox */
	-ms-transition:all 0.6s;  	/* IE 9 */
	-o-transition:all 0.6s; 
	transition: all 0.6s; 
}
.cc{
	display: flex;
    align-items: center;
    justify-content: center;
}


/*去除结构滚动条*/

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

/*****************************底部定位结构样式****************************/



.shouye_ten{
    width: 100%;
    height: 0.49rem;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 10;
    -webkit-box-shadow: 0px -3px 4px #f7f7f7;
    -moz-box-shadow: 0px -3px 4px #f7f7f7;
    box-shadow: 0px -3px 4px #f7f7f7;
    
}
.shouye_tenul li{
    width: 33.3%;
    margin: auto;
    float: left;
    text-align: center;
}
.shouye_tenul li span{
    color: #5D616A;
    font-size: 0.1rem;
    display: block;
    margin-top: 0.02rem;
}
.shouye_tenb1{
    width: 0.23rem;
    height: 0.23rem;
    background: url("../images/shou.png") no-repeat left center;
    background-size: 100%;
    display: block;
    margin: auto;
    margin-top: 0.04rem;
}
.shouye_tenb2{
    width: 0.23rem;
    height: 0.23rem;
    background: url("../images/shou.png") no-repeat left center;
    background-size: 100%;
    display: block;
    margin: auto;
    margin-top: 0.04rem;
}
.shouye_tenb3{
    width: 0.225rem;
    height: 0.21rem;
    background: url("../images/gou.png") no-repeat left center;
    background-size: 100%;
    display: block;
    margin: auto;
    margin-top: 0.06rem;
}
.shouye_tenb4{
    width: 0.22rem;
    height: 0.22rem;
    background: url("../images/wod1.png") no-repeat left center;
    background-size: 100%;
    display: block;
    margin: auto;
    margin-top: 0.05rem;
}
.shouye_tenul .shouye_tenli span{
    color: #4DD4C5 ;
}
.shouye_tenli .shouye_tenb1{
    background: url("../images/shou_bg.png") no-repeat left center;
    background-size: 100%;
}
.shouye_tenli .shouye_tenb2{
    background: url("../images/shou.png") no-repeat left center;
    background-size: 100%;
}
.shouye_tenli .shouye_tenb3{
    background: url("../images/gou_bg.png") no-repeat left center;
    background-size: 100%;
}
.shouye_tenli .shouye_tenb4{
    background: url("../images/wod_bg1.png") no-repeat left center;
    background-size: 100%;
}
.dibu{
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 0.12rem;
    color: #A6A6A6;
    margin: auto;
    text-align: center;
}



/******************************头部定位结构********************/



.head_top{
	width: 100%;
    height: 0.44rem;
    background: -webkit-linear-gradient(#FE3459,#ED2345);
	background: -moz-linear-gradient(#FE3459,#ED2345);
	background: -o-linear-gradient(#FE3459,#ED2345);
	background: linear-gradient(#FE3459,#ED2345);
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 1000;
}
.juan_xq_body .head_top{
	background: #fc3156;
}
.head_ta{
	width: 0.4rem;
    height: 0.44rem;
    top: 0px;
    left: 0px;
}
.head_img1 {
    width: 0.12rem;
    height: 0.2rem;
}
.head_name{
    color: #FFFDFA;
    font: 0.18rem/0.44rem "microsoft yahei";
    width: 100%;
    height: 0.44rem;
    text-align: center;
}

/*固定中间/页脚结构样式*/

.center_con{
	width: 100%;
    top: 0.44rem;
    bottom: 0.49rem;
    overflow: auto;
    background-color: #fff;
}

.footer{
	width: 100%;
    height: 0.49rem;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 10;
    -webkit-box-shadow: 0px -3px 4px #f7f7f7;
    -moz-box-shadow: 0px -3px 4px #f7f7f7;
    box-shadow: 0px -3px 4px #f7f7f7;
}