@charset "utf-8";
/*
 * 这个CSS文件为index.html的样式表
 * 创建时间2017/2/27
 * by wyc
 */



/*4个标签*/
.AM-in-Label{margin-top: 2.64%;}
.AM-in-Label img{margin: 0 auto;padding-top:5%;}
/*4个标签结束*/

/*产品的标头*/
.AM-in-pro-hd{padding-top: 3.8%;padding-bottom: 3.8%;}
.AM-in-pro-hd img{width: 100%;max-height: 100%;}

/*产品标头结束*/

.AM-in-LIST {width: 100%;overflow: hidden;}
.AM-in-LIST li{position: relative;width: 20%;display: inline-block;float: left;margin-left: 3.6%;border: 1px solid #c1c4c4;}
.AM-in-LIST .AM-in-LIST-f{margin-left: 6%;}
.AM-in-LIST li a img{width: 100%;}
.AM-in-LIST li a{color:#000000;outline: none;text-decoration: none;}
.AM-in-LIST li a p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;text-align: center;margin-bottom:0px;font-family: "微软雅黑";}

.AM-in-LIST li a p.AM-in-LIST-p1{font-size:0.5rem;margin-top: 6%;}
.AM-in-LIST li a p.AM-in-LIST-p2{font-size:0.3rem;margin-top: 3%;}
.AM-in-LIST li a p.AM-in-LIST-p3{font-size:15px;width: 80%;text-align: center;border: 1px solid #a1a1a1;margin: 0 auto;margin-top: 8px;margin-bottom: 6%;height: 20px;line-height: 20px;}
.AM-in-LIST-last-p{position: absolute;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;text-align: center;font-size:0.55rem;width: 100%;top: 15%;background-color: #FFFFFF;}
/*面膜介绍的样式*/

.AM-cp-container{margin-top: 4%;}
.AM-cp-container-title{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;font-size: 0.6rem;font-family: "微软雅黑";letter-spacing:0.3rem;padding-bottom: 1.1%;background:url(../img/line_03.png) bottom center no-repeat;margin-bottom: 7px;}
.AM-cp-container-intr{margin-top: 2%;}
.AM-cp-container-intr p{text-align: center;font-size: 0.3rem;font-family: "微软雅黑";}
.AM-cp-container-img img{margin:0 auto;}
.AM-cp-container-img{background: url(../img/show_05.png) center bottom no-repeat;padding-bottom: 15px;}
/*面膜介绍样式结束*/

/*视频内容部分*/
.AM-cp-video-container{margin-top: 3%;}
.AM-cp-video{margin-top: 3.56%;}
.AM-cp-video-title img{margin: 0 auto;}
.AM-video{width: 80%;height: 5rem;margin: 0 auto;display: block;}
@media screen and (min-width: 500px) and (max-width:990px){
	.AM-video{
		width: 48%!important;
	}
}
.AM-video-bottom{text-align: center;font-size: 18px;font-family: "微软雅黑";}
.AM-video-bottom span{display: inline-block;letter-spacing: 4px;border-bottom: 1px solid #000000;padding: 2% 5%;}

.AM-video-list-Fr{padding-bottom: 4%;border-bottom: 1px dashed #919191;}
.AM-video-list-Fr-T{font-size: 18px;font-family: "微软雅黑";}
.AM-video-list-Fr-T span{display: inline-block;margin-right: 5%;}

.AM-list-video{width: 64px;height: 64px;}
.AM-p p{margin-bottom: 5px;font-size:0.27rem;font-family: "微软雅黑";color:#5a5a5a;}
.media{vertical-align: middle!important;}
.media-top1{padding-top: 2%;position: relative;}
.AM-yuan h4{background: url(../img/yuan_10.png)  1px  no-repeat;padding-left: 7%;}
.AM-yuan p{padding-left: 7%;}
.AM-video-list-Date{color: #000000;position: absolute;z-index: 99;right: 0px;top: 10%;font-size: 0.4rem;}
.AM-video-list-Date span{display: inline-block;}
.AM-video-list-Date span.span-month{font-size: 0.7rem;position: absolute;right: 100%;}
.AM-video-list-Date span.span-date{font-size: 0.5rem;}
@media  screen and (max-width:320px) {
	.AM-video-list-Date{top: 68%!important;}
}
/*视频内容部分结束*/

/*浏览更多*/
.AM-more-in{overflow: hidden;}
.AM-more-in a{display: inline-block!important;float: right;margin-top: 2%;}

/*浏览更多结束*/

/*add by wyc 2018/01/06*/

.viode-xq img{max-width: 100%!important;margin: 0 auto;display: block!important;}



/*视频遮罩*/

.video-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background-color: rgba(0,0,0,0.6);top:0px;
}

.video-container {
    max-width: 1200px;
    margin: 0 auto;
}

.video-c {
    width: 100%;
}

    .video-c video {
        width: 100%;
    }

.video-close {
    text-align: right;
    margin-top: 5%;
    margin-bottom: 5%;
}

    .video-close img {
        border-radius: 50%;
    }

.mask-small {
    width: 25%;
    right: 0px;
    top: 60%;
    height: auto !important;
    background-color: transparent;
}

    .mask-small video {
        height: auto !important;
    }

@media only screen and (max-width:768px ) {
    .video-close {
        margin-top: 30%;
        margin-bottom: 5%;
    }

    .mask-small {
        width: 60%;
        top: 20%;
    }
}
/*视频遮罩*/