/* 动画手机 */

.phone_carton{width: 281px;height: 503px;margin-top: 64px;border-radius: 10px;font-size: 12px;background: url(../images/mobile-bac.jpg);background-size: 100% 100%;overflow: hidden;}
.phone_carton_list01{height: 44px;display: flex;line-height: 44px;}
.phone_carton_list01>p{width: 50%;}
.phone_carton_list01>p:first-child{border-right: 1px solid #e6e6e6;}
.phone_carton_list02 p{height: 27px;margin-bottom: 12px;padding-left: 8px;}
.phone_carton_list02 .yAndM{display: flex;}
.phone_carton_list02 .yAndM>p{flex: 1;}
.phone_carton_list02 .yAndM>p:first-child{margin-right: 8px;}
.carton_button{height: 35px;line-height: 35px;border-radius: 5px;}
.carton_logo{background-color: #f2f2f2;height: 50px;display: flex;justify-content: space-between;align-items: center;margin-top: 27px;width: 100%;padding-left: 12px;padding-right: 12px;}
.carton_logo>p{height: 23px;font-size: 12px;}
.carton_logo>p>img{height: 100%;}
.phone_carton_con{width: 100%;;position: absolute;bottom: 0px;left: 0px;background-color: white;display: none;}
.screen_sel_bot .r_tubiao{position: absolute;right:8px;top: 50%;transform: translateY(-50%);}
.phone_carton_footer{display: flex;align-items: center;height: 50px;background-color: white;border-top: 1px solid #e6e6e6;justify-content: space-between;position: absolute;bottom: 0px;left: 0px;width: 100%;padding-left: 12px;padding-right: 12px;}
.phone_carton_footer_l{display: flex;align-items: center;}
.phone_carton_success{padding: 0 10px;}
.phone_carton_success button{height: 35px;line-height: 35px;background: #0292d9;color: white;margin-top: 81px;}
.phone_carton_success_title .gou_j{height: 25px;width: 25px;background: #2a86dd;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 8px;font-size: 11px;font-weight: bold;}
.phone_carton_success_title{padding: 40px 0 64px 0;display: flex;justify-content: center;align-items: center;color: #696969;font-size: 15px;}
.phone_carton_success_con_list{display: flex;justify-content: space-between;align-items: center;padding: 6px 0;}
/* 动画电脑 */
.screen_sel_bot_PC.cur,.screen_sel_bot_System.cur { display: block; }
.screen_sel_bot_PC .screen_bot_l ,.screen_sel_bot_System .screen_bot_l { height: auto; width: auto; margin: 0 auto; }

.screen_bot_l { display: flex; justify-content: center;}
.screen_sel_bot {  display: none; justify-content: space-between; }

.screen_sel_bot_PC .screen_bot_l{background:url(../images/pc-bac.png) #fff no-repeat;background-size: 100%;height: 400px;}
.pc_carton_list01 p{height: 27px;margin-bottom: 12px;padding-left: 8px;line-height: 27px;}
.pc_carton_list01 .yAndM{display: flex;}
.pc_carton_list01 .yAndM p{flex: 1;}
.pc_carton{width: 100%;}
.pc_carton_con{background-color: white;width: 50%;left: 50%;transform: translateX(-50%);display: none;bottom: 0px;box-shadow: 0px 0px 15px #ccc;}
.pc_carton_footer{bottom: 0px;display: flex;justify-content: space-between;align-items: center;height: 40px;background-color: white;border-top: 1px solid #e6e6e6;padding-left: 40%;}
.pc_carton_footer_r{width: 80px;}
.screen_sel_bot .xAM{display: flex;}
.screen_sel_bot .xAM>p{flex:1}
.screen_sel_bot_PC h6{margin-bottom: 5px;}
.pc_carton_list02{padding: 0 97px 30px;color: #777777;}
.pc_carton_list02_01{padding: 24px 0px;}
.pc_carton_list02_02{margin-bottom: 13px;}
.pc_carton_list02_03{margin-bottom: 46px;font-size: 15px;font-weight: bold;}
.pc_carton_success_con_list{display: flex;justify-content: space-between;align-items: center;padding: 6px 0;}
@media (max-width: 1300px) {
    .screen_sel_bot_Phone .screen_bot_l{width: 246px;height: 497px;}
    .phone_carton{width: 219px;height: 386px;margin-top: 50px;}
    .phone_carton_success_title {
        padding: 10px 0 15px 0;
    }
    .phone_carton_success button{
        margin-top: 50px;
    }
    .pc_carton_list02{padding-left: 33px;padding-right: 33px;}
}
@media  (max-width: 768px) {
    /* 动画 */
    .screen_sel_bot_PC .screen_bot_l{height: 200px;}
    .pc_carton_con{height: 100%;}
    .pc_carton_list01 p{height: 14px;line-height: 14px;margin-bottom: 5px;}
    .pc_carton_list02{padding-left: 12px;padding-right: 12px;padding-bottom: 12px;}
    .pc_carton_list02_01>img{width: 50px;}
    .pc_carton_list02_02>img{width: 25px;}
    .pc_carton_list02_03{margin-bottom: 7px;}
    .pc_carton_list02_02{margin-bottom: 0px;}
    .pc_carton_list02_01 {
        padding: 4px 0px;
    }
    .pc_carton_success_con_list{font-size: 10px;}
}
@media  (max-width: 768px) {
    .pc_carton_con{width: 80%;}
}