img {
    border:0;
    vertical-align:middle;
}
.detail_cont{
    background: white;
}
.detail_cont li{
    width: 80%;
    margin: 0 auto;
    padding-top: 4vw;
}
.detail_cont li .head{
    box-sizing: border-box;
    padding-left: 4vw;
    border-left: 1px solid #F39915;
    line-height: 1;
}
.detail_cont li .head p:first-child{
    font-size: 2.4vw;
    color: #777777;
    padding-bottom: 1.6vw;
}
.detail_cont li .head p:nth-child(2){
    color: #222222;
    font-size: 6.4vw;
}
.detail_cont li .des{
    margin: 4vw 0;
    box-sizing: border-box;
    padding: 4vw;
    border: 1px solid #DCDCDC;
    color: #777777;
    font-size: 3.2vw;
}
.detail_cont li .des p{
    line-height: 1.5;
}
.detail_cont li .cont_img .img_bg{
    margin-bottom: 4vw;
}
.detail_cont li .cont_img .play{
    position: relative;
}
.detail_cont li .cont_img .play .playbg .button_play {
    position: absolute;
    left: 44%;
    top: 39%;
    width: 12%;
}
.detail_cont li .cont_img .play .playbg{
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.detail_cont li .cont_img .play #player {
    width: 100%;
    display: none;
}
.bottom{
    background: #fff;
    position: relative;
    color: white;
    font-size: 0;
}
.bottom .wrap {
    background: #F39915;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 2.67vw;
}
.bottom .bar {
    width: 100%;
}
.bottom .bar.yellow1 {
    width: 100%;
}
.bottom .bar.yellow2 {
    transform: rotateZ(180deg);
}
.bottom .wrap .top{
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    padding-top: 2.6vw;
}
.bottom .wrap .top .tit{
    border-left: 2px solid white;
    color: white;
    box-sizing: border-box;
    padding-left: 1.3vw;
    width: 52%;
    line-height: 1;
}

.bottom .wrap .top .tit p:first-child{
    font-size: 2.4vw;
    padding-bottom: 1.6vw;
}
.bottom .wrap .top .tit p:nth-child(2){
    font-size: 6.4vw;
}
.bottom .wrap .top .down_img{
    width: 25%;
}
.bottom .wrap .top .app_download_txt{
    width: 19.3%;
}
.bottom .wrap .cont_pic{
    width: 80%;
    padding: 4vw 0 5.3vw 0;
    margin: auto;
}
.bottom .contactus{
    background: white;
    margin: 0 auto;
}
.contactus .wrap {
    width: 80%;
    margin: 0 auto;
    position: relative;
}
.contactus .wrap .fl_box{
    padding-top: 20px;
    width: 70%;
}
.contactus .wrap .fl_box .tit{
    border-left: #F39915 solid 2px;
    box-sizing: border-box;
    padding-left: 4vw;
    line-height: 1;
}
.contactus .wrap .fl_box .tit p:first-child{
    font-size: 2.4vw;
    color: #777777;
    padding-bottom: 1.6vw;
}
.contactus .wrap .fl_box .tit p:nth-child(2){
    font-size: 6.4vw;
    color: #222222;
}
.contactus .wrap .fl_box .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copy_box{
    color: #777777;
    font-size: 3.2vw;
}
.copy_box .btn2{
    margin-top: 5px;
}
.maimai{
    width: 40%;
    position: absolute;
    bottom: 5%;
    right: -5%;
}
.contactus #for-copy {
    position: absolute;
    z-index: -1;
    color: #fff;
    font-size: 0;
}