.hero-right-img{
    width: 100%;
    border-radius: 3px;
}
.hero-right-video{
    /*margin-left: 30px;*/
}
.hero-right-video video{
    border-radius: 3px;
    width: 100%;
}
.padding-lr{
    padding: 0 15px;
}

.margin-top-100px{
    margin-top: -100px;
}

.margin-top50px{
    margin-top: 50px;
}
.upload-result-panel{
    border: 1px solid #cccccc;
    box-shadow: 2px 2px 5px #cccccc;
    width: 100%;
    border-radius: 3px;
    min-height: 100px;
    padding: 15px;
}
.upload-result-panel img{
    width: 100%;
    border-radius: 10px;
}
.upload-result-panel video{
    width: 100%;
    border-radius: 10px;
}
.upload-result-tip{
    padding: 5px;
}
.upload-result-tip p{
    text-align: center;
}
.example-title-panel{
    text-align: center;
}
.example-title-panel h1{
    font-weight: bold;
}
.example-list{
    display: flex;
    /* justify-items: center; */
    justify-content: flex-end;
    margin-top: 20px;
}
.example-item{
    width: 50%;
}
.example-block-second{
    margin: 0 10px;
}
.example-item img{
    /*width: 190px;*/
    width: 100%;
    margin-right: 3px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.example-item video{
    /*width: 190px;*/
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.customer-avatar{
    width: 60px;
    height: 60px;
    border-radius: 60px;
}
.customer-layout{
    background: url("https://d251yoy887s0wg.cloudfront.net/46/ce960816-4c7a-43b6-8488-041b45cf762e.png") no-repeat 50%/cover;
}
#custom_title_label{
    font-size: 20px;
    font-weight: 500;
}
.upload-result-area{
    display: none;
}
#result-video-control, #result-image{
    box-shadow: 2px 2px 5px #eee;
    border: 1px solid #eee;
}
/*移动设备*/
@media  (max-width: 767px){
    .margin-top-100px{
        margin-top: 0;
    }
    .example-block-second{
        margin: 0 -15px;
    }
    .hero-right-video {
        margin-left: 0;
    }
    /*.example-block-item-second{*/
        /*margin-left: 1px;*/
    /*}*/
}
/*平板设备*/
@media  (max-width: 820px){
    .margin-top-100px{
        margin-top: 0;
    }
    .example-block-second{
        margin: 0 -15px;
    }
    .hero-right-video {
        margin-left: 0;
    }
    /*.example-block-item-second{*/
        /*margin-left: 1px;*/
    /*}*/
}