/* 男生专区样式（重构版）
   原站与站点公共样式重复的 reset 已并入 /static/pc/common/css/header-footer.css，
   此处仅保留公共样式未覆盖的兼容规则与页面私有样式 */
.mtop{
    margin-top: 60px;
}
.main2{
    width: 1200px;
    margin: auto;
}
.main2 h2{
    width: 500px;
   text-align: center;
   color: rgb(255, 121, 3);
   font-size: 30px;
   position: relative;
   margin:40px auto ;
}
.main2 h2::before{
    content: '';
    display: inline-block;
    height: 4px;
    width: 75px;
    background-color: rgb(255, 121, 3);
    position: absolute;
    left: 40px;
    top: 20px;
 }
 .main2 h2::after{
    content: '';
    display: inline-block;
    height: 4px;
    width: 75px;
    background-color: rgb(255, 121, 3);
    position: absolute;
    right: 40px;
    top: 20px;
 }

 .main2 ul li{
    position: relative;
    width: 25%;
    margin: 0 1%;
    float: left;
    background-color: rgb(238, 238, 238);
   padding:80px 30px 20px;
   margin-top: 120px;
 }
 .main2 ul li p{
     height: 80px;
     font-size: 15px;
 }
 
 .main2 ul li h3{
     margin-top: 20px;
     margin-bottom: 15px;
     font-size: 26px;
     text-align: center;
     font-weight: lighter;
     color: rgb(255, 121, 3);
 }
 .main2 ul li h3 span{
     font-size: 16px;
     color: black;
 }
 .main2 img{
    position: absolute;
    width: 50%;
    top: -100px;
    left: 25%;
}

 .main2 ul li a{
     display: inline-block;
     height: 30px;
     width: 120px;
     background-color: rgb(254, 0, 0);
     text-align: center;
     line-height: 30px;
     color: white;
     margin-left: 20px;
 }
.boyzx{
    width: 330px;
    height: 50px;
    margin:50px auto;
    background-color: rgb(250, 165, 23);
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
 
}
.boyzx a{
  color: white;
  font-size: 24px;
}
.qh{
    height:650px;
    background: url(../images/ms.jpg) no-repeat center;
    background-size: 100% 100%;
}
.jsfc_show{width:1280px;overflow:hidden;margin: 30px auto;height: 650px; margin-top: 0px;}
.h455 {height: 490px;position: relative;width: 1280px;display: flex; margin-top: 180px;}
.w300 {width: 190px;overflow: hidden;float: left;}
.w328 {float: left;margin: 0 0 0 -82px;transition: all 0.6s;}
.w350 {width: 351px;padding: 10px;height: 100%;position: absolute;background: white;left: 192px;top: 0;box-sizing: border-box;transition: all 0.6s;}
.w705 {width: 192px;overflow: hidden;position: relative;transition: all 0.6s;}
.jsfc_show h5 {font-size: 18px;font-weight: bold;color: #000;}
.jsfc_show p {line-height: 25px;font-size: 15px;color: #333;margin: 10px 0;}
.jsfc_show img{float: left;}
.jsfc_show .currnet{width: 704px;}
.jsfc_show .currnet .w350{left: 353px;}
.jsfc_show .currnet .w328{margin: 0;}
.main6 h2{
    width: 500px;
   text-align: center;
   color: rgb(255, 121, 3);
   font-size: 30px;
   position: relative;
   margin:40px auto ;
}
.main6 h2::before{
    content: '';
    display: inline-block;
    height: 4px;
    width: 75px;
    background-color: rgb(255, 121, 3);
    position: absolute;
    left: 40px;
    top: 20px;
 }
 .main6 h2::after{
    content: '';
    display: inline-block;
    height: 4px;
    width: 75px;
    background-color: rgb(255, 121, 3);
    position: absolute;
    right: 40px;
    top: 20px;
 }
.main6 .bt{
    text-align: center;
    color: grey;
    margin-bottom: 40px;
}
