/* * @author: administrator * @date: 2016-07-20 19:42:04 * @last modified by: tanbei * @last modified time: 2016-11-11 14:58:24 */ * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @font-face { font-family: 'selffont'; src: format('truetype'); font-weight: normal; font-style: normal; } html { width: 100%; height: 100%; } body { width: 100%; height: 100%; /*overflow: hidden;*/ } .container { width: 100%; height: 100%; margin: 0 auto; background-color: #fcf7f1; } header { width: 100%; height: 0.9rem; line-height: 0.9rem; background-color: #d32f2f; } header div { width: 33.3%; height: 0.9rem; float: left; text-align: center; } header .icons div { width: 1.1rem; } #jintian { background: url(/uploads/image/shsimages/jintian.png) no-repeat 0.1rem center; background-size: 25px; /*margin-left: 0.1rem;*/ } #huangli { color: #ffffff; font-size: 0.27rem; display: inline-block; height: 0.25rem; line-height: 0.25rem; vertical-align: top; border: 1px solid #ffffff; padding: 8px 5px 5px 5px; border-radius: 3px; margin-top: 0.2rem; width: 1.25rem; margin-left: 0.2rem; text-align: center; } .returnback { color: #fff; padding-left: 0.2rem; background: url(/uploads/image/shsimages/returnarrow.png) no-repeat 0.13rem center; background-size: 0.2rem; width: 12%; text-align: center; margin-left: 0.1rem; font-size: 0.30rem; } #festival { background: url(/uploads/image/shsimages/festival.png) no-repeat center center; background-size: 25px; float: right; } header .date { width: 100%; height: 0.9rem; line-height: 0.9rem; font-size: 0.44rem; font-family: 'ºúìå'; font-weight: 100; color: #fff; } header .tablecal { height: 100%; /*background: url(/uploads/image/shsimages/tablecal.png) no-repeat 83% center;*/ /*background-size: 80px;*/ } .tablecal1 { height: 100% !important; /*background: url(/uploads/image/shsimages/tablecal1.png) no-repeat 83% center !important;*/ /*background-size: 80px !important;*/ } .yueli { width: 100%; } .weekname { width: 97%; height: 0.6rem; margin: 0 auto; font-size: 0.28rem; color: #a8a8a8; } .yueli .weekname table { height: 100%; width: 100%; text-align: center; } .weekname table td { vertical-align: middle; } section.calendarbox { width: 330%; font-size: 0.2rem; } .swiper-container { min-height: 280px; overflow: hidden; border-bottom: 1px solid #d9d9d9; padding-left: 1%; } .loading { position: absolute; height: 280px; top: 1.5rem; left: 0; right: 0; margin: auto; } .loading img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 6rem; } section.calendarbox .calendar { width: 33.3%; position: relative; left: 0; top: 0; float: left; font-family: '����'; } .yueli .leap-month { font-size: 0.6rem; } .huangli .leap-month { font-size: 0.84rem; } .calendar a { display: inline-block; width: 14.13%; height: 1.2rem; text-align: center; font-family: '����'; text-decoration: none; position: relative; } .calendar a.fiverow { display: inline-block; width: 10.85%; height: 1.5rem; text-align: center; margin-left: 3%; font-family: '����'; text-decoration: none; } .daywrapper .jprestwork { width: 14px; height: 14px; -webkit-background-size: contain !important; -moz-background-size: contain !important; -ms-background-size: contain !important; background-size: contain !important; text-align: right; position: absolute; right: 4%; top: 15%; color: #ffc880; } .daywrapper .daycontent { font-size: 0.4rem; color: #333333; } .daywrapper .daycontent .daydate { font-family: selffont; } .daywrapper .daycontent .weekend { color: #d32f2f; } .daywrapper .daycontent .holiday { color: #d32f2f; } .calendar a.before .daywrapper .daycontent, .calendar a.after .daywrapper .daycontent { color: #cccccc; } .calendar a.before .daywrapper .daycontent .weekend, .calendar a.before .daywrapper .daycontent .holiday, .calendar a.after .daywrapper .daycontent .weekend, .calendar a.after .daywrapper .daycontent .holiday { color: #cccccc; } .daywrapper .daycontent .daycndate { font-size: 0.23rem; width: 100%; overflow: hidden; letter-spacing: 1px; text-align: center; white-space: nowrap; } .calendar table:nth-child(1) tr { height: 0.3rem; line-height: 0.6rem; color: #a8a8a8; } .calendar table:nth-child(2) tr { /*height: 15%;*/ } .calendar table:nth-child(2) tr td { width: 14%; vertical-align: middle; position: relative; } .calendar table:nth-child(2) tr td a { display: inline-block; text-decoration: none; color: #333333; } .calendar table:nth-child(2) tr td a .jprestwork { text-align: right; position: absolute; right: 4%; top: 18%; color: #ffc880; } .calendar table:nth-child(2) tr td a div.number { font-size: 0.4rem; text-align: center; font-family: ����; } .calendar table:nth-child(2) tr td a div.lnumber { height: 0.3rem; font-size: 0.23rem; line-height: 0.3rem; letter-spacing: 1px; font-family: ����; overflow: hidden; text-align: center; } .calendar table:nth-child(2) tr td a div.tdhover { width: 100%; height: 100%; position: absolute; top: 8%; right: 5%; } .today { background: url(/uploads/image/shsimages/today.png) no-repeat center center !important; -webkit-background-size: 0.9rem !important; -moz-background-size: 0.9rem !important; -ms-background-size: 0.9rem !important; background-size: 0.9rem !important; } .block_click { background: url(/uploads/image/shsimages/chooseday.png) no-repeat center center; -webkit-background-size: 0.9rem; -moz-background-size: 0.9rem; -ms-background-size: 0.9rem; background-size: 0.9rem; } section.huanglibox { width: 100%; margin: 0 auto; /*height: 4.35rem;*/ font-size: 0.28rem; background-color: #fcf7f1; } section.huanglibox .daybox { padding-top: 15px; width: 45%; float: left; } .daybox div { /*width: 54%;*/ /*float: left;*/ } .daybox .day { font-size: 0.73rem; font-family: ����; color: #d32f2f; text-align: center; font-weight: 500; width: 100%; } .daybox .weekbox { font-size: 10px; padding-top: 7px; text-align: center; } .daybox .weekbox p { display: inline; color: #b06d3d; margin-bottom: 0.05rem; } /*.daybox .weekbox .week { color: #b06d3d; margin-bottom: 0.05rem; }*/ /*.daybox .weekbox .nongliweek { padding: 0 5px; height: 0.45rem; line-height: 0.48rem; color: #fff; background: url(/uploads/image/shsimages/huangliweekbg.png) no-repeat center center; background-size: 100% 77%; }*/ section.huanglibox .info { width: 55%; line-height: 0.57rem; font-size: 0.26rem; float: right; padding-top: 0.3rem; } .yicontent, .jicontent { width: 85%; padding-left: 1.1rem; background: url(/uploads/image/shsimages/yi.png) no-repeat 5% center; background-size: 9%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .jicontent { background-image: url(/uploads/image/shsimages/ji.png); } section.huanglibox .info p { /*height: 0.45rem; line-height: 0.45rem;*/ } .info p img { display: inline-block; width: 6%; vertical-align: middle; padding: 0 8px; } .huangli .huanglifooter-moji { display: none; } /*��������*/ div.huangli { background-color: #fcf7f1; width: 100%; display: none; } /*������ñ¯ï¿½ï¿½ï¿½ï¿½*/ .huanglinews { font-size: 0.3rem; color: #595855; } .huanglinews .fengebg { width: 100%; height: 0.4rem; background: url(/uploads/image/shsimages/news.png) no-repeat center center; background-size: contain; margin-top: 0.3rem; } .huanglinews .newsbox { font-size: 0.33rem; } .newsbox .newsitem { width: 92%; height: 1.4rem; padding: 0.3rem; border-bottom: 1px solid #e2ded8; } .newsbox .newsitem a { color: #595855; } .newsitem .newscontent { width: 65%; float: left; } .newsitem .newscontent .content { padding-top: 0.2rem; line-height: 0.5rem; } .newsitem .newscontent span { font-size: 0.24rem; color: #d32f2f; border: 1px solid #d63c3c; } .newsitem .newscontent span:nth-child(3) { border: 0; color: #cacaca; } .newsitem .newsimg { float: right; width: 30%; height: 100%; } .newsitem .newsimg img { width: 100%; height: 100%; } .huangli .huanglifooter { display: block; width: 100%; height: 1rem; background: url(/uploads/image/shsimages/xiazaiba.png) no-repeat center center; background-size: 100%; } @media (max-width: 500px) { .yicontent, .jicontent { width: 85%; padding-left: 35px; } } @media (min-width: 415px) { header .icons div { width: 100px; height: 42px; } #huangli { font-size: 18px; width: 125px; height: 10px; line-height: 10px; margin-top: 5px; } .returnback { font-size: 18px; background-size: 10%; padding-left: 0; } #jintian { background: url(/uploads/image/shsimages/jintian.png) no-repeat center center; background-size: 25px; } #festival { background: url(/uploads/image/shsimages/festival.png) no-repeat 30px center; background-size: 25px; } header, header div, header .date, header .icons, header .icons div { height: 42px; line-height: 42px; } header .date { font-size: 25px; } section.huanglibox { height: 130px; font-size: 13px; } section.huanglibox .daybox { height: 69px; padding-top: 5px; } .daybox .day { font-size: 51px; line-height: 66px; margin-right: 30px; } .daybox .weekbox { padding-top: 13px; } .daybox .weekbox .week { margin-bottom: 2px; } .daybox .weekbox .nongliweek { height: 24px; line-height: 26px; } section.huanglibox .info { line-height: 27px; font-size: 14px; } .yicontent, .jicontent { /*padding-left: 85px;*/ background: url(/uploads/image/shsimages/yi.png) no-repeat 3% center; -webkit-background-size: 25px; -moz-background-size: 25px; -ms-background-size: 25px; background-size: 25px; } .jicontent { background-image: url(/uploads/image/shsimages/ji.png); } section.huanglibox .info p { height: 25px; line-height: 25px; } .yueli .weekname { margin: 0 auto; } .weekname { width: 97%; height: 40px; margin: 0 auto; font-size: 16px; color: #a8a8a8; } .daywrapper .daycontent { font-size: 22px; } .daywrapper .daycontent .daycndate { font-size: 18px; overflow: hidden; letter-spacing: 2px; text-align: center; } .newsitem .newsimg img { width: 250px; height: 140px; float: right; } .today { background: url(/uploads/image/shsimages/today.png) no-repeat center 60% !important; -webkit-background-size: 55px !important; -moz-background-size: 55px !important; -ms-background-size: 55px !important; background-size: 55px !important; } .block_click { background: url(/uploads/image/shsimages/chooseday.png) no-repeat center 60%; -webkit-background-size: 55px; -moz-background-size: 55px; -ms-background-size: 55px; background-size: 55px; } } @media (min-width: 320px) and (max-width: 415px) { .daywrapper .jprestwork { right: 0%; } } @media (min-width: 415px) and (max-width: 680px) { header .icons div { width: 60px; } section.calendarbox { height: 355px !important; } .daywrapper .daycontent { font-size: 18px; } .daywrapper .daycontent .daycndate { font-size: 16px; overflow: hidden; letter-spacing: 1px; text-align: center; } .today { background: url(/uploads/image/shsimages/today.png) no-repeat center center !important; -webkit-background-size: 0.7rem !important; -moz-background-size: 0.7rem !important; -ms-background-size: 0.7rem !important; background-size: 0.7rem !important; } .block_click { background: url(/uploads/image/shsimages/chooseday.png) no-repeat center center; -webkit-background-size: 0.7rem; -moz-background-size: 0.7rem; -ms-background-size: 0.7rem; background-size: 0.7rem; } .newsitem .newsimg img { width: 100%; height: 100%; float: right; } } .huanglifooter-moji {} .huanglifooter-moji ul { padding-top: 5px; margin: 0 15px; } .huanglifooter-moji ul li { width: 20%; text-align: center; float: left; padding-right: 6.66%; padding-top: 10px; } .huanglifooter-moji ul li:first-child {} .huanglifooter-moji ul li:last-child { padding-right: 0; } .huanglifooter-moji ul li img { width: 60%; } .huanglifooter-moji ul li span { color: #d32f2f; font-size: 12px; display: inline-block; vertical-align: top; margin-bottom: 70px } .huanglifooter-moji-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(239, 228, 214, 0.9); height: 1rem; line-height: 1rem; } .huanglifooter-moji-banner img { display: inline-block; } .huanglifooter-moji-banner-logo { width: 0.7rem; padding-top: 0.15rem; padding-left: 15px; } .huanglifooter-moji-banner-desc { display: inline-block; /* width: 3.4rem; */ font-size: 0.28rem; padding-top: 0.05rem; vertical-align: top; margin-left: -0.15rem; } .huanglifooter-moji-banner-download { width: 1.5rem; height: 0.6rem; line-height: 0.6rem; text-align: center; margin-top: 0.23rem; margin-right: 15px; vertical-align: top; float: right; font-size: 0.23rem; border-radius: 0.1rem 0.1rem; background-color: #b42323; color: #fff; text-decoration: none; } .huanglibox-desc {padding: 25pt 0pt;height: 70px;background-color: #fcf7f1;} .huanglibox-desc ul { width: 100%; } .huanglibox-desc ul li { padding-top: 10px; width: 22%; float: left; padding-right: 4%; } .huanglibox-desc ul li:last-child { padding-right: 0; } .huanglibox-desc ul li img { width: 100%; } .huanglibox-download img { padding-top: 20px; width: 100%; } .huanglibox-banner {} .huanglibox-banner img { display: inline-block; vertical-align: top; } .huanglibox-banner .logo { width: 0.45rem; padding-top: 0.15rem; } .huanglibox-banner .desc { width: 2rem; padding-top: 0.26rem; } .huanglibox-banner .desc1 { float: right; width: 1.4rem; padding-top: 0.26rem; }