body{ font-family: 'PingFang SC','Microsoft YaHei',微软雅黑,SourceHanSansCN,KaiGenGothicSC,Arial,sans-serif; } a:hover{ text-decoration: none; } /*------------------------浮层 */ .floatPage{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 10; display: none; } .floatPage-bg{ position: absolute; width: 100%; height: 100%; left: 0px; /*background: rgba(0,0,0,0.3);*/ background: url(../img/global/black.png); } .floatPage-right-content{ position: absolute; width: 760px; height: 100%; right: 0px; top: 0px; background: #fff; } @media (max-width: 768px) { .floatPage-right-content{ width: 100%; } } .floatPage-info{ position: relative; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; text-align: center; } @media (max-width: 768px) { .floatPage-info{ padding: 0 20px; } } .floatPage-close{ position: absolute; width: 73px; left: 25px; top: 24px; cursor: pointer; padding-top: 10px; padding-bottom: 10px; } @media (max-width: 768px) { .floatPage-close{ left: 20px; top: 10px; } } #notice .floatPage-content{ position: relative; width: 650px; max-height: 500px; left: 50%; margin-left: -325px; top: 50%; border-radius: 10px; padding-bottom: 50px; padding-top: 70px; background: #fff; } #notice .floatPage-content .floatPage-info{ position: relative; padding-left: 40px; padding-right: 40px; max-height: 380px; } #notice .floatIcon{ position: absolute; width: 75px; height: 75px; left: 50%; margin-left: -37px; top: -20px; } #notice .floatTitle{ font-size: 22px; font-weight: 400; color: #2e333a; margin-bottom: 10px; } #notice .siteText{ font-size: 15px; line-height:150%; text-align: left; text-indent:2em; } #notice .floatPage-close{ text-align: left; width: 14px; z-index: 1; top: 10px; } @media (max-width: 768px) { #notice .floatPage-content{ width: 90%; height: 80%; padding-top: 70px; padding-bottom: 30px; left: 5%; margin-left: 0px; } #notice .floatPage-content .floatPage-info{ padding-top: 0px; height: 100%; padding-left: 20px; padding-right: 20px; } #notice .floatTitle{ font-size: 30px; } }