/* 
 *默认通用
 */
 
p {
   margin-bottom: 0;
}
* {
   margin: 0;
   padding: 0;
   
}
 
body {
   margin: 0;
   padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   padding: 0;
}

a {
   text-decoration: none;
   outline: none;
   color: #333;
}

a {
   margin: 0;
   padding: 0;
   text-decoration: none;
}

/* 重置链接a标签样式*/
a:active,
a:hover {
   text-decoration: none;
} 


/* 重置链接a标签的鼠标滑动效果 */
a:active,
a:focus {
   outline: none;
   border: 0;
   border: none;
}
img {
   border: none;
   margin: 0;
   padding: 0;
}
form,
fieldset,
legend {
   margin: 0;
   padding: 0;
   list-style: none;
   border: 0;
   border: none;
}
input,
button,
textarea,
select {
   font-size: 100%;
   outline: none;
   resize: none;
   font-family: "微软雅黑";
   margin: 0;
   padding: 0;
   list-style: none;
   border: 0;
   border: none;
}
ul li,
ol dl {
   list-style: none;
}

.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: "\0020";
   clear: both;
   height: 0;
}
.clearfix {
   *zoom: 1;
}

.fl {
   float: left;
}
.fr {
   float: right;
}
 

/* 红底白字-> 白底红字 */
.button_hover7 {
   color: #fff;
   background: linear-gradient(to right, #fff 50%, #fb433b 50%);
   background-position: right;
   background-repeat: no-repeat;
   background-size: 240% 100%;
   transition: 0.3s ease-out;
   border: 1px solid #fb433b;
}

.button_hover7:hover {
   background: linear-gradient(to right, #fff 50%, #fb433b 50%);
   background-position: left;
   background-size: 240% 100%;

   background-repeat: no-repeat;
   border: none;
   color: #fb433b;
   transition: 0.3s ease-out;
   border: 1px solid #fff;
   box-sizing: border-box;
}

/* 文字链接放上去效果 */
.a_text {
   background-image: linear-gradient(to right, #fe3f3f 50%, transparent 50%);
   background-size: 200% 3px;
   background-repeat: no-repeat;
   transition: 0.3s ease-out;

   background-position-y: bottom;

   background-position-x: right;
}

.a_text:hover {
   background-image: linear-gradient(to right, #fe3f3f 50%, transparent 50%);
   background-size: 200% 3px;
   background-repeat: no-repeat;
   transition: 0.3s ease-out;

   background-position-x: left;
}
