.clearfloat:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
.clearfloat{
    zoom:1
}
.mt20{
    margin-top: 20px;
}
.mt40{
    margin-top: 40px;
}
.mr30{
    margin-right: 30px;
}
.mr50{
    margin-right: 50px;
}
.main{
    width: 1200px;
    margin: 50px auto;
    color: rgb(100,100,100);
    text-align: center;
}
.help_center{
    /*text-align: center;*/
    margin:130px 0 50px;
}
.help_center>.help_center_head h1,
.help_video>.help_center_head h1{
    font-size: 26px;
    font-weight: normal;
    color: rgb(50, 50, 50);
}
.help_center>.help_center_head p,
.help_video>.help_center_head p{
    font-size: 16px;
    margin-bottom: 50px;
}
.help_center>.help_center_body{
    margin-top: 50px;
}
.help_center .help_center_body_item{
    width: 225px;
    margin: 0px 40px;
    float: left;
}
.main .item_head{
    height: 40px;

}
.main .help_first{
    margin:0 40px 0 50px;
}
.main .help_last{
    margin:0 0 0 40px;
}
.help_center>.help_center_body>.help_center_body_item img,
.help_center>.help_center_body>.help_center_body_item span
{   
    float: left;
    vertical-align: middle;
    color: rgb(50,50,50);
    font-size: 20px;
    height: 40px;
    line-height: 40px;
}
.help_center>.help_center_body>.help_center_body_item span{
    margin-left: 5px;
}
.help_center>.help_center_body>.help_center_body_item ul{
    margin-top: 30px;
    list-style: none;
}
.help_center>.help_center_body>.help_center_body_item ul li{
    text-align: left;
    line-height: 14px;
    margin-bottom: 20px;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
}
.help_center>.help_center_body>.help_center_body_item ul li a{
    color: rgb(43, 184, 170);
    font-size: 14px;
    font-family: 'SimSun Regular';

}
.help_center>.help_center_body>.help_center_body_item ul li>span{
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #cccccc;
    margin-right: 10px;
    margin-top: 4px;
}
.help_video{
    margin-top: 100px;
}
.help_video>.help_video_body>.help_video_body_item{
    width: 350px;
    /*height: 250px;*/
    float: left;
}
.help_video>.help_video_body>.help_video_body_item>h2{
    font-size: 18px;
    color: rgb(100, 100, 100);
    text-align: left;
    font-weight: normal;
    margin-bottom: 5px;
}
.help_video>.help_video_body>.help_video_body_item>div{
    width: 350px;
    height: 250px;
    
    position: relative;
    border: 1px solid #F8F7F7;
    box-sizing: border-box;
}
.help_video>.help_video_body>.box_1 div{
    background: url("../../image/help/fengge1.png") no-repeat;
}
.help_video>.help_video_body>.box_2 div{
    background: url("../../image/help/fengge2.png") no-repeat;
}
.help_video>.help_video_body>.box_3 div{
    background: url("../../image/help/fengge3.png") no-repeat;
}
.help_video>.help_video_body>.help_video_body_item a{
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    background: url("../../image/help/bof.png")no-repeat;
    left: 50%;
    margin-left: -40px;
    top: 50%;
    margin-top: -40px;
}
.help_log{
    width: 500px;
    margin: 100px auto ;
}
.help_log>.help_log_left{
    width: 165px;
    height: 110px;
    background: url("../../image/help/log.png")no-repeat;
    float: left;
    margin-right: 50px;
    margin-top: 30px;
}
.help_log>.help_log_right{
    float: left;
    text-align: left;
}
.help_log>.help_log_right>h2{
    font-size: 26px;
    color: rgb(50, 50, 50);
    font-weight: normal;
}
.help_log>.help_log_right>p{
    margin: 20px 0px;
    font-size: 16px;
    color: rgb(100, 100, 100);
}
.help_log>.help_log_right a{
    display: block;
    width: 100px;
    height: 30px;
    padding: 0 20px;
    background: #5BCFC4;
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 5px;
    line-height: 30px;
    text-decoration: none;
}
.mobile_hidden{
    display: none;
}
.help_center_body a:after{
    content:attr(title);
}
/*手机样式*/
@media screen and (max-width: 720px){
    .help_center{
        margin:0;
    }
    .main{
        width: 100%;
        margin:0 auto;
        padding-top: 10px;
    }
    .top_head{
        margin:0; 
    }
    .main>.top{
        margin:0;
    }
    /*.main>.top>.item{
        width:33.3%;
    }
    .main>.center>.center_item{
        width: 100%;
        border: none;
    }*/
    .help_center .help_center_body_item{
        float: none;
        margin:0 auto;
    }
    .help_center>.help_center_body{
        margin-top:0;
    }
    .help_center>.help_center_head p, .help_video>.help_center_head p{
        margin-bottom: 20px;
    }
    .main .item_head{
        margin-top: 50px;
    }
    .help_video_body {
        width: 100%;
        padding:0 20px;
    }
    .help_video>.help_video_body>.help_video_body_item,.help_video>.help_video_body>.help_video_body_item>div{
        width: 100%;
    }
    .help_log{
        width: 100%;
        padding: 0 20px;
    }
    .help_log>.help_log_left{
        width: 40%;
    }
    .help_log>.help_log_left img{
        width: 100%;
    }
    .mobile_hidden{
        display: block;
        width: 100%;
    }
     .mobile_hidden img{
        width: 100%;
    }
    .help_log{
        display: none;
    }
}