@charset "utf-8";
/* 通用部分 */
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
html,body{font-family: "Microsoft YaHei","SimSun","Arail","Tabhoma",sans-serif; font-size: 20px; text-align: left; box-sizing: border-box;}
ul,ol,li{list-style: none;}
img{border: 0; vertical-align: top;}
input,select,textarea{outline: 0;}
textarea{resize: none;}
table{border-collapse: collapse; border-spacing: 0;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a{text-decoration: none;}
a:link,a:visited,a:hover,a:active{text-decoration: none !important;}
.hide{display: none; visibility: hidden; opacity: 0;}
.clear{display: block;}
.clear:after,ul:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both;}
.g-1200{max-width: 1200px;}.g-1280{max-width: 1280px;}.g-1360{max-width: 1360px;}.g-1440{max-width: 1440px;}.g-1520{max-width: 1520px;}.g-1600{max-width: 1600px;}.g-1680{max-width: 1680px;}.g-1760{max-width: 1760px;}.g-1840{max-width: 1840px;}.g-1920{max-width: 1920px;}
.g-1200,.g-1280,.g-1360,.g-1440,.g-1520,.g-1600,.g-1680,.g-1760,.g-1840,.g-1920{width: 100%; margin-left: auto; margin-right: auto; display: block; position: relative;}
.g-1200:after,.g-1280:after,.g-1360:after,.g-1440:after,.g-1520:after,.g-1600:after,.g-1680:after,.g-1760:after,.g-1840:after,.g-1920:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both;}
.m-lmt{text-align: center; background-position: center center; background-repeat: no-repeat;}
.m-lmt a{display: inline-block;}
.m-main{position: relative;}
.prev,.next{position: absolute; transition: all 0.3s; user-select: none; cursor: pointer;}
/*多行超出省略效果*/
.tem2,.tem3,.tem4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.tem2{-webkit-line-clamp: 2;}.tem3{-webkit-line-clamp: 3;}.tem4{-webkit-line-clamp: 4;}
/*单行超出省略效果*/
.tes{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
/*回到顶部*/
#goTop{background-color: #ffffff; border: 2px solid #5943E3; fill: #5943E3; position: fixed; z-index: 10; bottom: 80px; left: 50%; margin-left: 650px; cursor: pointer; width: 50px; height: 50px; border-radius: 25px; overflow: hidden; padding: 8px; box-sizing: border-box; transition: all 0.4s;}
#goTop:hover{fill: #ffffff; border: 2px solid #ffffff; background: #BD53D4;}
body{background: url(../images/body.jpg) bottom center no-repeat;}

/*头图*/
.head{height: 2390px; background: url(../images/head.png) top center no-repeat; overflow: hidden;}
.head .m-view1{width: 342px; height: 688px; position: absolute; left: 122px; top: 121px;}
.head .m-view2{width: 578px; height: 386px; position: absolute; left: 475px; top: 220px;}

/*简介，编者按 等等*/
.intro{background: url(../images/intro-bg.png) top center no-repeat; height: 408px; margin: -1400px auto 0; font-size: 20px; line-height: 40px; padding: 44px 52px 50px 154px; box-sizing: border-box;}

/*弹幕*/
.dm{background: url(../images/dm-bg.png) center top no-repeat; height: 728px; margin-top: 73px;}
.dm .m-main .m-pic{width: 350px; height: 530px; border: 5px solid #ffffff; border-radius: 5px;  overflow: hidden; position: absolute; top: 129px; left: 50px;}
.dm .m-main .m-pic .MultiAttachPh{display: none;}
.dm .m-main .m-txt{ width: 710px; height: 454px; overflow: hidden; position: absolute; top: 166px; right: 50px;}
.dm .m-main .m-txt ul li{width: 1420px; height:454px;}

/*健康说*/
.jks{margin-top: 92px; background: url(../images/jks-bg.png) bottom center no-repeat; height: 811px;}
.jks .m-lmt a{font-size: 18px; color: #9289CC; vertical-align: bottom; display: inline-block; margin-left: 30px;}
.jks .m-main{margin-top: 71px;}
.jks .m-main .m-pic{position: absolute; top: 0; left: 0; width: 360px; height: 640px; overflow: hidden;}
.jks .m-main .m-pic img{width: 360px; height: 640px; transition: all 0.3s;}
.jks .m-main .m-pic:hover img{transform: scale(1.15);}
.jks .m-main .m-txt{position: absolute; top: 0; right: 0;}
.jks .m-main .m-txt .item{position: relative; width: 800px; height: 300px;}
.jks .m-main .m-txt .item a.pic-box{width: 280px; height: 280px; overflow: hidden;}
.jks .m-main .m-txt .item a.pic-box img{width: 260px; height: 260px; border: 10px solid #f9f5ff; transition: all 0.3s;}
.jks .m-main .m-txt .item a.pic-box:hover img{transform: scale(1.15);}
.jks .m-main .m-txt .item a.tit{font-size: 26px; font-weight: bold; color: #222222;}
.jks .m-main .m-txt .item p{font-size: 18px; color: #ffffff;}
.jks .m-main .m-txt .item a.pic-box{position: absolute; top: 0;}
.jks .m-main .m-txt .item a.tit{font-size: 26px; font-weight: bold; color: #222222; position: absolute; top: 16px; width: 400px; line-height: 38px;}
.jks .m-main .m-txt .item p{font-size: 18px; color: #ffffff; position: absolute; top: 138px; line-height: 36px; width: 394px; text-indent: 2em;}
.jks .m-main .m-txt .item:nth-child(1){background: url(../images/jks-txt1-bg.jpg) bottom center no-repeat;}
.jks .m-main .m-txt .item:nth-child(1) a.pic-box{left: 20px;}
.jks .m-main .m-txt .item:nth-child(1) a.tit{left: 352px;}
.jks .m-main .m-txt .item:nth-child(1) p{left: 354px;}
.jks .m-main .m-txt .item:nth-child(2){background: url(../images/jks-txt2-bg.jpg) bottom center no-repeat; margin-top: 40px;}
.jks .m-main .m-txt .item:nth-child(2) a.pic-box{right: 20px;}
.jks .m-main .m-txt .item:nth-child(2) a.tit{right: 352px;}
.jks .m-main .m-txt .item:nth-child(2) p{right: 354px;}

/*她视角 标准轮播图 用于海报图等轮播*/
.tsj{margin-top: 100px; padding-top: 59px; background: url(../images/tsj-main-bg.png) top center no-repeat; height: 929px;}
.tsj .m-lmt a{font-size: 18px; color: #9289CC; vertical-align: bottom; display: inline-block; margin-left: 30px;}
.tsj .m-main{margin-top: 51px;}
.slide .m-main ul li{width: 360px; height: 640px; overflow: hidden; margin: 0 20px; float: left;}
.slide .m-main ul li img{width: 360px; height: 640px; transition: all 0.3s;}
.slide .m-main ul li:hover img{transform: scale(1.15);}
.slide .m-main .prev,.slide .m-main .next{width: 35px; height: 62px; top: 290px; transition: all 0.3s;}
.slide .m-main .prev{background: url(../images/prev.png); left: -75px;}
.slide .m-main .next{background: url(../images/next.png); right: -75px;}
.slide .m-main .prev:hover{left: -80px;}
.slide .m-main .next:hover{right: -80px;}

/*鸣谢*/
.mx{margin-top: 41px; height: 390px;}
.mx .m-main{margin-top: 60px;}
.mx .m-main ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.mx .m-main ul li{width: 192px; height: 225px; margin: 0 24px;}
.mx .m-main ul li .pic-box{width: 186px; height: 186px; overflow: hidden; border-radius: 50%; border: 1px solid #A8C9FF;}
.mx .m-main ul li .pic-box img{width: 160px; height: 160px; border-radius: 50%; border: 13px solid rgba(255,255,255,0); transition: all 0.3s;}
.mx .m-main ul li .pic-box:hover img{transform: scale(1.15);}
.mx .m-main ul li .tit{font-size: 16px; color: #333333; margin-top: 17px;}

/*主创*/
.zc{margin-top: 72px; text-align: center; height: 310px;}

@media only screen and (min-width: 600px) {/*PC端*/}
@media only screen and (max-width: 600px) {/*移动端*/}