html,body{
    margin: 0px;
    padding: 0px;
}
ul, li{
    display: inline-block;
}

a{
    text-decoration:none;
}
.package-listed{
    
    margin-top: 60px;
    /* padding: 20px; */
    
}
.jiadaJiacu{
    font-size: 14px;
     font-weight:bold;
}
.abc{
    max-width: 210px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;
}
.a5{
    /* margin: 2%!important; */
    margin: 20px 0px 30px 40px !important;
}
    /* .qwerr_adder{
        height: 300px;
    } */
h4{
    margin: 0 0 5px !important;
}
    .pho_radius{
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: black 1px solid;
        overflow: hidden;
        float: left;
        margin-left: 3rem;
        margin-top: -50px;
       
    }
   .pho_radius_qq{
       width: 100%;
       height: 100%;
      
   }
   /* .a5{
       margin: 0px !important;
       width: 19% !important;
   } */
   .video_bgt{
       width: 100%;
       background-repeat: no-repeat;
       /* margin-top: -30px; */
   }

   #outerheader{
       border-bottom: none !important;
   }
   #outermain {
       padding: 0px !important;
     
   }
.toggleContainer{
    width: 250px !important; 
    height: 300px !important;
   }
 
   .first_li_but{
       display: inline-block;
       padding: 5px 30px 5px 30px;
       border: black 1px solid;
       margin: 20px 0px 0px 40px;
       border-radius: 8px;
       cursor:pointer ;
   }
   .souSuo{
       display: inline-block;
      float: right;
      margin-right:50px;
      margin-top: -30px;
      width: 300px !important;
      height: 30px !important;
      border: black 1px solid !important;
      border-radius: 15px !important;
      background: white !important;
   }
.twelveColumns{
    height: 70px !important;
    line-height: 70px;
     /* margin-left: 60px !important; */
}
#logo{
    /*margin-right: 130px !important;*/
}
   .package-boxs{
       /* border: black 1px solid; */
       /* background: #7092be !important; */
       /* margin: 30px 10px; */
       padding: 2px 2px !important;
       /* width: 200px;     */
       /* height: 200px; */
   }
   .bag_whit{
    /* display: inline-block; */
    border: solid 1px black;
    background: white;
   }
   .twelve .columns {
       /* padding: 10px 1  0px !important; */
      
   }

   .paddsmall{ 
      margin: 3rem 1rem 0rem 1rem!important;
       /*width: 230px;*/
        width: 200px;
       height: 320px;
       background: #eeeeee !important;
     
   }
   .paddsmall_ppd{
       padding: 0.5rem;
   /* width: 230px;*/
     width: 200px;
    height: 260px;
    overflow-y:auto;
   }

   .box_paddsmall_ppd {
    /* 父容器设置宽度, 并超出部分不显示 */
    /*width: 230px;*/
      width: 200px;
    height: 260px;
    overflow: hidden;
}
.paddsmall_ppd {
    /* 子容器比父容器的宽度多 17 px, 经测正好是滚动条的默认宽度 */
    /*width: 255px;*/
      width: 220px;
    height: 250px;
    text-align: center;
    overflow-y: scroll;
}

.news_columns {
    width: 1080px !important;
  
}

.package-boxer{
    height: 250px !important;
    padding: 5px;
    
}

.package-list{
    position: relative;
}
.paddsmall_phf{
   float: left;
}
.paddsmall_pho{
   float: left;
    margin-left: 300px;
   
}
.paddsmall_phh{
    float: left;
    margin-left: 600px;
  
}
.paddsmall_pht{
    float: right;
    margin-right: 20px;
    margin-top:-3000px ;
  
}

.column{
    margin-top: 40px;
}
.bag_whit{
    border: white;
}


.art{
  
    color: white;
}
.four,.three{
  float: left;
}

 .img_videoOne{
    /* background-image:url('../images/video1.png') ; */
    width: 200px;
    height: 100px;
} 

.gurRed{
    font-size: 12px;
    padding: 10px 10px;
    float: right;
    margin-top: -15px;
    background: orangered;
    color: white;
}
.container { 
    width: 1450px !important;
}
.text1{
    position: relative;
}

 .img_videoArr{
     width: 50px;
    position: absolute;
    z-index: 1000;
    top: 30px;
    left: 75px;

 }
 

 @media only screen and (min-width: 475px) and (max-width: 768px) {
    .nav_r .nav__user-info__main>div{
        color: black !important;
    }
      .nav_r {
    display:none;
    }
    .nav__btn--longtext a {
        color: black !important;
    }
    #nav-wrap{
        width: 80%;
     }
     .first_li_but{
        /* width: 55px; */
        margin: 3px !important;
        padding: 0px !important; 
        font-size: 5px !important;
        border-radius: 10px !important;
        width:100px;
    }
     .package-listed {
         width: 700px;
     }

     .content-box-fontHt, .content-box-fontLiu ,.content-box-fontLiu-border, .birdBangSpeak{
         width: 100%;
     }
     .containerBag_whit,.container{
         width: 100% !important;
     }
     #resText{
         width:  100% !important;
     }
    .a5 ,.four ,.columns{
        width: 300px  !important;
    }
    .package-boxs {
        width: 200px !important;
    }
    .text1{
        width: 100px;
    }
    .paddsmall .paddsmall_phf{
        margin-top: 150px;
    }
    
    .package-list{
        width: 100%;
    }
    .souSuo{
        display: none;
    }
    /* #navigation {
        width: 650px !important;
    } */
 }

 @media only screen and (min-width: 200px) and (max-width: 475px) {
    .nav_r .nav__user-info__main>div{
        color: black !important;
    }
    .nav_r {
    display:none;
    }
    .nav__btn--longtext a {
        color: black !important;
    }
     #nav-wrap{
        width: 95%;
        margin: auto;
     }
    .package-listed {
        width: 375px;
    }
    .souSuo{
        display: none;
    }
    .content-box-fontHt, .content-box-fontLiu ,.content-box-fontLiu-border, .birdBangSpeak{
        width: 300px;
    }
    .containerBag_whit,.container{
        width: 300px !important;
    }
    #resText{
        width: 300px !important;
    }
   .a5 ,.four ,.columns{
       width: 300px  !important;
   }
   .package-boxs {
       width: 200px !important;
   }
   .text1{
       width: 300px;
   }
   .paddsmall .paddsmall_phf{
       margin-top: 150px;
   }
   
   .package-list{
       width: 300px;
   }

   .paddsmall .paddsmall_phf{
    margin-top: 150px;
}
   /* #navigation {
    width: 650px !important;
} */
.first_li_but{
    /* width: 55px; */
    margin: 3px !important;
    padding: 0px !important; 
    font-size: 5px !important;
    border-radius: 10px !important;
    width: 92px;
}
}