@charset "gb2312";
/* ****************************************                       ****     ******    *******      *
 * @Name GYQ                              *                       *   *    *    *    *  *  *     * *
 * @Mail gyq5563010@126.com               *                       *    *   *    *       *       *****
 * @Time 2015-12-6                        *                       *   *    *    *       *      *     *
 * @Reset_Times 5                         *                       ****     ******       *     *       *
 * ****************************************/                      

/*重置css属性与常用基础属性*/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, li, p, table, th, td, input, textarea{
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	font-size: 100%;
}
*{
	box-sizing: border-box;
	font-family: "微软雅黑" !important;
}
html{
	-webkit-text-size-adjust: none;
}
a{
	text-decoration: none;

  cursor: pointer;

  color: inherit;

  outline: 0;
	
}
/*浮动与清除浮动*/
.f-l{
	float: left;
}
.f-r{
	float:right
}
.clearfix:after{
	content: "\20"; 
	display: block; 
	height:0;
	clear:both; 
	visibility: hidden;
}

.clearfix{
	zoom: 1;
	*zoom: 1;/*ie6、ie7识别*/
}
/*定位position*/
.po-a{
	position: absolute;
}
.po-r{
	position: relative;
}
.po-f{
	position: fixed;
}
/*弹性布局box,多用于移动端布局*/
.ub{
	display: box !important;
	display: -moz-box;
	display: -webkit-box;
}
.ub-ac{
	box-align: center !important;
	-moz-box-align: center;
	-webkit-box-align: center;
}
.ub-ae{
	box-align: end !important;
	-moz-box-align: end;
	-webkit-box-align: end;
}
.ub-as{
	box-align: start !important;
	-moz-box-align: start;
	-webkit-box-align: start;
}
.ub-pc{
	box-pack: center !important;
	-moz-box-pack: center;
	-webkit-box-pack: center;
}
.ub-pe{
	box-pack: end !important;
	-moz-box-pack: end;
	-webkit-box-pack: end;
}
.ub-ps{
	box-pack: start !important;
	-moz-box-pack: start;
	-webkit-box-pack: start;
}
.ub-f-1{
	box-flex: 1 !important;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
}

/*宽度百分比*/
.w-100{
	width: 100%;
}
.w-99{
	width: 99%;
}
.w-98{
	width: 98%;
}
.w-97{
	width: 97%;
}
.w-96{
	width: 96%;
}
.w-95{
	width: 95%;
}
.w-94{
	width: 94%;
}
.w-93{
	width: 93%;
}
.w-92{
	width: 92%;
}
.w-91{
	width: 91%;
}
.w-90{
	width: 90%;
}
.w-89{
	width: 89%;
}
.w-88{
	width: 88%;
}
.w-87{
	width: 87%;
}
.w-86{
	width: 86%;
}
.w-85{
	width: 85%;
}
.w-84{
	width: 84%;
}
.w-83{
	width: 83%;
}
.w-82{
	width: 82%;
}
.w-81{
	width: 81%;
}
.w-80{
	width: 80%;
}
.w-79{
	width: 79%;
}
.w-78{
	width: 78%;
}
.w-77{
	width: 77%;
}
.w-76{
	width: 76%;
}
.w-75{
	width: 75%;
}
.w-74{
	width: 74%;
}
.w-73{
	width: 73%;
}
.w-72{
	width: 72%;
}
.w-71{
	width: 71%;
}
.w-70{
	width: 70%;
}
.w-69{
	width: 69%;
}
.w-68{
	width: 68%;
}
.w-67{
	width: 67%;
}
.w-66{
	width: 66%;
}
.w-65{
	width: 65%;
}
.w-64{
	width: 64%;
}
.w-63{
	width: 63%;
}
.w-62{
	width: 62%;
}
.w-61{
	width: 61%;
}
.w-60{
	width: 60%;
}
.w-59{
	width: 59%;
}
.w-58{
	width: 58%;
}
.w-57{
	width: 57%;
}
.w-56{
	width: 56%;
}
.w-55{
	width: 55%;
}
.w-54{
	width: 54%;
}
.w-53{
	width: 53%;
}
.w-52{
	width: 52%;
}
.w-51{
	width: 51%;
}
.w-50{
	width: 50%;
}
.w-49{
	width: 49%;
}
.w-48{
	width: 48%;
}
.w-47{
	width: 47%;
}
.w-46{
	width: 46%;
}
.w-45{
	width: 45%;
}
.w-44{
	width: 44%;
}
.w-43{
	width: 43%;
}
.w-42{
	width: 42%;
}
.w-41{
	width: 41%;
}
.w-40{
	width: 40%;
}
.w-39{
	width: 39%;
}
.w-38{
	width: 38%;
}
.w-37{
	width: 37%;
}
.w-36{
	width: 36%;
}
.w-35{
	width: 35%;
}
.w-34{
	width: 34%;
}
.w-33{
	width: 33%;
}
.w-32{
	width: 32%;
}
.w-31{
	width: 31%;
}
.w-30{
	width: 30%;
}
.w-29{
	width: 29%;
}
.w-28{
	width: 28%;
}
.w-27{
	width: 27%;
}
.w-26{
	width: 26%;
}
.w-25{
	width: 25%;
}
.w-24{
	width: 24%;
}
.w-23{
	width: 23%;
}
.w-22{
	width: 22%;
}
.w-21{
	width: 21%;
}
.w-20{
	width: 20%;
}
.w-19{
	width: 19%;
}
.w-18{
	width: 18%;
}
.w-17{
	width: 17%;
}
.w-16{
	width: 16%;
}
.w-15{
	width: 15%;
}
.w-14{
	width: 14%;
}
.w-13{
	width: 13%;
}
.w-12{
	width: 12%;
}
.w-11{
	width: 11%;
}
.w-10{
	width: 10%;
}
.w-9{
	width: 9%;
}
.w-8{
	width: 8%;
}
.w-7{
	width: 7%;
}
.w-6{
	width: 6%;
}
.w-5{
	width: 5%;
}
.w-4{
	width: 4%;
}
.w-3{
	width: 3%;
}
.w-2{
	width: 2%;
}
.w-1{
	width: 1%;
}
.w-0{
	width: 0%;
}
/*字体大小Pc和移动端以html的大小为100%，1rem=16px*/

/*
*****移动端*****
*/
.ui-ft10{
	font-size: 0.625rem;
}
.ui-ft12{
	font-size: 0.75rem;
}
.ui-ft13{
	font-size: 0.8125rem;
}
.ui-ft14{
	font-size: 0.875rem;
}
.ui-ft15{
	font-size: 0.9375rem;
}
.ui-ft16{
	font-size: 1rem;
}
.ui-ft18{
	font-size: 1.125rem;
}
.ui-ft20{
	font-size: 1.25rem;
}
.ui-ft22{
	font-size: 1.375rem;
}
.ui-ft24{
	font-size: 1.5rem;
}
.ui-ft28{
	font-size: 1.75rem;
}
.ui-ft32{
	font-size: 2rem;
}
.ui-ft36{
	font-size:2.25rem;
}
.ui-ft48{
	font-size: 3rem;
}
.ui-ft64{
	font-size: 4rem;
}
/*
*****Pc端*****
*/
.f-10{
	font-size: 10px;
}
.f-12{
	font-size: 12px;
}
.f-13{
	font-size: 13px;
}
.f-14{
	font-size: 14px;
}
.f-15{
	font-size: 15px;
}
.f-16{
	font-size: 16px;
}
.f-18{
	font-size: 18px;
}
.f-20{
	font-size: 20px;
}
.f-22{
	font-size: 22px;
}
.f-24{
	font-size: 24px;
}
.ov_f{
	overflow: hidden;
}