/**
* @author: houzhitao
* @since: 2018-11-14 15:36
*/

@keyframes ziXunHeight {
    from {
        height: 0;
    }
    to {
        height: 85px;
    }
}
@keyframes serviceHeight {
    from {
        height: 0;
    }
    to {
        height: 128px;
    }
}
@keyframes helpSeHeight {
    from {
        height: 0;
    }
    to {
        height: 110px;
    }
}
@keyframes bottomOpacity {
    from {
        height: 64px;
        border-bottom: 3px solid transparent;
    }
    to {
        height: 68px;
        border-bottom: 3px solid #000;
    }
}

.fixed-header {
    z-index: 999;
}
/*官网首页样式*/
* {
  margin: 0;
  padding: 0;
  font-family: '微软雅黑', '宋体', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*清除浮动*/
.clearfix:after{
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}
.width-1200 {
    width: 1200px;
    margin: 0 auto;
}
/*登录注册页面*/
.wan-home-header {
    width: 100%;
    background-color: #F1F1F1;
}
.top-header {
    width: 1200px;
    margin: 0 auto;
}
.top-header .ti {
    margin: 0;
    padding: 0;
    float: left;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    color: #333;
    font-weight: normal;
    font-size: 14px;

}
.top-header .ti img {
    border: 0;
}
.top-header-common {
    margin: 0;
    padding: 0;
    float: right;
    display: inline-block;
    list-style: none;
    color: #333;
}
.firstColumn {
    height: 32px;
    line-height: 32px;
}
.top-header-common .word {
    position: relative;
    margin: 0;
    display: inline-block;
    float: left;
    padding: 0 12px;
}
.top-header-common .word:last-child {
    padding-right: 0;
    margin-right: 0;
}
/*资讯 服务商管理 三角提示 hover 开始*/
.top-header-common .word.message {
    position: relative;
}
.top-header-common .word.message .header-level {
    display: inline-block;
    width: 26px;
    height: 14px;
    text-align: center;
    cursor: default;
    vertical-align: middle;
    background: url("../images/header/lv.png") no-repeat;
}
.top-header-common .word.message .header-level.level0 {
    background-position: 0 0;
}
.top-header-common .word.message .header-level.level1 {
    background-position: 0 -14px;
}
.top-header-common .word.message .header-level.level2 {
    background-position: 0 -30px;
}
.top-header-common .word.message .header-level.level3 {
    background-position: 0 -47px;
}
.top-header-common .word.message .header-level.level4 {
    background-position: 0 -63px;
}
.top-header-common .word.message .header-level.level5 {
    background-position: 0 -80px;
}
.top-header-common .word.message .header-level.level6 {
    background-position: 0 -96px;
}
.top-header-common .word.message .header-level.level7 {
    background-position: 0 -114px;
}
.top-header-common .word.message .header-level.level8 {
    background-position: 0 -131px;
}
.top-header-common .word.message .header-level.level9 {
    background-position: 0 -147px;
}
.top-header-common .word.message .triangle {
    margin-top: 4px;
    display: inline-block;
    border: 4px solid transparent;
    border-top: 4px solid #333;
    transition: transform 0.4s;
    transform-origin: 50% 25%;
    vertical-align: unset;
}
.top-header-common .word.message:hover .triangle {
    transform: rotate(180deg);
}
.top-header-common .word.message ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 110px;
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.1);
    display: none;
    overflow: hidden;
    z-index: 9;
}
.top-header-common .word.message ul.header-one li {
    text-align: center;
    line-height: 42px;
    border-bottom: 1px solid #E2E2E2;
    color: #010101;
}
.top-header-common .word.message ul.header-one li:last-child {
    border-bottom: none;
}
.top-header-common .word.message.ziXun:hover ul.header-one {
    display: inline-block;
    animation: ziXunHeight 0.4s;
}
.top-header-common .word.message.service:hover ul.header-one {
    display: inline-block;
    animation: serviceHeight 0.6s;
}
/*提示结束*/
.top-header-common .word a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
}
.top-header-common.firstColumn .word a {
    font-size: 14px;
}
.top-header-common.firstColumn a:hover {
    color: #ff9500;
}
.top-header-common .line {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
}

/*首页 解决方案 专业维修 服务商 优惠活动 帮助*/
.wan-home-nav {
    width: 100%;
    background-color: #fff; border-bottom: 1px solid #666;
}
.wan-home-nav .ti {
    height: 88px;
    line-height: 88px;
}
.wan-home-nav .ti.advertising {
    height: 88px;
    line-height: 88px;
    margin-left: 10px;
}
.wan-home-nav .ti img {
    vertical-align: middle; width: 180px; height: 73px; margin-top: 10px;
}
.secondColumn {
    height: 48px;
    line-height: 48px;
    color: #333;
    font-size:16px;
    box-sizing: border-box; margin-top: 6px;
}
.secondColumn.top-header-common .word {
    padding: 0;
    margin-right: 20px;
    color: #333;
    font-size:16px;
    position: relative;
    box-sizing: border-box;
    border-bottom: 3px solid transparent;
    height: 48px; width: 100px;
}
/*优惠活动*/
.secondColumn.top-header-common .word .activity-tip {
    position: absolute;
    top: 18px;
    left: 104%;

}
.secondColumn.top-header-common .word a:hover{
    color: #333;
}
.secondColumn.top-header-common .word.active {
    border-bottom: 3px solid #ff9500;
}
.secondColumn.top-header-common .word.active a,.secondColumn.top-header-common .word:hover a{color: #ff9500;}
.secondColumn.top-header-common .word:hover {
    border-bottom: 3px solid #ff9500;
}
.secondColumn.top-header-common .word.message:hover {
    border-bottom: 0;
    animation: none;
}
.secondColumn.top-header-common .word:last-child {
    margin-right: 0;
}
.secondColumn.top-header-common .word.message ul {
    width: 430px;
    top: 68px;
    height: 109px;
    background-color: #F1F1F1;
}
.secondColumn.top-header-common .word.message ul.header-two li {
    width: 49.5%;
    height: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
}
.secondColumn.top-header-common .word.message ul.header-two .ll {
    margin-top: 30px;
    width: 1px;
    background-color: #333;
    opacity: 0.2;
    border: 0;
    height: 48px;
}
.header-two li .con {
    display: inline-block;
    width: 154px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.header-two li .con span {
    display: inline-block;
    width: 37px;
    height: 37px;
    position: absolute;
    left: 0;
}
.facilitator .header-two li .con span {
    top: 8px;
}
.helpSe .header-two li .con span {
    top: 6px;
}
.header-two li .con h2 {
    margin: 0;
    padding: 0;
    padding-left: 45px;
    color: #000;
    font-size: 18px;
    font-weight: normal;

}
.facilitator .header-two li .con h2 {
    line-height: 31px;
}
.helpSe .header-two li .con h2 {
    line-height: 44px;
}
.header-two li .con p {
    padding-left: 47px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.header-two li .con span.good_master {
    background: url("../images/header/good_master.png") no-repeat center;
}
.header-two li .con span.provider {
    background: url("../images/header/provider.png") no-repeat center;
}
.header-two li .con span.question {
    background: url("../images/header/question.png") no-repeat center;
}
.header-two li .con span.how_looking {
    background: url("../images/header/how_looking.png") no-repeat center;
}
.header-two li:hover h2, .header-two li:hover p {
    color: #ff9500;
}
.header-two li:hover span.good_master {
    background: url("../images/header/good_master_active.png") no-repeat center;
}
.header-two li:hover span.provider {
    background: url("../images/header/provider_active.png") no-repeat center;
}
.header-two li:hover span.question {
    background: url("../images/header/question_active.png") no-repeat center;
}
.header-two li:hover span.how_looking {
    background: url("../images/header/how_looking_active.png") no-repeat center;
}
.secondColumn.top-header-common .word.message.facilitator ul.header-two.showHead_Two,
.secondColumn.top-header-common .word.message.helpSe ul.header-two.showHead_Two {
    display: inline-block;
    animation: helpSeHeight 0.4s;
}

.alert{padding: 3px 0 !important;  font-size: 12px;border: 0 !important;}


/*1219首页头部*/
.top_r{float: right;}
.top_r .top_dl{ text-align: right; margin-top: 20px; padding-right: 10px;}
a{font-style: none; text-decoration: none; color: #333;}
.top_r .top_dl a:hover{color: #ff9500;}
.h95{height: 95px; width: 100%;}
li{list-style: none;}

.top-header-common li{text-align: center;}
.top-header-common li .about_ul{background: rgba(255,255,255,0.9); width: 100px; padding:5px 0px; display: none;}
.top-header-common li .about_ul li{height: 36px; line-height: 36px;}
.top-header-common li .about_ul a{display: inline-block; color: #333 !important; font-size: 15px;}
.top-header-common li .about_ul a:hover{color: #ff9500 !important}
.top-header-common li:hover .about_ul{display: block;}
.top-header-common li .gz_pic{width: 120px; height: 140px; display: none;}
.top-header-common li:hover .gz_pic{display: block;}
.w100{width: 100px;}

.top-header-common li .triangle {
    margin-top: 4px;
    display: inline-block;
    border: 4px solid transparent;
    border-top: 4px solid #333;
    transition: transform 0.4s;
    transform-origin: 50% 25%;
    vertical-align: unset;
}
.top-header-common li:hover .triangle {
    transform: rotate(180deg);
}