@import url(layout.css?v=6);
.mpart {height: 4.2rem;background-size: 100% 4.2rem;}
.sex .mpart{ background-size: 100% 11.6rem; height:auto;}
.vision .s_mide {height: 5rem; margin-top: -3.5rem;}
.tbox{ padding:0; box-sizing:border-box;top: 0;width: 100%;}
.vision{ margin-top: -.7rem;}
.vision .s_botm:nth-child(1n) , .vision .s_botm:nth-child(1n) { margin-top: 0rem;}

.mpart .tit{text-align: center;color:#fff;margin: 1.3rem .32rem 1rem;}
.mpart .tit h1{ font-size: .6rem; font-weight: bold; line-height: 1rem;}
.mpart .tit p{ font-size: .36rem; opacity:.8;}
.plus_box .plus_mpart .vision .s_botm{ height:2.3rem;}

.con{ margin:0 .5rem;}
.con h1{text-align: center;color:#6871f7;font-size: .6rem;}
.con dl{display: flex; justify-content: space-between; align-items: center; margin-top:.5rem;}
.con dl dt{ background:#6871f7; color:#fff; width:1.5rem; height:1.5rem; line-height:.5rem; border-radius:.3rem; text-align:center; padding:.25rem 0; box-sizing:border-box; font-size: .5rem;}
.con dl dd{ background:#efeefe;width:7.2rem; height:1.5rem; box-sizing:border-box; font-size:.38rem; border-radius:.26rem; line-height:.55rem; padding:.2rem .4rem;}
.con dl dd label{ font-weight: bold;}
.con dl dd .txt_y label{ color:#f06363;}
.con dl dd .txt_j label{ color:#1ab881;}
.con ul li{ border-bottom:1px solid #eee; margin-top:.2rem; line-height:.6rem;text-align: justify; padding-bottom:.5rem; font-size:.38rem;}
.con ul li:last-child{ border:0; padding-bottom: .3rem;}
.con ul li strong{ font-size:.42rem; line-height:1.2rem;}
.con ul li:nth-child(1) strong{ color:#9e1ccf;}
.con ul li:nth-child(2) strong{ color:#00b477;}
.con ul li:nth-child(3) strong{ color:#f3ad18;}
.con ul li:nth-child(4) strong{ color:#e74b4b;}

.btn_share{ background:linear-gradient(-5deg, #6170ff, #89a5ff); color:#fff; width:5rem; height:1rem; border-radius: 1rem; text-align: center; line-height: 1rem; font-size: .4rem; margin:.5rem auto 0;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);}

.yj_box{ background:#f5f5f5; padding:.8rem .2rem .2rem; position:relative; margin-top: .5rem;}
.yj_box:before ,.yj_box:after{ content:''; position:absolute; background:#fff; border-radius: 0 0 .4rem .4rem; height:.4rem; width:100%; left:0; top:0;}
.yj_box:after{ background:#f5f5f5; top:auto; bottom:-.4rem;}
.yj_box ul.yj{ display:table; width:100%;border-collapse: separate; border-spacing:.2rem 0}
.yj_box ul.yj li{display:table-cell;vertical-align: top;background:linear-gradient(180deg, rgba(251,214,207,.9), rgba(255,255,255,.8));border-radius: .4rem;width:50%;box-sizing:border-box;text-align: center;padding: 0 .6rem .4rem;font-size: .36rem;}
.yj_box ul.yj li span{display:inline-block;width: 1.8rem;height: .7rem;background:#e86b6b;color: #fff;border-radius: 0 0 .3rem .3rem;font-size: .36rem;vertical-align: top;line-height: .7rem;}
.yj_box ul.yj li p{margin-top:.2rem;line-height: .6rem; color：#6c3a3a;}
.yj_box ul.yj li:last-child{background:linear-gradient(180deg, rgba(185,231,222,.9), rgba(255,255,255,.8));}
.yj_box ul.yj li:last-child span{ background:#4db09d;}
.yj_box ul.yj li:last-child p{color:#36504b;}

.yj_box ul.sx{ display:table; width:100%;border-collapse: separate; border-spacing:.2rem 0; margin-top: .2rem;}
.yj_box ul.sx li{display:table-cell;vertical-align: top;background:#fcf9f9;border-radius: .4rem;width:50%;box-sizing:border-box;text-align: center;padding: .2rem .6rem;font-size: .36rem;}
.yj_box ul.sx li:last-child{ background:#f7fbfa;}
.yj_box ul.sx li p{ margin-bottom: .2rem}
.yj_box ul.sx li i{ display:inline-block; width:.8rem; height:.8rem; background:#e86b6b; border-radius: 100%; line-height: .8rem; color:#fff; text-align: center;}
.yj_box ul.sx li:last-child i{ background:#4db09d;}

.share_box{ background:rgba(0,0,0,.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index: 101; display:none;}
.share_bg{background:url(../images/clothes/bg.jpg) no-repeat 0 0;z-index:102;position:fixed;width:10rem; top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);border-radius: .4rem;box-sizing:border-box;padding:.5rem .6rem;background-size: cover;}
.share_bg .day{ display:flex; align-items:center;}
.share_bg .day > div{ flex:1;}
.share_bg .day .day_l{color:#2a9fe9;}
.share_bg .day .day_l strong{font-size: 1.6rem;}
.share_bg .day .day_l .other{display:inline-block;font-size: .34rem;border-left: 2px solid #2a9fe9;padding-left: .35rem;margin-left: .15rem;font-weight: bold;line-height: .5rem;}
.share_bg .day .day_r{height: 1.5rem;background:#79d0ec;border-radius:.26rem;color:#fff;padding: .15rem .4rem;box-sizing:border-box;font-size: .35rem;margin-left: .2rem;}
.share_bg .day .day_r strong{font-size: .45rem;font-weight:normal;line-height: .7rem;}

.share_bg .tit img{ width:8.36rem; height:2.15rem;}

.share_bg .box{border-radius:.4rem;box-shadow:0 0 0.5rem rgba(0,0,0,.03);}
.share_bg .box2{}
.share_bg .t_box ,.share_bg .m_box{background:rgba(255,255,255,.3);padding:.5rem;border-radius:.4rem;}
.share_bg .t_box{display: flex;justify-content: space-between;align-items: center;}
.share_bg .t_box dt{background: #74c7ed;color:#fff;width: 1.6rem;height:1.5rem;line-height:.5rem;border-radius:.3rem;text-align:center;padding:.25rem 0;box-sizing:border-box;font-size: .5rem;}
.share_bg .t_box dd{width: 6.5rem;height:1.5rem;box-sizing:border-box;font-size: .38rem;border-radius:.26rem;line-height: .65rem;padding: .1rem .4rem;}
.share_bg .t_box dd label{ font-weight: bold;}
.share_bg .t_box dd .txt_y label{ color:#f06363;}
.share_bg .t_box dd .txt_j label{ color:#1ab881;}

.share_bg .m_box{margin: .3rem 0 .4rem;position:relative;padding-top: .8rem;}
.share_bg .m_box:before{content:'';position: absolute;top: -.7rem;background:url(../images/clothes/box_line.png) no-repeat 0 0;width:7.6rem;height:1.16rem;background-size:7.6rem 1.16rem;left: .6rem;}
.share_bg .m_box li{font-weight:bold;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom: .4rem;margin-bottom: .4rem;}
.share_bg .m_box li:last-child{ border:0; padding:0; margin:0;}
.share_bg .m_box li.txt_purple{ color:#9e1ccf;}
.share_bg .m_box li.txt_green{ color:#00b477;}
.share_bg .m_box li.txt_yellow{ color:#f3ad18;}
.share_bg .m_box li.txt_red{ color:#e74b4b;}
.share_bg .m_box li em{ width:0.5rem; height:0.5rem; float:left; background-size: .5rem; margin:.05rem .1rem 0 0;}
.share_bg .m_box li.txt_purple em{ background-image: url(../images/clothes//icon1.png)}
.share_bg .m_box li.txt_green em{ background-image: url(../images/clothes//icon2.png)}
.share_bg .m_box li.txt_yellow em{ background-image: url(../images/clothes//icon3.png)}
.share_bg .m_box li.txt_red em{ background-image: url(../images/clothes//icon4.png)}
.share_bg .m_box li span{float:right;display: none;}
.share_bg .m_box li span i{width: .5rem;height: .5rem;border-radius: 100%;display:inline-block;margin-left: -.25rem; opacity:.8;}
.share_bg .m_box li span i.c_white{ background:#fff}
.share_bg .m_box li span i.c_grey{ background:#dcdcdc}
.share_bg .m_box li span i.c_yellow{ background:#ffb924}
.share_bg .m_box li span i.c_brown{ background:#74534f}
.share_bg .m_box li span i.c_green{background: #0dab4d;}
.share_bg .m_box li span i.c_cyan{background: #16bbb3;}
.share_bg .m_box li span i.c_darkblue{ background:#3354be}
.share_bg .m_box li span i.c_black{ background:#282828}
.share_bg .m_box li span i.c_babyblue{background: #5cb4ff;}

.share_bg .m_box li p{ color:#555; font-size:.36rem; font-weight:normal; line-height:.55rem; margin-top:.25rem;}

.share_bg .bottom{ text-align:center; font-size:.36rem; color:#97adbe;display: flex; justify-content: space-between; align-items: center;}

.share_bg .btn_close{position:absolute;bottom: -1.5rem;left:50%;transform:translate(-50%,0);}
.share_bg .btn_close img{width: 1rem;height: 1rem;border:1px solid #fff;border-radius: 100%;}