﻿.pictureShow { background: url("../img/MultiApparel/ClothingIndustry_PCNetcn.jpg") center center; }
.contentShow { background-color: white; width: 1080px; height: auto; margin: 79px auto 20px; min-width: 1080px; position: relative; }
.content_title { text-align: center; font-size: 24px; padding-top: 25px; margin-bottom: 15px; position: relative; }
.content_detail, .Membership_system_img { /*background-color: #00ff21;*/ width: 1080px; height: auto; /*margin: 0 2.5rem;*/ min-width: 1080px; position: relative; display: table; }
.outerbox {width: 1080px; height: auto;/*background:#ffd800;*/}
.outerbox_left {width: 32.2%;height: 255px;float: left;margin-right: 12px;border: 1px solid #f5f5f5;border-radius: 8px;background: #f9f9f9;}
.outerbox_middle {width: 32.2%;height: 255px;float: left;margin-right: 12px;border: 1px solid #f5f5f5;border-radius: 8px;background: #f9f9f9;}
.outerbox_right {width: 32.2%;height: 255px;float: left;border: 1px solid #f5f5f5;border-radius: 8px;background: #f9f9f9;}
.p_img {text-align: center;width: 80px;height: 80px;border-radius: 50%;background: #2ec574;margin: 1rem auto 0.5rem;padding: 0px !important;}
.p_img img {width: 100%;height: 100%;}
.p_title {font-size: 18px !important;font-weight: 500 !important;text-align: center;}
.outerbox p.p_font {font-size: 16px;font-weight: 300;padding: 2px 12px;line-height: 28px;}
.outerbox_left:hover {border-radius: 8px;border: 1px solid #93c83f;}
.outerbox_middle:hover {border-radius: 8px;border: 1px solid #93c83f;}
.outerbox_right:hover {border-radius: 8px;border: 1px solid #93c83f;}

.App_distribution{text-align:center;font-size:18px;line-height:25px; height:50px; color:#666666;padding-top:5px;}
.MultiApparel_line{width: 100%; height: 10px; clear: both; }
.Membership_MultiApparel_title{ margin-bottom: 10px; padding-left: 4px; font-size: 16px; height: 30px; color: #333; vertical-align: middle; }
.content_MultiApparelLeft { float: left; width: 47.5%; height: auto; /*margin-right: 0.5rem;*/ position: relative; }
.content_MultiApparelRight { float: left; width: 47.5%; height: auto; position: relative;margin-left:50px;}
.Membership_MultiApparel_pictrue { height: auto; text-align: center; }
.Membership_MultiApparel_pictrue img { border: 1px solid #f3f3f3; border-radius: 10px; width: 100%; height: 100%; }
.Membership_MultiApparel_left{ float: left; width: 32%; height: auto; }
.Membership_MultiApparel_middle { float: left; width: 32%; height: auto; margin-left:20px; }
.Membership_MultiApparel_right { float: left; width: 32%; height: auto;margin-left:20px; }
.Membership_MultiApparel_left .Membership_MultiApparel_pictrue img:hover{ border-radius: 10px;border: 1px solid #93c83f;}
.Membership_MultiApparel_middle .Membership_MultiApparel_pictrue img:hover { border-radius: 10px;border: 1px solid #93c83f;}
.Membership_MultiApparel_right .Membership_MultiApparel_pictrue img:hover { border-radius: 10px;border: 1px solid #93c83f;}
.content_detailimage_MultiAppare { width: 525px; height: 338px; /* background: #ff6a00; */ border: 2px solid #dedede; }
.content_MultiApparelLeft .content_detailimage_MultiAppare:hover{  border: 2px solid #93c83f; }
.content_MultiApparelRight .content_detailimage_MultiAppare:hover {border: 2px solid #93c83f; }


/* 横幅图片+文字 混合排布  */
 @media screen and (min-width: 850px) {
         .pageShow { position: relative; top: 99px; width: 100%; height: 400px;background-repeat: no-repeat !important;background-size: cover !important;}
         .Ban_text { color: #fff;font-size: 2.375rem;font-weight: bold; font-family: 微软雅黑; line-height: 62px;position: relative; top: 30%;left:10%;}
         .Ban_textColor{color:yellow;}
         .Ban_text_2{top:30%;}
    }
    @media screen and (min-width: 1000px) {
        .Ban_text{left:12%;}
    }
    @media screen and (min-width: 1150px) {
        .Ban_text{left:14%;}
    }
    @media screen and (min-width: 1300px) {
        .Ban_text{left:17%;}
    }
    @media screen and (min-width: 1450px) {
        .Ban_text{left:21%;}
    }
    @media screen and (min-width: 1600px) {
        .Ban_text{left:25%;}
    }
   @media screen and (max-width: 850px){
        .Ban_text{display:none;}
   }
