@charset "utf-8"; /* common */ .header_top{/* position: relative; */} .ban{position: relative;} .ban .imged {padding-bottom: 25%;} /* 手机内页二级导航 */ .wrap_ph{padding-bottom: 0.3rem;display: none;} .wrap_ph h2{width:100%;color:#fff;height: 0.6rem;line-height: 0.6rem;font-size: 0.26rem;padding: 0 0.2rem;background: #0046A8;} .wrap_ph h2::after{width: 0.32rem;height: 0.32rem;background: url(../images/cd.svg) no-repeat right center/cover;left: auto;right: 0.2rem;top: 50%;transform: translateY(-50%);} .wrap_ph ul{padding: 0.1rem 0.2rem 0.2rem;display: none;box-shadow: 0px 0.1rem 0.3rem 0px rgba(69, 10, 66, 0.11);} .wrap_ph li{font-size: 0.18rem;line-height: 0.34rem;font-family: hel-bold;} .wrap_ph li a{transition:0.5s;display: block;color: #333;} .inner .wrap_ph{/* display: none; */} .wrap_ph li.active a{color: #0046A8;} .wrap_ph i{opacity: 1;display: inline-block;width: .34rem;height: .3rem;display: inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: 0;top: 2px;transition: 0.5s;} .wrap_ph i.on{transform: rotate(-90deg);} .wrap_ph .box{display: none;padding-left: 0.25rem;} .wrap_ph .box a{font-size: 0.16rem;line-height: 0.3rem;color: #666 !important;display: block;} .wrap_ph .box a:hover{color: #0046A8;} .inner {padding: 0rem 0 1rem;position: relative;background: #e2effa;} .inner .wp{align-items: flex-start;} .inner_left {width: 2.5rem;z-index: 100;position: relative;margin-bottom: 0.4rem;position: sticky;top: 0;margin-top: -1rem;} .inner_right { width: calc(100% - 2.5rem);padding-left: .7rem;padding-top: 0.55rem;} .inner_left h2 {background: #0046A8;text-align: center;height: 1rem;align-items: center;justify-content: center;} .inner_left h2 p{color: #fff;line-height: .34rem;font-weight: bold;font-size: 0.34rem;font-family: sy;} .inner_left ul {background:url(../images/navbg.png) no-repeat bottom/cover #fff;padding-bottom: 1rem;} .inner_left ul li {position: relative;transition: .5s;padding: 0 0.2rem;} .inner_left ul li p {padding: .2rem;height: 100%;border-bottom: 1px dashed #dde4e7;/* text-align: center; */position: relative;} .inner_left ul li p a {font-size: 0.18rem;display: block;cursor: pointer;width: 100%;color: #333;transition: .5s;position: relative;line-height: 1.4;} .inner_left ul li:last-child p{border-bottom:none;} .inner_left ul li p::after{content: "";position: absolute;top: 50%;right: 0;width: .15rem;height: 0.15rem;transition: 0.5s; background: url(../images/jt1.png) no-repeat;background-size: 100%;transform: translateY(-50%);} .inner_left ul li:hover p a, .inner_left ul li.active p a {color: #0046A8;font-weight: bold;} .inner_left ul li.active p::after,.inner_left ul li:hover p::after{background: url(../images/jt2.png) no-repeat;background-size: 100%;} .nysubnav {display: none;} .inner_left ul li.active .nysubnav{display: block;padding-left: .3rem;} .nysubnav a { padding: 0px 0.3rem; line-height: 0.4rem; display: block; font-size: 0.16rem; } .nysubnav a:hover, .nysubnav a.on {color: #0046A8;} .local {border-bottom: 1px solid #ccc;padding: 0rem 0px 0.25rem;margin-bottom: .3rem;justify-content: space-between;align-items: center;} .local h2{color: #333;font-size: 0.28rem;font-family: sy;padding-left: 0.2rem;border-left: 0.04rem solid #0046A8;} .adress {color: #666;font-size: 0.16rem;position:relative;align-items: flex-start;} .adress p{padding-left: .25rem;line-height: 0.26rem;font-size: .14rem;color: #666;background: url(../images/home.png) no-repeat left center;background-size: 0.13rem;display: flex;height: 0.22rem;} .adress a {font-size: 0.16rem;color: #666;transition: 0.5s;} .adress a:hover { color: #0046A8; } /* jianjie */ .jjy{/* padding-top: 0.2rem; */} .jjy p{text-indent: 2em;} /* 新闻列表1 */ .newlist1 ul.list li a{padding:.2rem 0;} ul.list{margin-top: .1rem;} ul.list li a{align-items: center;line-height: 1.6;justify-content: space-between;padding: .15rem 0;border-bottom: 1px dashed #d2d2d2;} ul.list li a::after{width: 0;height: 1px;background: #0046A8;} ul.list h3{width: calc(100% - 1.1rem);font-size: 0.18rem;color: #333;padding: 0 .2rem 0 0.15rem;transition: 0.5s;position:relative;} ul.list li a > span{width: 1.1rem;text-align: right;white-space: nowrap;font-size: 0.16rem;color: #666;} ul.list li h3::after{width: 0.06rem;height: 0.06rem;background:#0046A8;top: 50%;transform: translateY(-50%);content:"";position:absolute;left: 0;border-radius: 50%;} .page{margin: .6rem 0 0;} .page img{display: block;margin: 0 auto;} @media(min-width: 1025px){ ul.list li a:hover h3{color: #0046A8;} ul.list li a:hover::after{width: 100%;} ul.list li a:hover{border-bottom:1px solid rgba(0,0,0,0);} } /* 学院新闻 */ .newlist li .scale{width: 3rem;} @media(min-width: 1024px){ } @media screen and (max-width: 1024px) { .newlist li a{padding: .2rem 0;} } @media screen and (max-width: 768px) { .newlist li .scale{width: 2.3rem;/* order: -1; */} } @media screen and (max-width: 480px) { .newlist li .scale{width: 100%;margin-bottom: 0.25rem;order: -1;margin-bottom: .2rem;} .newlist li .con{width: calc(100% - .8rem);padding:0 0.2rem 0 0;} } /* 通知公告 */ .mtsj li *{transition: 0.5s;} .mtsj li a{height: 100%;align-items: center;padding: 0.3rem 0;border-bottom: 1px solid #eee;} .mtsj li:first-child a{padding-top: 0;} .mtsj li:last-child a{border-bottom: none;} .mtsj li .mtdate{width: .9rem;flex-direction: column;justify-content: center;text-align: center;height: .9rem; border: 1px solid #0046A8;white-space: nowrap;transition:0.5s;} .mtsj li .mt-r{width: calc(100% - .9rem);padding: 0 0 0 0.3rem;height: 100%;} .mtsj li .mtdate span{font-size: 0.3rem;color: #0046A8;} .mtsj li .mtdate p{font-size: 0.14rem;color: #333;text-align: center;margin-top: .1rem;color: #0046A8;} .mtsj li .mt-r h2{font-size: 0.2rem;color: #333;line-height: 0.3rem;margin-bottom: 0.15rem;width: 100%;} .mtsj li .mt-r p{font-size: 0.15rem;color: #808080;width: 100%;line-height: .24rem;max-height: .48rem\0;} @media(min-width: 1025px){ .mtsj li a:hover .mtdate{background: #0046A8;} .mtsj li a:hover .mtdate span,.mtsj li:hover .mtdate p{color: #fff;} .mtsj li:hover h2,.mtsj li:hover .mt-r p{color:#0046A8;} } /* 内容 */ .cont-ny .article{width: 70%;} .cont-ny .right{width: 30%;padding-left: 0.6rem;} .article .tit{font-size: 0.22rem;color: #333;line-height: 0.32rem;margin: 0.1rem 0 .25rem;text-align: center;font-weight: bold;} .article .conttime{padding: 0rem 0 .2rem;border-bottom: 1px dashed #ccc;margin-bottom: 0.2rem;text-align: center;} .article .conttime span{font-size: 0.14rem;color: #888;padding: 0 0.1rem;} .article .cont p{font-size: 0.16rem;color: #333 !important;line-height: 1.8 !important;text-align:justify;margin-bottom: .1rem;text-indent: 2em;background: none !important;} .article .cont p span{font-size: 0.16rem !important;color: #333 !important;line-height: 1.8 !important;} .article .cont p img,.article .cont p video{height: auto !important;display: block;margin: 0 auto;max-width: 100% !important;} .article .cont table p{text-indent: 0 !important;} .article .share{justify-content: flex-end;padding: 0.15rem 0 0.35rem;font-size: 0.16rem;color: #333;} .new_miew{border: 1px solid #ddd;padding: 0.2rem 0.5rem;background: #fff;} .new_miew p{font-size: 0.16rem;color: #333;line-height: 1.6;margin-bottom: 0.05rem;} .new_miew p a{transition: 0.5s;} .new_miew p:hover a{color: #0046A8;} .cont-ny .right .sticky{ position: sticky;top: 1rem;} .cont-ny .right .tit{align-items: center;margin-bottom:0.15rem;} .cont-ny .right .tit h3{font-size: 0.18rem;color: #222;padding-left: 0.2rem;} .cont-ny .right li a{display: block;padding: .12rem 0rem;border-bottom: 1px solid #C3D4EB;} .cont-ny .right li span{color:#0046A8;font-size:.14rem;width: 100%;display: block;margin-top: 0.1rem;} .cont-ny .right li h3{color:#333;font-size: 0.14rem;transition: 0.5s;} .cont-ny .right li:hover h3{color: #0046A8;} @media(max-width: 1024px){ .new_miew{/* margin-top: .3rem; */} .cont p{margin-bottom: .1rem;} .cont-ny .article{width:100%;} .cont-ny .right{width: 30%;padding-left: 0.6rem;display:none;} .share{display: none;} } /* 校园风光 */ .xyfg ul{margin: 0 -0.18rem;} .xyfg li{width: 33.3%;padding:0 0.18rem;margin-bottom: 0.4rem;} .xyfg li a{display: block;position: relative;z-index: 1;padding: .15rem;} .xyfg li a::after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #dcdcdc;background: #fff;z-index: -1;} .xyfg li h3{font-size: 0.22rem;color: #333;line-height: 0.5rem;text-align: center;height: 50px;transition: 0.5s;padding-top: .05rem;} .xyfg li .scale .imged{padding-bottom: 57%;} @media(min-width: 1025px){ .xyfg li a:hover h3{color: #0046A8;} } @media(max-width: 1024px){ .xyfg .vde{margin-bottom: 0.3rem;} .xyfg ul{margin: 0 -0.1rem;} .xyfg li{padding: 0 0.1rem;margin-bottom: 0.3rem;} .xyfg li a::after{left: 0;right: 0;} .xyfg li h3{height: 0.4rem;line-height: 0.4rem;} } @media(max-width: 768px){ .xyfg li{width: 50%;} .xyfg li:last-child{display:none;} } /* 师资列表 */ .xrld ul{justify-content: space-between;} .xrld li{width: 48%;margin-bottom: .6rem;} .xrld li a{align-items: center;box-shadow: 0px 2px 8px 0px rgba(10, 11, 24, 0.1);background: #fff;} .xrld li a::after{background: #0046A8;width: 100%;height: 0;} .xrld li .scale{width: 2.15rem;} .xrld li .con{width:calc(100% - 2.15rem);padding: .3rem .25rem;} .xrld li h3{font-size: 0.22rem;color: #333;line-height: 0.32rem;padding-bottom: .15rem;border-bottom: 1px solid #eee;transition: 0.5s;} .xrld li h3::after{width: 0.83rem;height: 0.03rem;background: #0046A8;bottom: -1.5px;} .xrld li p{font-size: 0.16rem;color: #666;line-height: 0.3rem;max-height: 0.9rem\0;margin-top: .2rem;transition: 0.5s;} .xrld li .imged{padding-bottom: 130%;} @media(min-width: 1024px){ .xrld li a:hover::after{height: 100%;} .xrld li a:hover h3:after{background: #fff;} .xrld li a:hover h3,.xrld li a:hover p{color: #fff !important;} } @media screen and (max-width: 1024px) { .xrld li{width: 49%;margin-bottom: .3rem;} } @media screen and (max-width: 768px) { .xrld li{width: 100%;} } @media screen and (max-width: 420px) { .xrld li .scale{width: 1.6rem;} .xrld li .con{width:calc(100% - 1.6rem);padding: .2rem .2rem;} } /* 组织机构 */ .dzjg .fl01{margin-bottom: .35rem;position: relative;} .dzjg .fl01>h3{width: 100%;overflow: hidden;margin-bottom: .25rem; background: #0046A8;display: flex;align-items: center;height: 0.65rem;} .dzjg .fl01>h3 span{font-size: 0.24rem;color: #fff;font-weight: 500;padding-left: .3rem;display: flex;} .dzjg .fl01 ul{margin: 0 -0.15rem;} .dzjg .fl01 li{width: 33.3%;padding: 0 0.15rem;display: flex;align-items: center;margin-bottom: 0.15rem;} .dzjg .fl01 li h3{display: block;transition: 0.5s;width: 100%;background: #ecf3f6;height: 0.6rem;display: flex;align-items: center;border: 1px solid #BAD4DC;padding: 0 0.2rem;} .dzjg .fl01 li h3 a{display: inline-block;padding-left: 0.3rem;background: url(../images/jgli.png) no-repeat left center;background-size: 0.22rem;font-size: .16rem;color: #222;line-height: 1.3;} @media(min-width: 1024px){ .dzjg .fl01 li h3:hover{} .dzjg .fl01 li h3:hover a{color: #0046A8;} } @media screen and (max-width: 1024px) { .dzjg .fl01 ul{margin: 0 -0.1rem;} .dzjg .fl01 li{width: 33.3%;padding: 0 0.1rem;} } @media screen and (max-width: 768px) { .dzjg .fl01{margin-bottom: .3rem;} .dzjg .fl01 li{width: 50%} .dzjg .fl01>h3 span{font-size:.22rem;} } @media screen and (max-width: 420px) { .dzjg .fl02 li{width: 100%;} } /* 师资队伍 */ .szlist ul{margin: 0 0rem 0.4rem;justify-content: space-between;} .szlist li{width: 46%;margin-bottom: 0.6rem;} .szlist li a{align-items: center;} .szlist li .pis{width: 2.3rem;padding: 0 0 0.1rem 0.1rem;} .szlist li .con{flex: 1;min-width: 0;padding-left: 0.45rem;} .szlist li .pis::after{width: auto;height: auto;left: 0;right: 0.1rem;top: 0.1rem;background: #0046A8;} .szlist li h3{font-size: 0.28rem;color: #333;margin-bottom: 0.2rem;padding-bottom: 0.18rem;border-bottom: 1px solid #ddd;font-weight: 700;align-items: flex-end;} .szlist li h3 span{display: inline-block;padding-left: 0.25rem;font-size: 0.18rem;font-weight: normal;color: #808080;} .szlist li p{font-size: 0.18rem;color: #999;line-height: 0.26rem;word-break: break-all;display: flex;align-items: flex-start;margin-bottom: 0.1rem;} .szlist li p span{width: 0.23rem;height: 0.23rem;display: flex;align-items: center;justify-content: center;margin-right: 0.1rem;} .szlist li .imged{padding-bottom: 135%;} @media(min-width: 1025px){ .szlist li a:hover h3{color: #0046A8;} } @media screen and (max-width: 1200px) { .szlist ul{margin: 0rem;} .szlist li{width: 48%;} .szlist li span{padding-left: .1rem;} } @media screen and (max-width: 1024px) { .szlist li{width: 49%;margin-bottom: 0.4rem;} } @media screen and (max-width: 768px) { .szlist li{width: 100%;} .szlist li .con{padding-left: 0.2rem;} } @media screen and (max-width: 420px) { } /* 学院领导 */ .xyld{overflow-x: auto;background: rgba(224,235,240,.2);padding-bottom: 0.4rem;} .xyld table{width: 100%;} .xyld table th{text-align: left;font-weight: bold;font-size: 0.2rem;padding: 0.25rem 0.3rem;border-bottom: 1px solid rgba(30,122,149,.2);} .xyld table td {padding: 0.15rem 0.3rem;} .xyld table td p{font-size: 0.18rem;color: #666;line-height: 1.4;} .xyld table th:nth-child(1){width: 20%;} .xyld table th:nth-child(2){width: 15%;} .xyld table th:nth-child(3){width: 65%;} @media screen and (max-width: 768px) { .xyld table{width:800px;} } /* 通知公告 */ .tzgg ul{justify-content: space-between;} .tzgg li{margin-bottom: .25rem;width: 100%;} .tzgg li a{padding: 0rem;background: #fff;height:2rem;align-items: center;border: 1px solid #E5E5E5;} .tzgg li *{transition: 0.5s;} .tzgg li a::after{background:#F1FAFF;box-shadow: 10px 5px 15px 0px rgba(37, 92, 121, 0.3);width: 100%;opacity: 0;} .tzgg li .date{width: 1.35rem;height: 100%;border-right: 1px solid #ddd;padding:0rem 0 0 0.3rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;} .tzgg li .con{padding: 0 0.4rem;flex: 1;min-width: 0;} .tzgg li .date span{display: block;color: #0046A8;font-size: 0.26rem;font-family: geo;line-height: 1.1;padding-bottom: 0.15rem;} .tzgg li .date p{font-size: 0.16rem;color: #aaa;font-family: geo;padding-top: 0.14rem;border-top:0.02rem solid #aaa;display: inline-block;} .tzgg li h3{font-size: 0.18rem;color: #333;line-height: 0.3rem;margin-bottom: 0.2rem;} .tzgg li h4{font-size: 0.14rem;color: #999;line-height: 0.3rem;max-height: 0.6rem\0;margin-top: 0.15rem;} @media(min-width: 1024px){ .tzgg li a:hover::after{opacity: 1;} .tzgg li a:hover .date{background: #0046A8;} .tzgg li a:hover .date p,.tzgg li a:hover .date span{color: #fff;} .tzgg li a:hover h3{color: #0046A8;font-weight: bold;} .tzgg li a:hover .date p{border-top: 0.02rem solid #F6CB84;} } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { .tzgg li{width: 100%;margin-bottom: 0.3rem;} .tzgg li a{height: auto;/* padding: .2rem 0; */} .tzgg li h3{margin-bottom: 0.1rem;} .tzgg li .date{width: 1.1rem;} .tzgg li .con{width: calc(100% - .9rem);padding: 0.2rem;} } /* 师资详情 */ .xzjj .fl01{align-items: center;margin-bottom: 0.45rem;} .xzjj .fl01 .scale {width: 2.3rem;padding: 0 0 0.1rem 0.1rem;} .xzjj .fl01 .con{width: calc(100% - 2.3rem);padding-left: 0.6rem;} .xzjj .fl01 .scale::after{width: auto;left: 0;right: 0.1rem;bottom: 0rem;background: #0046A8;top: 0.1rem;} .xzjj .fl01 h3{font-size: 0.28rem;color: #333;font-weight: 700;padding-bottom: 0.15rem;border-bottom: 1px solid #ddd;display: inline-block;margin-bottom: 0.2rem;} .xzjj .fl01 h3 span{font-size: 0.18rem;font-weight: normal;} .xzjj .fl01 h3::after{width: 0.9rem;height: 1px;background: #0046A8;} .xzjj .fl01 h4{font-size: .18rem;line-height: 0.28rem;color: #888;margin-bottom: 0.2rem;align-items: center;} .xzjj .fl01 h4 img{display: inline-block;margin-right: 0.1rem;} .xzjj .fl01 p{font-size: 0.18rem;line-height: 0.34rem;color: #666;} .xzjj .cont p{text-indent: 2em;font-size: 0.18rem;line-height: 1.8;color: #666;} .xzjj .fl01 .imged{padding-bottom: 125%;} @media(min-width: 1200px){ } @media(max-width: 1024px){ .xzjj .fl01 h3{font-size: 0.3rem} .xzjj .fl01 h4{margin:.15rem 0;} } @media(max-width: 768px){ .xzjj .fl01{padding:0rem 0;margin-bottom: 0.2rem;} .xzjj .fl01 .scale {width: 4.2rem;margin: 0 auto .25rem;} .xzjj .fl01 .con{width: 100%;padding: 0 0.25rem;} .xzjj .fl01 h3,.xzjj .fl01 h4{text-align:center;} } /* */ .xrld2 li{margin-bottom: 0.25rem;} .xrld2 li a{border: 1px solid #E5E5E5;background: #FFFFFF;padding: 0.35rem 0.45rem;display: block;} .xrld2 li h3{font-weight: 700;font-size: 0.28rem;padding-bottom: 0.2rem;margin-bottom: 0.15rem;background: url(../images/n-line.png) no-repeat left bottom ;background-size: 2.16rem;} .xrld2 li h3 span{display: inline-block;color: #808080;font-size: 0.18rem;padding-left: 0.2rem;font-weight: normal;} .xrld2 li h3::after{width: 0.85rem;height: 1px;background: #0046A8;bottom: 0.04rem;} .xrld2 li p{font-size: 0.18rem;color: #808080;line-height: 0.28rem;} .xrld2 li h4{margin-top: 0.15rem;align-items: flex-start;} .xrld2 li h4 b{font-weight: bold;color: #0046A8;font-size: 0.18rem;line-height: 0.28rem;} .xrld2 li h4 p{flex: 1;min-width: 0;} @media screen and (max-width: 1200px) { } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { .xrld2 li a{padding: 0.2rem;} .xrld2 li h3{font-size: 0.24rem;} } @media screen and (max-width: 420px) { } /* 三级栏目展开 */ .inner{min-height: 7rem;} .erji-nav li{margin-bottom: .5rem;} .erji-nav h3{height: 0.5rem;width: 100%;background: #f0e5e5;font-size: 0.24rem;color: #0046A8;line-height: 0.5rem;padding: 0 .2rem;} .erji-nav .erji-down{padding: .3rem;background: #f8f8f8;display: none;} .erji-nav .erji-down p{font-size: 0.18rem;color: #333;line-height: 0.3rem;} /* 翻页 */ .j_pages{margin:0.6rem auto 0;text-align: center;} .j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;} .j_pages a{padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;background: #fff;margin: 0 0.03rem;color: #919191;font-size: 0.14rem;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 0.04rem;border: 1px solid #dadbdd;margin-bottom: .15rem;} .j_pages a font{ padding:0 0.1rem} .j_pages .on{background: #0046A8;color: #fff;} .j_pages a:hover{background: #0046A8;color:#fff!important;} .j_pages span{color:#919191; padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block; font-size:0.14rem;} .j_pages input{color:#919191;padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;font-size:0.14rem;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;} .j_pages input[type="text"]{ width:0.4rem; padding:0; text-align:center} .j_pages input[type="submit"]:hover{ background: #0046A8; color:#fff} .j_pages .qd{background: #0046A8;color: #fff;border-radius: 0.05rem;height: 0.3rem;line-height: 0.3rem;} @keyframes round_animate { to { transform: rotate(1turn); } } /* 三级导航 */ .san-nav{width: 100%;background: #f7f7f7;margin-bottom: .3rem;display: none;} .san-nav ul{display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;} .san-nav li{/* height: 0.8rem; */display: flex;align-items: flex-end;padding:0 .3rem;} .san-nav a{display: inline-block;/* margin: 0 0.4rem; */font-size: 0.16rem;color: #a9a9a9;display: flex;align-items: center;height: 0.5rem;} .san-nav a::after{height: 0.02rem;left: 0;background: rgba(0,0,0,0);width:100%} .san-nav a.on::after{background: #0046A8;} .san-nav a:hover,.san-nav a.on{color: #0046A8;} @media screen and (max-width: 1200px) { } @media screen and (max-width: 1024px) { .inner_left,.inner_right .lm_top .adress{display: none;} .inner_right{width: 100%;padding-left: 0;padding-top: 0;} .wrap_ph{display: block;/* background: #e2effa; */} .inner{padding: .3rem 0 .5rem;} .page{margin:.25rem 0 0;} .local h2{display: none;} .san-nav{display: block;} .local{margin-bottom: 0.2rem;} } @media screen and (max-width: 768px) { .j_pages{margin:0.3rem auto 0;} }