/**
 * @Author   alan
 * @Date     2016-09-01
 * @E_mail   yuanweihai25@163.com
 * @desc     用于移动端初始化样式
 */

body {font: 12px "PingFang HK","Microsoft YaHei","Arial";color: #555;line-height: 1.5;}
*,::after,::before {box-sizing: border-box;}

ol,ul,li {list-style-type:none;vertical-align : middle;}
img {vertical-align:top;border: 0;border: 0;}
input,select,textarea,button {vertical-align:middle;font-family: "Microsoft YaHei";}
textarea,input {text-indent: 10px;} /*表单元素默认有10像素的缩进*/
input[type='submit'],input[type='button'],button {text-indent: 0;text-align: center;cursor: pointer;}
label, button, a {cursor: pointer}
ins,em,b,i {text-decoration: none;font-style: normal;}

/* 去掉浏览器激活样式 */
select:focus,
textarea:focus,
input:focus,
button{outline:none;}

/* 提示文字的初始样式 */
input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder{color: #999;transition:color .5s;}

/* 提示文字的激活样式 */
input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder{color: #c2c2c2;}

/* table */
table {border-collapse:collapse;border-spacing:0;font:inherit;}

/* a_link */
a {color: inherit;text-decoration:none;}
a:hover {text-decoration:none;cursor:pointer;}
a:focus { background-color:transparent; }

h1,h2,h3,h4,h5,h6,em {font-weight: normal;}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

/* 浮动与清浮动 */
.left {float:left;}
.right {float:right;}
.clear::after {content:'\20';display:block; height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.hide {display: none!important;}
.show {display: block!important;}

.font-weight-3 {font-weight: 300;}

.text_center {text-align: center;}
.text_overflow {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.phone_btn {
	position: fixed;
	z-index: 999;
	top: 50%;
	right: 10px;
}
.phone_btn a {
	display: block;
}
.phone_btn img {
	height: 43px;
}
.phone_btn .wrap { /*width:200px*/;
	overflow: inherit;
	height: 200px;
}
.phone_btn .list {
	position: absolute;
	transition: all 0.5s;
	right: 0;
	width: 40px;
	overflow: hidden;
	line-height: 40px;
	background: #ffffff;
	border-radius: 40px;
}
.phone_btn a {
	display: block;
	clear: both;
	position: relative;
	text-decoration: none;
}
.phone_btn .img {
	width: 40px;
	float: left;
	height: 40px;
	background: #000;
}
.phone_btn p {
	white-space: nowrap;
	overflow: hidden;
	color: #000;
	line-height:40px;
	font-size:16px;	
}
.phone_btn .li_QQ {
	top: 100px;
}
.phone_btn .li_QQ .img {
	background: url(../images/icon1010.png) no-repeat center center;
}
.phone_btn .li_wx {
	top: 50px;
}
.phone_btn .li_wx .img {
	background: url(../images/icon1010_wx.png) no-repeat center center;
}
.phone_btn .li_xq {
	top: 150px;
}
.phone_btn .li_xq .img {
	background: url(../images/icon1111.png) no-repeat center center;
}
.phone_btn .li_dh {
	top: 0px;
}
.phone_btn .li_dh .img {
	background: url(/static/image/kefutubiao.png) no-repeat center center;
	background-size:25px 25px;
}
.phone_btn .list:hover {
	width: 160px;
}
.phone_btn .list_wx {
	position: absolute;
	transition: all 0.5s;
	right: 0;
	width: 40px;
	line-height: 40px;
	background: #000;
	border-radius: 40px;
}
.phone_btn .list_wx:hover .text {
	display: block;
}
.phone_btn .list_wx .text {
	display: none;
	position: absolute;
	right: 100%;
	width: 130px;
	height: 130px;
	top: 50%;
	margin-top: -50px;
	padding-right: 10px;
}
.phone_btn .list_wx .text img {
	width: 100%;
	height: 100%;
}