body{
    background: #f7f7f7;
}
.weariness-note{
    height: 120px;position: relative;
}
.weariness-note div.weariness-note-main{
    display: flex;display: -webkit-flex;background: url('../images/home-note@bg.png') repeat-x;border-radius: 5px;position: absolute;height: 120px;left: 0;right: 0;top: -20px;z-index: 10;align-items: center;
}
.weariness-note div.weariness-note-main div.note-item{
    flex: 1;text-align: center;font-family: 'Microsoft Yahei';
}
.weariness-note div.weariness-note-main div.note-title{
    font-size: 28px;color: #222;
}
.weariness-note div.weariness-note-main div.note-text{
    font-size: 20px;color: #999;line-height: 30px;
}
.weariness-issue{
    overflow: hidden;padding: 0 0 40px 0;
}
.weariness-issue-wrap{
    overflow: hidden;box-shadow: 0 0 10px #ccc;margin: 40px auto 20px;
}
.weariness-issue-main{
    overflow: hidden;display: flex;display: -webkit-flex;flex-wrap: wrap;background: white;justify-content: center;border-bottom: 1px #cdcdcd solid;
}
.weariness-issue-main:nth-child(2){
    border-bottom: 0;
}
.weariness-issue-main .issue-item{
    flex: 0 0 33%;height: 196px;display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;text-align: center;font-family: 'Microsoft Yahei';border-right: 1px #cdcdcd solid;
}
.weariness-issue-main .issue-item:nth-child(3),
.weariness-issue-main .issue-item:nth-child(6){
    border-right: 0;
}
.weariness-issue-main .issue-item .item-img-main{
    height: 60px;
}
.weariness-issue-main .issue-item img.img{
    height: 60px;
}
.weariness-issue-main .issue-item .item-title{
    font-size: 24px;color: #222;line-height: 50px;
}
.weariness-issue-main .issue-item .item-text{
    font-size: 14px;color: #999999;line-height: 30px;
}
.weariness-issue .weariness-issue-ad{
    display: block;height: 123px;overflow: hidden;
}
.weariness-issue .weariness-issue-ad img.thumb{
    width: 100%;
}
.weariness-data{
    overflow: hidden;padding: 40px 0;
}
.weariness-data-main{
    overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;padding: 40px 0;
}
.weariness-data-main .weariness-data-item{
    overflow: hidden;text-align: center;flex: 0 0 20%;
}
.weariness-data-main .weariness-data-item .data-number{
    font-size: 52px;color: #ffca41;line-height: 60px;
}
.weariness-data-main .weariness-data-item .data-number span.unit{
    font-size: 22px;line-height: 44px;vertical-align: bottom;
}
.weariness-data-main .weariness-data-item .data-text{
    font-size: 16px;color: #666666;line-height: 30px;
}
.weariness-case{
    overflow: hidden;padding: 80px 0 40px;
}
.weariness-case-main{
    overflow: hidden;padding: 50px 75px;height: 440px;
}
.weariness-case-main .swiper-slide img.case-icon{
	position: absolute;left: 50%;top: 50%;margin: -48px 0 0 -48px;border-radius: 50%;width: 96px;height: 96px;transition: all .3s ease;
}
.weariness-case-main .swiper-slide img.case-icon:hover{
	margin: -53px 0 0 -53px;box-shadow: 0 5px 10px #ccc;width: 106px;height: 106px;
}
.weariness-case-left{
    width: 780px;height: 100%;float: left;cursor: pointer;
}
.weariness-case-left .swiper-slide img.thumb{
    width: 100%;height: 100%;
}
.weariness-case-right{
    width: 170px;height: 100%;float: right;font-family: 'Microsoft Yahei';overflow: initial;
}
.weariness-case-right .swiper-slide{
    position: relative;cursor: pointer;
}
.weariness-case-right .swiper-slide img.thumb{
    width: 100%;height: 100%;
}
.weariness-case-right .case-item-cover{
    position: absolute;left: 0;right: 0;bottom: 0;height: 30px;background: black;opacity: .6;z-index: 1;
}
.weariness-case-right .case-item-cover-text{
    position: absolute;left: 0;right: 0;bottom: 0;line-height: 30px;z-index: 2;color: white;height: 30px;overflow: hidden;text-align: center;
}
.weariness-case-right .swiper-slide-thumb-active .case-item-active{
    display: block;
}
.weariness-case-right .case-item-active{
    border: 2px #f4393d solid;box-sizing: border-box;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;display: none;
}
.weariness-case-right .case-item-active .case-item-active-triangle{
    width:0;height:0;border-width:10px 10px 10px 0;border-style:solid;border-color:transparent #f4393d transparent transparent;position: absolute;top: 50%;left: -10px;margin-top: -5px;
}
.weariness-reason{
    overflow: hidden;padding: 50px 0;
}
.weariness-reason-main{
    overflow: hidden;padding: 50px 0 0;display: flex;display: -webkit-flex;justify-content: center;
}
.weariness-reason-item{
    flex: 0 0 200px;margin: 0 30px;font-family: 'Microsoft Yahei';position: relative;
}
.weariness-reason-item:nth-child(2){
    flex: 0 0 240px;
}
.weariness-reason-item .item-number{
    font-size: 99px;color: #4089f5;line-height: 110px;opacity: .2;font-weight: bold;
}
.weariness-reason-item .item-cover{
    position: absolute;left: 40px;right: 0;top: 0;bottom: 0;display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;align-items: center;
}
.weariness-reason-item .item-cover .item-cover-title{
    width: 100%;font-size: 20px;line-height: 30px;color: #222;font-weight: bold;
}
.weariness-reason-item .item-cover .item-cover-text{
    width: 100%;font-size: 14px;color: #999;line-height: 24px;
}
.weariness-ad-mid{
    height: 120px;display: block;
}
.weariness-expert{
    overflow: hidden;padding: 50px 0;
}
.weariness-expert-main{
    padding: 40px 33px 0;font-family: 'Microsoft Yahei';overflow: hidden;
}
.weariness-expert-main .expert-thumbs{
    height: 76px;padding: 15px 10px;
}
.weariness-expert-main .expert-thumbs-item{
    position: relative;display: flex;display: -webkit-flex;height: 100%;background: white;border-radius: 10px;box-shadow: 0 0 10px #ccc;padding: 0 24px;cursor: pointer;justify-content: space-between;
}
.weariness-expert-main .expert-thumbs-item img.expert-thumbs-avatar{
    height: 66px;margin: 10px 0 0 0;
}
.weariness-expert-main .expert-thumbs-item .expert-thumbs-cover{
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(255, 255, 255, .6);border-radius: 10px;z-index: 1;
}
.weariness-expert-main .expert-thumbs-item .expert-thumbs-name{
    position: absolute;right: 25px;top: 0;bottom: 0;width: 160px;z-index: 2;text-align: center;line-height: 76px;font-size: 24px;color: #666;
	transition: all .6s ease;
}
.weariness-expert-main .expert-thumbs .swiper-slide-thumb-active .expert-thumbs-item{
    justify-content: center;
}
.weariness-expert-main .expert-thumbs .swiper-slide-thumb-active .expert-thumbs-cover,
.weariness-expert-main .expert-thumbs .swiper-slide-thumb-active .expert-thumbs-name{
    opacity: 0;visibility: hidden;
}
.weariness-expert-main .expert-top{
    height: 330px;padding: 10px 10px 15px;
}
.weariness-expert-main .expert-top .expert-top-item{
    border-radius: 10px;box-shadow: 0 0 10px #ccc;background: white;height: 100%;display: flex;display: -webkit-flex;justify-content: center;align-items: flex-end;
}
.weariness-expert-main .expert-top .expert-top-avatar{
    flex: 0 0 216px;height: 290px;
}
.weariness-expert-main .expert-top .expert-top-info{
    flex: 0 0 256px;padding: 0 50px;
}
.weariness-expert-main .expert-top .expert-top-name{
    font-size: 24px;color: #222;line-height: 30px;
}
.weariness-expert-main .expert-top .expert-top-title{
    font-size: 14px;color: #333;line-height: 22px;padding: 15px 0 0 0;
}
.weariness-expert-main .expert-top .expert-top-text{
    font-size: 14px;color: #999999;line-height: 22px;padding: 15px 0 0 0;height: 88px;overflow: hidden;
}
.weariness-expert-main .expert-top .expert-top-link{
    display: block;line-height: 52px;background: #ffaa3b;font-size: 24px;color: white;border-radius: 10px;text-align: center;margin: 20px 0;
}
.weariness-expert-main .expert-top .expert-top-thumb{
    flex: 0 0 374px;height: 268px;margin: 0 0 24px 0;
}
.weariness-theme{
    overflow: hidden;padding: 50px 0;
}
.weariness-theme-main{
    overflow: hidden;
}
.weariness-advantage{
    overflow: hidden;padding: 50px 0;
}
.weariness-advantage-main{
    overflow: hidden;text-align: center;
}
.weariness-advantage-main img.weariness-advantage-img{
    height: 488px;
}
