.wrap, body, html { margin-left: auto; margin-right: auto } .fl { float: left } .fr { float: right } dd:after, dd:before, div:after, div:before, dl:after, dl:before, dt:after, dt:before, li:after, li:before, ol:after, ol:before, ul:after, ul:before { content: ""; display: block } dd:after, div:after, dl:after, dt:after, li:after, ol:after, ul:after { clear: both } a { text-decoration: none } a:link, a:visited { color: #333 } a:active, a:hover { color: #d1171e } body, html { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; padding: 0 } a, abbr, acronym, address, big, blockquote, caption, cite, code, dd, div, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, table, td, th, time, ul { margin: 0; padding: 0 } a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, time, ul { border: 0; outline: 0; vertical-align: baseline } body { font-family: "PingFang SC", "Heiti SC", Helvetica, HelveticaNeue, Droidsansfallback, "Droid Sans", "微软雅黑"; text-align: left; margin: 0 auto; line-height: .8rem; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #333; background-color: #fff; padding-bottom: 1.73333rem } button { border-radius: 0; -webkit-border-radius: 0; outline: 0 } input { border-radius: 0; outline: 0; -webkit-tap-highlight-color: transparent } input[type=submit] { border-radius: 0; -webkit-border-radius: 0; outline: 0; -webkit-appearance: none } input:-ms-clear { display: none } input, textarea { border: 0 } textarea { resize: none; -webkit-appearance: none; outline: 0; font-family: "PingFang SC", "Heiti SC", Helvetica, HelveticaNeue, Droidsansfallback, "Droid Sans", "微软雅黑" } img { max-width: 100% !important; height: auto !important; border: 0; vertical-align: middle } li, ol, ul { list-style: none } input:-moz-placeholder, textarea:-moz-placeholder { color: #aab3b7 } input::-moz-placeholder, textarea::-moz-placeholder { color: #aab3b7 } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aab3b7 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aab3b7 } button, input, textarea { -webkit-appearance: none; border-radius: 0; background: 0 0 } html { font-size: 32px } @media (min-width:320px) { html { font-size: 32px } } @media (min-width:360px) { html { font-size: 36px } } @media (min-width:375px) { html { font-size: 37.5px } } @media (min-width:411px) { html { font-size: 41.1px } } @media (min-width:414px) { html { font-size: 41.4px } } @media (min-width:425px) { html { font-size: 42.5px } } @media (min-width:586px) { html { font-size: 58.6px } } @media (min-width:680px) { html { font-size: 68px } } @media (min-width:768px) { html { font-size: 75px } } .wrap, body, html { width: 100%; min-width: 320px; max-width: 750px } .clear { display: block; clear: both; overflow: hidden } .none { display: none } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; outline: 0 } .wrap, body { position: relative } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0rem } .m-nav { width: 3.2rem; height: auto; position: absolute; right: .4rem; top: 1.36rem; z-index: 81; background: #bf483b; padding: 0 .26667rem; border-radius: .04rem; display: none } .m-nav i { position: absolute; right: .26667rem; top: -.18667rem; width: .29333rem; height: .26667rem; display: block; background: url(/static/mobile/images/navicon01.png) center top no-repeat } .m-nav li a { font-size: .38667rem; padding: .14667rem 0; border-bottom: 1px solid #ca6e65; display: block; line-height: 2em; color: #fff } .m-nav li em { width: .45333rem; display: inline-block; height: .37333rem; margin-right: .18667rem; margin-left: .26667rem; vertical-align: text-bottom } .m-nav li:nth-child(1) em { background: url(/static/mobile/images/nav1.png) left center no-repeat; -webkit-background-size: .45333rem; background-size: .45333rem } .m-nav li:nth-child(2) em { background: url(/static/mobile/images/nav5.png) left center no-repeat; -webkit-background-size: .45333rem; background-size: .45333rem } .m-nav li:nth-child(3) em { background: url(/static/mobile/images/nav2.png) left center no-repeat; -webkit-background-size: .45333rem; background-size: .45333rem } .m-nav li:nth-child(4) em { background: url(/static/mobile/images/nav3.png) left center no-repeat; -webkit-background-size: .45333rem; background-size: .45333rem } .m-nav li:nth-child(5) em { background: url(/static/mobile/images/nav4.png) left center no-repeat; -webkit-background-size: .45333rem; background-size: .45333rem } .m-nav li:nth-child(6) em { background: url(/static/mobile/images/nav7.png) left center no-repeat; -webkit-background-size: .45333rem; background-size: .45333rem } .m-nav li:nth-child(7) em { background: url(/static/mobile/images/nav6.png) left center no-repeat; -webkit-background-size: .45333rem; background-size: .45333rem } .insidetop { clear: both; background: #ffc69c; border-radius: 0rem 0rem .4rem .4rem; position: relative; z-index: 999 } .insidetop .insidetopone { width: 100%; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; padding: .1333rem 0; border-radius: 0rem 0rem .4rem .4rem; box-shadow: 0rem 0rem .10667rem rgba(135, 151, 191, .25) } .insidetop .insidetopone .nav_dbfl { width: .85333rem; position: absolute; left: .16rem; top: 50%; margin-top: -.42667rem; padding: 0 } .insidetop .insidetopone .nav_dbfr { width: .66667rem; position: absolute; right: .26667rem; top: .09333rem; line-height: .66667rem } .insidetop .insidetopone p { padding: 0 16% 0 12%; white-space: nowrap; font-size: .37333rem; line-height: .93333rem; text-overflow: ellipsis; overflow: hidden; text-align: center; color: #23282e; width: 100% } .insidetop .insidetopone p a { color: #23282e } .insidetop .insidetopone .nav { cursor: pointer; width: .72rem; height: .72rem; border-radius: .16rem; position: absolute; right: .4rem; top: 50%; margin-top: -.36rem; background: #bf493b; transition: all .5s } .insidetop .insidetopone .nav i { clear: both; position: relative; display: block; background: #fff; height: .05333rem; width: .44rem; margin: .33333rem auto } .insidetop .insidetopone .nav i:after, .insidetop .insidetopone .nav i:before { content: ''; left: .04rem; right: .04rem; height: .05333rem; position: absolute; background: #fff } .insidetop .insidetopone .nav i:after { bottom: -.17333rem } .insidetop .insidetopone .nav i:before { top: -.17333rem } .insidetop .insidetopone .nav.intro { width: .62rem; height: .62rem; background: 0 0; margin-top: -.41333rem; transform: rotate(135deg) } .insidetop .insidetopone .nav.intro i { clear: both; display: block; width: 100%; height: 100%; border-radius: 50% 0rem 50% 50%; transition: all .3s; background: #bf493b; margin: 0rem } .insidetop .insidetopone .nav.intro i:after, .insidetop .insidetopone .nav.intro i:before { content: ''; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } .insidetop .insidetopone .nav.intro i:before { height: .36rem; width: .05333rem } .insidetop .insidetopone .nav.intro i:after { width: .36rem; height: .05333rem } .insidetop .insidetoptwo { clear: both; display: block; text-align: center; font-size: .34667rem; color: #fff; line-height: .4rem; padding: .2rem } .footer { padding-top: .4rem } .mobile_footer { font-size: .37333rem; line-height: 1.5; padding-top: .33333rem; padding-bottom: 30px; text-align: center } #gotoTop2 { width: .86667rem; height: 1.21333rem; display: none; cursor: pointer; text-indent: -999em; background: url(/static/mobile/images/goto.png) no-repeat left top; right: 0rem; background-size: .86667rem; position: fixed; bottom: 3.2rem; z-index: 999 } .foot-fixed { width: 100%; max-width: 730px; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 999; font-family: "微软雅黑"; display: none; } .foot-box { background: #f7ddc2; background: -webkit-linear-gradient(left, #f7ddc2 0%, #fbead3 100%); background: -moz-linear-gradient(left, #f7ddc2 0%, #fbead3 100%); background: -ms-linear-gradient(left, #f7ddc2 0%, #fbead3 100%); background: -o-linear-gradient(left, #f7ddc2 0%, #fbead3 100%); background: linear-gradient(to right, #f7ddc2 0%, #fbead3 100%); border-radius: .7333rem 0 .7867rem .7333rem; height: 1.6rem; } .foot-day { padding: .12rem .2133rem .2133rem; } .foot-day li a { display: flex; align-items: center; justify-content: center; } .foot-day li img { display: inline-block; } .foot-day li p { font-size: .24rem; line-height: 1.2em; } .foot-kf { width: 3.6rem; border: 1px solid #c13a2a; border-radius: .6rem; height: 1.1733rem; margin-top: .12rem; float: left; } .foot-kf a { padding-top: .1733rem; padding-bottom: .08rem; display: block; } .foot-kf img { width: .5867rem; height: .56rem; } .kf-info { text-align: left; color: #c13a2a; margin-left: .2667rem; } .kf-info span { display: block; font-size: .4rem; font-weight: 900; line-height: 1.3em; } .foot-tel { width: 5.4133rem; position: relative; float: right; z-index: 1; } .foot-tel a { display: block; background: url(/static/mobile/images/tel-bg.png) no-repeat center; background-size: 5.4133rem; height: 1.2rem; } .foot-tel::after { content: ''; position: absolute; left: -0.0533rem; bottom: -0.1067rem; right: 0; height: 100%; background-color: #a11d0e; border-radius: .7333rem 0 .7867rem .7333rem; z-index: -1; } .foot-tel a { display: block; padding-top: .0233rem; } .foot-tel img { width: .92rem; height: 1.0533rem; margin-left: -0.1333rem; } .tel-info { color: #fbead3; margin-left: .1333rem; } .tel-info .tel-num { font-size: .4rem; font-weight: bold; text-shadow: 0 0 .2133rem rgba(153, 27, 13, 0.71); line-height: 1.2em; margin-bottom: .16rem; } .tel-num span { animation-duration: 1.4s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-name: fontStyle; display: inline-block;  } @keyframes fontStyle { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.84, 0.07, 0.36, 1); transform: translate3d(0, 0, 0.1); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0px, .0933rem, 0); } } .foot-night { padding: .16rem .1867rem .2533rem .24rem; display: none; } .foot-night a { display: block; background: url(/static/mobile/images/msg-bg.png) no-repeat center; background-size: 100%; height: 1.2133rem; display: flex; align-items: center; justify-content: center; } .night-box { position: relative; z-index: 1; } .night-box::after { content: ''; position: absolute; left: -0.0533rem; bottom: -0.1067rem; right: 0; height: 100%; background-color: #a11d0e; border-radius: .7333rem 0 .7867rem .7333rem; z-index: -1; } .foot-night p { color: green; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(247, 221, 194, 1)), to(rgba(251, 234, 211, 1))); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: .3467rem; } .foot-night p strong { font-size: .4rem; font-weight: bold; } .foot-night img { width: .9733rem; height: .9733rem; margin-right: .1333rem; margin-left: -0.1333rem; } @media screen and (max-width: 480px) { .foot-kf { width: 4rem } .foot-day .foot-kf p { letter-spacing: -1px; } .kf-info { margin-left: .0667rem; } .foot-kf a { padding-top: 0.1133rem; } } .popup { position: fixed; width: 100%; height: 100%; left: 0; top: -100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; z-index: 9999; opacity: 0; filter: alpha(opacity=0) } .popup.open { top: 0; opacity: 1; filter: alpha(opacity=100) } .popup .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5) } .popup .popupbox { position: absolute; left: 50%; top: 50%; width: 4.8rem; height: 2.53333rem; border-radius: .2rem; background: rgba(255, 255, 255, .9); border: 1px solid #565d66; cursor: pointer; transform: translate(-50%, -50%); cursor: pointer } .popup .popupbox .close { position: absolute; right: .13333rem; top: .13333rem; width: .53333rem; height: .53333rem; background: url(/static/mobile/images/close.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; cursor: pointer } .popup .popupbox p { padding: .66667rem .4rem 0rem .4rem; font-size: .37333rem; color: #333; line-height: .66667rem; text-align: center } .news_pre { clear: both; margin: .4rem auto .4rem; background: url(/static/mobile/images/mpagebg.png) no-repeat center top; background-size: 100%; width: 9.21333rem; height: 2.94667rem; padding: .26667rem .4rem } .news_pre b { clear: both; width: 100%; display: block; padding: .28rem 0rem; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #555; font-size: .34667rem } .news_pre b a { color: #555 } #gotoTop2 { width: .86667rem; height: 1.21333rem; display: none; cursor: pointer; text-indent: -999em; background: url(/static/mobile/images/goto.png) no-repeat left top; right: 0rem; background-size: .86667rem; position: fixed; bottom: 3.2rem; z-index: 999 } blockquote { clear: both; display: block; text-align: center; margin: 0 0 0; padding-bottom: .4rem } blockquote p { color: #f79200 !important; display: inline-block; padding: 0 0 !important; line-height: 1.6 !important; margin: 0 !important } blockquote a { color: #b42530 } blockquote p a:hover { text-decoration: underline } .video_title { clear: both; display: block; color: #f79200 } .st1 { fill: none; stroke: #ffc85e; stroke-miterlimit: 10; stroke-dasharray: 1.9974, 1.9974 } .insidetable table { width: 100%; border-collapse: collapse; border: 0; background: #fff; margin-bottom: .4rem } .insidetable .smalltable013 table { background: 0 0 } .insidetable .smalltable013 table td { border-top: none; border-left: none; border-right: none } .insidetable table tr td.td-head { background: #bf493b; color: #fff; border: 1px solid #d89c97 } .prothree.insidetable table tr:nth-child(odd) { background: #f5f5f5 } .insidetable table td:first-child { min-width: 2rem } .insidetable table td { border: 1px solid #ddd; text-align: center; padding: .10667rem 0rem; word-break: break-all; line-height: .53333rem } .insidetable table tbody tr:hover { background: #fff6f5; color: #bf493b } .insidetable table .tr-head td { background: #bf493b; color: #fff; border: 1px solid #d89c97 } #Div1 { overflow: hidden; text-align: center; padding: .4rem 0rem } #pagelist { overflow: hidden; text-align: center; padding: .93333rem 0rem 0rem 0rem } #pagelist ul { display: inline-block } #Div1 ol li, #pagelist ol li, #pagelist ul li { float: left; border: 1px solid #f0f0f0; line-height: .53333rem; margin: .08rem .05333rem; padding: .08rem .21333rem; font-size: .32rem !important } #pagelist ul li { width: auto } #pagelist ul li:nth-child(2) { cursor: pointer } #Div1 ol li a, #pagelist ol li a, #pagelist ul li a, .pageinfo { padding: 0 .16rem; font-size: .38667rem; display: block; color: #666 } #pagelist .current, #pagelist strong { color: #ff0808; padding: .13333rem !important } #pagelist ul li { font-size: .38667rem; color: #666 } #pagelist ul li.pagem { position: relative; cursor: pointer; padding: .08rem .53333rem .08rem .21333rem !important } #pagelist ul li.pagem:after { content: ''; position: absolute; right: .13333rem; top: .29333rem; border-color: #ffc57a transparent transparent transparent; border-width: .13333rem; border-style: solid; width: 0rem; height: 0rem; z-index: 1 } .page-list { -webkit-transform: translate(0, 800px); transform: translate(0, 800px); -webkit-transition: all .15s ease-out; transition: all .15s ease-out; overflow: hidden; background: #fefcf7; position: fixed; left: 50%; margin-left: -5rem; max-height: 6rem; z-index: 200; bottom: .0625rem; font-size: .2rem; z-index: 1000; width: 100%; max-width: 10rem; box-shadow: 0rem -.04rem .08rem rgba(0, 0, 0, .1) } .page-list .page-list-title { background: #ffc57a; height: .8rem; line-height: .8125rem; color: #fff; padding: 0rem .26669rem; font-size: .38669rem; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between } .page-list .page-list-title a { color: #fff; font-size: .38669rem } .page-list .page-list-title .bi-close { position: relative; width: .4rem; height: .4rem; cursor: pointer; width: .53331rem; height: .53331rem; padding: .0625rem .06669rem 0rem .06669rem; margin-top: .13331rem } .page-list .page-list-title .bi-close img { vertical-align: top } .page-list ul { overflow: auto; max-height: 5.29167rem; -webkit-overflow-scrolling: touch; padding: .2rem .1rem .26669rem .1rem } .page-list ul li { float: left; width: 1.59556rem; z-index: 1000; color: #e8dac4; padding: 0rem .06669rem } .page-list ul li a { clear: both; display: block; color: #333 !important; text-align: center; font-size: .38669rem; margin: .1rem auto; width: .85333rem; height: .85333rem; border: 1px solid #eee; border-radius: 50%; line-height: .8125rem } .page-list ul li a.on { background-color: #ffc57a; border: 1px solid #ffc57a; color: #fff !important } .page_zixun { display: inline-block; color: #fff !important; border-bottom: none !important; height: .69333rem; line-height: .64rem; font-size: .37331rem; vertical-align: middle; padding: 0 .4rem 0 .93333rem; border-radius: .69333rem; border: none; margin: 0 .06667rem; position: relative; background: #fa4e4e; -webkit-transition: all .3s linear; transition: all .3s linear } .page_zixun:hover { border: none !important; font-weight: 400; border-radius: .13333rem } .page_zixun:hover:before { border-radius: .13333rem } .page_zixun:before { content: ''; display: block; border-radius: .8rem; position: absolute; left: .02667rem; top: .02667rem; right: .02667rem; bottom: .02667rem; border: 1px dashed #fff; border-radius: .53333rem; -webkit-transition: all .3s linear; transition: all .3s linear } .page_zixun:after { content: ''; display: block; position: absolute; left: 0; top: -.05333rem; width: 1.13333rem; height: .8rem; background: url(/static/mobile/images/zixun.gif) left top no-repeat; -webkit-background-size: auto 100%; background-size: auto 100% } .page_zixun span { display: inline-block; vertical-align: top; line-height: .64rem; font-size: .37331rem } .xz-panel { width: 100%; border: 1px solid #fab22a; border-radius: .26669rem; padding: 0 .2rem .4rem; margin-top: 1.6rem } .xz-panel:after, .xz-panel:before { clear: both; content: ''; display: block } .xz-panel h4 { display: block; float: left; padding: 0 .53331rem 0 .53331rem; height: 1.12rem; border: 1px solid #fab22a; border-bottom: none; margin-top: -.875rem; margin-left: -.21331rem; background-color: #fff; border-top-left-radius: .26669rem; border-top-right-radius: .26669rem; clear: both; line-height: .85337rem; font-size: .37331rem; color: #d88140; font-weight: 700; position: relative } .xz-panel h4:after { content: ''; display: block; width: 1px; height: .24rem; background-color: #fff; position: absolute; bottom: 0; right: -1px } .xz-panel>span { display: block; width: 100%; overflow: hidden } .xz-panel>span img { display: block; margin: 0 auto; max-width: 100%; padding: 0 } .xz-panel p { padding: 0; margin: .4rem 0 0; font-size: .37331rem; line-height: .74669rem; color: #555; padding-left: .4rem; position: relative } .xz-panel p:before { content: ''; display: block; width: .18669rem; height: .18669rem; border: 2px solid #fab430; position: absolute; left: 0; top: .25rem; border-radius: 100% } .xz-panel p span { color: #000; font-size: .37331rem; line-height: .74669rem } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .cspsjone { position: relative; border: 1px dashed #cea080; padding: .16rem .16rem .26669rem .16rem; background: url(/static/mobile/images/smallstyle/cspsjoneicon01.jpg) repeat left top; background-size: .53331rem; margin: .21331rem .10669rem } .cspsjone:after { position: absolute; content: ''; left: -.10669rem; right: -.10669rem; top: -.10669rem; bottom: -.10669rem; border: 1px solid #cea080 } .cspsjone i { position: absolute; width: .10669rem; height: .10669rem; background: #cea080 } .cspsjone i:nth-child(1) { left: -.10669rem; top: -.10669rem } .cspsjone i:nth-child(2) { left: -.10669rem; bottom: -.10669rem } .cspsjone i:nth-child(3) { right: -.10669rem; top: -.10669rem } .cspsjone i:nth-child(4) { right: -.10669rem; bottom: -.10669rem } .cspsjtwo { background: url(/static/mobile/images/smallstyle/cspsjicon02.png) no-repeat center top #eceef3; margin: .33331rem -.26669rem 0rem; padding: .8rem .26669rem .66669rem .26669rem } .cspsjtwo h2 { background: url(/static/mobile/images/smallstyle/cspsjicon01.png) no-repeat center top; background-size: 3.48rem 1.38669rem; width: 3.48rem; height: 1.38669rem; margin: 0 auto; text-align: center; padding: .5625rem 0 0 0; line-height: .82419rem; color: #a83635; font-weight: 400 } .cspsjtwo img { padding: 0; border-radius: .26669rem; border: .05333rem solid #fff; box-shadow: 0rem .02669rem .36rem rgba(58, 0, 0, .42); margin: .56rem 0rem .33331rem 0rem } .cspsjthree { background: url(/static/mobile/images/smallstyle/cspsjicon03.jpg) repeat left top; padding: .86669rem .26669rem .53331rem .26669rem; margin: 0rem -.26669rem } .cspsjthree .cspsjthreetit { clear: both; text-align: center; padding-bottom: .9375rem } .cspsjthree .cspsjthreetit h2 { background: 0 0; position: relative; line-height: 1; padding: 0rem 0rem .48rem 0rem; font-weight: 400; color: #000; font-size: .56rem !important; margin-bottom: .36rem } .cspsjthree .cspsjthreetit h2:after { content: ''; position: absolute; left: 50%; background: #a83635; height: .08rem; width: .58669rem; transform: translateX(-50%); bottom: 0rem } .cspsjthree .cspsjthreetit h2 span { color: #a83635 } .cspsjthree .cspsjthreetit p { color: #999; font-size: .34669rem; padding: 0rem; line-height: 1 } .cspsjthree .cspsjthreeitem { border: 1px solid #a0a0a0; border-radius: .26669rem; margin-bottom: .9375rem; position: relative; padding: .4rem .2rem } .cspsjthree .cspsjthreeitem p { padding: 0rem; color: #555; line-height: .74667rem } .cspsjthree .cspsjthreeitem span { position: absolute; left: 50%; background: url(/static/mobile/images/smallstyle/cspsjicon03.jpg) repeat left top; transform: translateX(-50%); color: #e89b22; font-weight: 700; top: -.33331rem; white-space: nowrap; padding: 0rem .26669rem; font-size: .38667rem } .cspsjthree .cspsjthreeitem span:after, .cspsjthree .cspsjthreeitem span:before { content: ''; top: 50%; transform: translateY(-50%); background: url(/static/mobile/images/smallstyle/cspsjicon04.png) no-repeat center center; background-size: .12rem; width: .12rem; height: .12rem; position: absolute } .cspsjthree .cspsjthreeitem span:after { right: 0rem } .cspsjthree .cspsjthreeitem span:before { left: 0rem } .cspsjthree>p, .cspsjthree>p img { padding-top: 0rem } .cspsjfour { padding-top: 1.33331rem } .cspsjfourtit { clear: both; text-align: center } .cspsjfourtit h2 { background: 0 0; border-radius: .08rem; border: 1px solid #eecf2d; color: #a83635; position: relative; font-weight: 400; display: inline-block; line-height: 1; padding: .2rem .53331rem } .cspsjfourtit h2:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); background: url(/static/mobile/images/smallstyle/cspsjicon05.png) no-repeat center top; background-size: 1rem; width: 1rem; height: .50669rem; top: -.50669rem } .cspsjfour .cspsjfourtit h2 span { display: inline-block; position: relative; padding: 0rem .32rem; margin-right: .2rem } .cspsjfour .cspsjfourtit h2 span:after, .cspsjfour .cspsjfourtit h2 span:before { content: ''; position: absolute; width: .21331rem; height: .41331rem } .cspsjfour .cspsjfourtit h2 span:before { border-top: .05333rem solid #a83635; border-left: .05333rem solid #a83635; left: 0rem; top: 0rem } .cspsjfour .cspsjfourtit h2 span:after { border-bottom: .05333rem solid #a83635; border-right: .05333rem solid #a83635; right: 0rem; bottom: 0rem } .cspsjfour .cspsjfourt01 { margin-top: .96rem; position: relative; border-top: 1px dashed #b76a21; padding: .46669rem 0rem; text-align: center; color: #999; font-size: .38669rem } .cspsjfour .cspsjfourt01:before { content: ''; position: absolute; left: .66669rem; background: url(/static/mobile/images/smallstyle/cspsjicon06.png) no-repeat center top; width: .77331rem; height: .61331rem; background-size: .77331rem; top: -.30666rem } .cspsjfour .cspsjfourt02 { position: relative; text-align: center } .cspsjfour .cspsjfourt02:after { content: ''; position: absolute; left: 0rem; width: 100%; height: 0rem; border-bottom: 1px dashed #b76a21; top: 50% } .cspsjfour .cspsjfourt02 span { display: inline-block; border-radius: .53331rem; padding: .06669rem .4rem; border: 1px dashed #b76a21; position: relative; z-index: 2; background: #fff } .cspsjfour .cspsjfourbox { background: #f7f7f8; padding: .13331rem; margin-bottom: .8rem } .cspsjfour .cspsjfourbox .cspsjfouritem { height: 8.75rem; overflow: hidden; overflow-y: scroll } .cspsjfive { padding-top: 1.33331rem } .cspsjfive .cspsjfourtit { margin-bottom: .26669rem } .cspsjsix { padding-top: 1.33331rem } .cspsjsix .cspsjsixitem { color: #666; line-height: .8rem; padding: .10669rem 0rem .10669rem .53331rem; position: relative; margin-top: .33331rem; font-size: .38667rem } .cspsjsix .cspsjsixitem:before { content: ''; position: absolute; left: 0rem; top: .38rem; border-radius: 50%; border: 1px solid #a83635; width: .26669rem; height: .26669rem } .cspsjsever { background: url(/static/mobile/images/smallstyle/cspsjicon03.jpg) repeat left top; padding: .99169rem .26669rem .53331rem .26669rem; margin: 0rem -.26669rem } .cspsjsever .cspsjsevert01 { clear: both; padding-top: .4rem } .cspsjsever .cspsjsevert02 { padding-top: .2rem } .cspsjsever .cspsjsevert02 strong { clear: both; display: block; padding: .2rem 0rem; font-size: .38669rem } .cspsjeight { padding-top: 1.33331rem } .ydspsjone { border: 1px dashed grey; border-radius: .26669rem; margin: .4rem 0rem .26669rem 0rem; padding: .33331rem .26669rem; color: #666; line-height: .64rem; position: relative } .ydspsjone:after { background: url(/static/mobile/images/smallstyle/ydspsjicon01.png) no-repeat center top; background-size: .6rem; width: .6rem; height: .45331rem; content: ''; position: absolute; left: .8rem; top: -.22666rem } .ydspsjtwo { padding: .4rem 0rem .2rem 0rem } .ydspsjtit { clear: both; text-align: center; margin-bottom: .4rem } .ydspsjtit h2 { display: inline-block; border-bottom: 1px solid #7d7d7d; border-top: 1px solid #7d7d7d; color: #a83635; font-size: .56rem; background: 0 0; padding: .2rem .66669rem; position: relative } .ydspsjtit h2:after, .ydspsjtit h2:before { content: ''; width: .24rem; height: .24rem; position: absolute } .ydspsjtit h2:after { background: url(/static/mobile/images/smallstyle/ydspsjicon02.jpg) no-repeat center top; background-size: .24rem; left: 0rem; top: -.12rem } .ydspsjtit h2:before { background: url(/static/mobile/images/smallstyle/ydspsjicon03.jpg) no-repeat center top; background-size: .24rem; right: 0rem; bottom: -.12rem } .ydspsjthree { background: url(/static/mobile/images/smallstyle/cspsjicon03.jpg) repeat left top; margin: .4rem -.26669rem .4rem; padding: .86669rem .4rem .4rem .4rem } .ydspsjthreebox { clear: both; display: block; padding-top: 1.125rem; padding-bottom: .625rem } .ydspsjthreebox .ydspsjthreeitem { position: relative; margin-bottom: 1.77331rem } .ydspsjthreebox .ydspsjthreeitem:last-child { margin-bottom: 0rem } .ydspsjthreebox .ydspsjthreeitem:after { content: ''; position: absolute; left: 5px; right: -5px; top: 5px; bottom: -5px; border: 1px solid grey; background: #fff } .ydspsjthreebox .ydspsjthreeitem span { position: absolute; z-index: 3; font-size: .38669rem; color: #333; line-height: .77331rem; top: -.77331rem; left: 0rem; font-weight: 700; padding: 0rem .26669rem } .ydspsjthreebox .ydspsjthreeitem span:after, .ydspsjthreebox .ydspsjthreeitem span:before { content: ''; position: absolute; top: 0; bottom: 0; border: 1px solid grey; border-bottom: 0rem } .ydspsjthreebox .ydspsjthreeitem span:after { background: #fecd4b; right: -.06669rem; left: 0; top: .06669rem; z-index: -2 } .ydspsjthreebox .ydspsjthreeitem span:before { background: #f6d5c6; z-index: -1; left: 0; right: 0 } .ydspsjthreebox .ydspsjthreeitem p { background: #fff; border: 1px solid grey; position: relative; z-index: 2; padding: .26669rem .4rem } .ydspsjthreebox .ydspsjthreeitem p:after { content: ''; position: absolute; left: -.13331rem; background: url(/static/mobile/images/smallstyle/ydspsjicon04.png) repeat-y center top; background-size: .26669rem; width: .26669rem; top: .45331rem; bottom: .2rem } .ydspsjthreebox .ydspsjthreeitem:nth-child(2n):after { left: -5px; right: 5px } .ydspsjthreebox .ydspsjthreeitem:nth-child(2n) p:after { right: -.13331rem; left: auto } .ydspsjthreebox .ydspsjthreeitem:nth-child(2n) span { left: auto; right: 0rem } .ydspsjthreebox .ydspsjthreeitem:nth-child(2n) span:after { left: -.07294rem; right: 0 } .ydspsjfour { padding: .4rem 0rem } .ydspsjfive { background: url(/static/mobile/images/smallstyle/cspsjicon03.jpg) repeat left top; margin: .4rem -.26669rem 0rem; padding: .86669rem .4rem .4rem .4rem } .ydspsjsix { padding: .625rem .4rem .625rem .4rem; position: relative; margin-bottom: 0rem; margin-top: .625rem } .ydspsjsix * { position: relative; z-index: 3 } .ydspsjsix:after { content: ''; background: url(/static/mobile/images/smallstyle/cspsjicon03.jpg) repeat left top; position: absolute; left: -.26669rem; right: -.26669rem; top: -.625rem; bottom: 0rem; z-index: 1 } .ydspsjsix:before { border: .04rem solid #000; border-radius: .26669rem; z-index: 2; background: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: '' } .ydspsjsix .ydspsjsixtit { position: absolute; border-radius: .53331rem; border: .04rem solid #000; top: -.4rem; left: 50%; transform: translateX(-50%); background: #fff; padding: .2rem 1.28rem; white-space: nowrap } .ydspsjsix .ydspsjsixtit h2 { background: 0 0; padding: 0rem; line-height: 1; color: #a83635; margin-bottom: 0rem } .ydspsjsix .ydspsjsixtit:after, .ydspsjsix .ydspsjsixtit:before { background: url(/static/mobile/images/smallstyle/ydspsjicon05.jpg) no-repeat center top; width: .37331rem; height: .29331rem; background-size: .37331rem; content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block } .ydspsjsix .ydspsjsixtit:after { left: .625rem } .ydspsjsix .ydspsjsixtit:before { transform: translateY(-50%) scale(-1); right: .625rem } .ydspsjserver { background: url(/static/mobile/images/smallstyle/cspsjicon03.jpg) repeat left top; margin: 0rem -.26669rem .4rem; padding: .86669rem .4rem .4rem .4rem } .lmmone { background: url(/static/mobile/images/smallstyle/cspsjicon03.jpg) repeat left top; margin: .4rem -.26669rem 0rem -.26669rem; padding: .2rem .26669rem 4.15rem .26669rem } .lmmtit { clear: both; display: block; text-align: center; padding: .66669rem 0rem } .lmmtit h2 { background: #ffe3d4; position: relative; display: inline-block; padding: 0rem; color: #a83635; line-height: .53331rem; border-radius: .26669rem; padding: .17331rem .77331rem } .lmmtit h2:after { content: '“'; position: absolute; background: url(/static/mobile/images/smallstyle/cspsjicon03.jpg) repeat left top; width: .45331rem; height: .28916rem; border-radius: 50%; left: .33331rem; top: -.22666rem; line-height: 1; font-size: .38669rem; padding-top: .16416rem; color: #000 } .lmmone .lmmonepic { padding: .13331rem; position: relative } .lmmone .lmmonepic img { position: relative; z-index: 2; box-shadow: 0rem 0rem .12rem rgba(168, 54, 53, .42); padding: 0rem; border: .04rem solid #fff } .lmmone .lmmonepic:after, .lmmone .lmmonepic:before { position: absolute; background: #ffd522; width: .8rem; height: .8rem; content: '' } .lmmone .lmmonepic:after { right: 0rem; bottom: 0rem } .lmmone .lmmonepic:before { left: 0rem; top: 0rem } .lmmone blockquote { padding: .4rem 0rem } .lmmtwo { border: .04rem solid #a83635; border-radius: .26669rem; padding: .66669rem .2rem .4rem; background: #fff; position: relative; margin-top: -3.75rem } .lmmtwo .lmmtwotit { margin: 0rem -.2rem; text-align: center; position: relative } .lmmtwo .lmmtwotit:after, .lmmtwo .lmmtwotit:before { position: absolute; left: 0rem; right: 0rem; content: '' } .lmmtwo .lmmtwotit:after { height: .175rem; top: .25rem; border-top: 1px solid #a83635; border-bottom: 1px solid #a83635 } .lmmtwo .lmmtwotit:before { height: 0rem; border-top: 1px solid #a83635; top: .625rem } .lmmtwo .lmmtwotit h2 { background: #a83635; color: #fff; display: inline-block; padding: .17331rem .6rem; line-height: .53331rem; position: relative; z-index: 2 } .lmmtwo .lmmtwobox { overflow: hidden; overflow-y: auto; height: 11.25rem; margin: .53331rem .625rem } .lmmtwo .lmmtwot01 { position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; background: #fff; font-size: .32rem; color: #999; padding: 0rem 2.13331rem; white-space: nowrap; bottom: -.32rem } .lmmtwo .lmmtwot01:after, .lmmtwo .lmmtwot01:before { content: ''; width: 1.21331rem; height: .17331rem; position: absolute; top: 50%; transform: translateY(-50%) } .lmmtwo .lmmtwot01:after { background: url(/static/mobile/images/smallstyle/lmmicon02.jpg) no-repeat left top; background-size: 1.21331rem; left: .5rem } .lmmtwo .lmmtwot01:before { background: url(/static/mobile/images/smallstyle/lmmicon01.jpg) no-repeat left top; background-size: 1.21331rem; right: .5rem } .lmmthree { background: url(/static/mobile/images/smallstyle/cspsjoneicon01.jpg) repeat left top; background-size: .53331rem; margin: -2.8125rem -.26669rem .625rem -.26669rem; padding: 3.75rem .26669rem .26669rem } .lmmthree .lmmthreeitem { border: 1px dashed #c2c2c2; border-radius: .26669rem; box-shadow: .09331rem .09331rem 0rem #a83635; background: #fff; margin-bottom: 1.06669rem; padding: .4rem .2rem .2rem .2rem; position: relative } .lmmthree .lmmthreeitem:nth-child(5) { margin-bottom: .375rem } .lmmthree .lmmthreeitem span { background: #a83635; color: #fff; font-weight: 100; width: .61331rem; height: .61331rem; display: inline-block; border-radius: 50%; text-align: center; position: absolute; left: .26669rem; top: -.30666rem } .xsjone { background-color: #ffdcae; padding: .13331rem; border-radius: .26669rem; margin-bottom: .66669rem } .xsjone1 { padding: .66669rem .6rem 2.12562rem; background-color: #fff; box-shadow: 0 0 .08rem 0 rgba(225, 134, 15, .39); border-radius: .13331rem; background: url(/static/mobile/images/smallstyle/zxy_zsj_bg.jpg) no-repeat center bottom #fff; background-size: contain; position: relative; z-index: 1 } .xsjone1 i { width: .25331rem; height: .30669rem; background: url(/static/mobile/images/smallstyle/zjs_bgthree.jpg) no-repeat; background-size: contain; position: absolute; left: 2rem; bottom: 34%; z-index: -1 } .xsjone1 i::before { content: ""; width: .25331rem; height: .30669rem; background: url(/static/mobile/images/smallstyle/zjs_bgtwo.jpg) no-repeat; background-size: contain; position: absolute; left: 5.125rem; bottom: 1.375rem } .xsjone1::before { content: ""; width: .25331rem; height: .30669rem; background: url(/static/mobile/images/smallstyle/zjs_bgone.jpg) no-repeat; background-size: contain; position: absolute; right: 1.82669rem; top: 15%; z-index: -1 } .xsjone1::after { content: ""; width: .25331rem; height: .30669rem; background: url(/static/mobile/images/smallstyle/zjs_bgone.jpg) no-repeat; background-size: contain; position: absolute; left: .3125rem; top: 50%; z-index: -1 } .xsjone .xsjone1 h2 { background: 0 0; text-align: center; padding: 0; margin: .13331rem 0 .66669rem } .xsjone .xsjone1 h2 strong { position: relative; color: #e2ac62; display: inline-block; padding: 0 1.66669rem; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #e2ac62, #f0d385) } .xsjone .xsjone1 h2 strong::before { content: ""; width: 1.20006rem; height: .36rem; background: url(/static/mobile/images/smallstyle/zxy_zsj_l.png); position: absolute; left: 0; top: 50%; transform: translateY(-50%) } .xsjone .xsjone1 h2 strong::after { content: ""; width: 1.20006rem; height: .36rem; background: url(/static/mobile/images/smallstyle/zxy_zsj_r.png); position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .xsjspan { text-align: center } .xsjspan .xsjspantit { text-align: center; display: inline-block; color: #999; padding: 0 .6rem; position: relative; margin-bottom: .66669rem } .xsjspan .xsjspantit:before { content: ""; width: .32rem; height: .32rem; background: url(/static/mobile/images/smallstyle/zsjspan_l.jpg) no-repeat; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: .32rem .32rem } .xsjspan .xsjspantit::after { content: ""; width: .32rem; height: .32rem; background: url(/static/mobile/images/smallstyle/zsjspan_r.jpg) no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-size: .32rem .32rem } .xsjtwo { border-radius: .26669rem; border: solid 2px #bf483b; padding: .66669rem .4rem; box-sizing: border-box; background-color: #fcf9f5; position: relative; margin-bottom: .53331rem; margin-top: .53331rem } .xsjtwo::before { content: ""; width: .66669rem; height: .48rem; background: url(/static/mobile/images/smallstyle/yinhss.png) no-repeat; background-size: contain; position: absolute; right: .53331rem; top: -.26669rem } .xsjtwo1 { overflow-x: scroll; display: -webkit-box; overflow: auto } .xsjtwo1 li { margin: 0 .13331rem } .xsjtwo h2 { background: 0 0; text-align: center; padding: 0; margin: .13331rem 0 .4rem } .xsjtwo h2 strong { position: relative; color: #a83635; display: inline-block; padding: 0 1.66669rem } .xsjtwo h2 strong::before { content: ""; width: 1.20006rem; height: .36rem; background: url(/static/mobile/images/smallstyle/zxy_zsj_l.png); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: contain } .xsjtwo h2 strong::after { content: ""; width: 1.20006rem; height: .36rem; background: url(/static/mobile/images/smallstyle/zxy_zsj_r.png); position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-size: contain } span.xsjtwotit { text-align: center; display: block; color: #999; margin-bottom: .66669rem } .xsjthree { padding: .53331rem .26669rem; border-radius: .13331rem; background: url(/static/mobile/images/smallstyle/zxy_pp_bg.jpg) repeat-y; background-size: contain; margin-bottom: .66669rem } .xsjthree1 { padding: .66669rem .4rem; border-radius: .26669rem; background-color: #fff } .ys-panel { width: 100%; background: url(/static/mobile/images/smallstyle/ys_mark_bg_01.jpg) left top repeat; padding: .93337rem 0 .8rem; background-size: .53331rem } .ys-panel .ys-content { width: 100%; overflow: hidden } .ys-panel .ys-content h3 { display: block; width: 100%; position: relative; overflow: hidden; padding: .18669rem 0; font-size: 0 } .ys-panel .ys-content h3 span { display: block; float: left; font-size: .37331rem; color: #ff9a72; height: .46669rem; padding: 0 .13331rem; line-height: 1.45; font-weight: 400; position: relative; z-index: 1 } .ys-panel .ys-content h3 span:before { content: ""; display: block; width: 100%; height: 100%; border: 1px solid #999; position: absolute; left: .04rem; top: .04rem; z-index: -2 } .ys-panel .ys-content h3 span:after { content: ""; display: block; width: 100%; height: 100%; border: 1px solid #ffa683; background-color: #fff; position: absolute; left: 0; top: 0; z-index: -1 } .ys-panel .ys-content h3 strong { display: block; float: left; font-size: .37331rem; font-weight: 1000; margin-left: .4rem; color: #ff9a72; line-height: .50669rem } .ys-panel .ys-content p { margin-left: .18669rem; padding-left: .85337rem; padding-bottom: .4rem; font-size: .37331rem; line-height: .74669rem; color: #555; position: relative } .ys-panel .ys-content p:after, .ys-panel .ys-content p:before { content: ''; display: block; position: absolute } .ys-panel .ys-content p:before { width: 1px; height: 100%; border-left: 1px dashed #ffa683; left: 0; top: 0 } .ys-panel .ys-content:last-child p:before { height: 75% } .ys-panel .ys-content:last-child p:after { width: .6875rem; height: 1px; border-bottom: 1px dashed #ffa683; left: 0; bottom: 25% } .yzpsjone { border: 1px solid #3e3e3e; padding: 7px; position: relative; margin-bottom: .4rem } .yzpsjone:after, .yzpsjone:before { content: ''; position: absolute; width: 43px; height: 43px; background: url(/static/mobile/images/smallstyle/yzpsjicon01.jpg) no-repeat center top; z-index: 3; background-size: 43px } .yzpsjone:after { bottom: -1px; right: -1px; transform: scale(-1) } .yzpsjone:before { left: -1px; top: -1px } .yzpsjone .yzpsjonebox { background: #fff4e8; padding: .4rem .4rem 0rem .4rem } .yzpsjone .yzpsjonebox .yzpsjonetxt { color: #b46917; position: relative; z-index: 3 } .yzpsjtwo { padding: 1px .4rem 1.25331rem .4rem; box-shadow: 0rem .06669rem .42662rem rgba(139, 137, 163, .2); position: relative; background: url(/static/mobile/images/smallstyle/yzpsjicon03.jpg) repeat center center; background-size: .10669rem; margin-top: 2.5rem } .yzpsjtwo:after { content: ''; position: absolute; left: 0rem; right: 0rem; bottom: 0rem; background: url(/static/mobile/images/smallstyle/yzpsjicon02.png) repeat-x left bottom; background-size: .54669rem; top: 0rem } .yzpsjtwo .yzpsjtwobox { overflow: hidden; overflow-y: auto; height: 10rem; margin-top: -2.13331rem; position: relative; z-index: 5 } .yzpsjtwobom { clear: both; display: block; text-align: center; font-size: .36rem; color: #999; padding-top: .2rem } .yzpsjthree { border: 1px dashed #999; padding: .26669rem; margin-bottom: .4rem } .yzpsjthreetit { clear: both; display: block; text-align: center; padding-top: .625rem } .yzpsjthreetit h2 { display: inline-block; padding: 0; margin: 0rem; background: 0 0; position: relative } .yzpsjthreetit h2:after, .yzpsjthreetit h2:before { content: ''; position: absolute } .yzpsjthreetit h2:after { background: url(/static/mobile/images/smallstyle/yzpsjicon04.jpg) no-repeat center center; width: 1.06669rem; height: .16rem; background-size: 1.06662rem; left: 50%; transform: translateX(-50%); top: -.26669rem } .yzpsjthreetit h2:before { left: -.4rem; right: -.4rem; height: .26669rem; background: #ffd4d4; bottom: .08rem; z-index: -1 } .yzpsjthreetxt { text-align: center } .yzpsjthree .yzpsjthreepic { position: relative; margin: 0rem; padding: 0rem !important; margin-bottom: .4rem } .yzpsjthree .yzpsjthreepic img { position: relative; z-index: 3 } .yzpsjthree .yzpsjthreepic:after, .yzpsjthree .yzpsjthreepic:before { content: ''; box-shadow: 0rem .06669rem .42662rem rgba(139, 137, 163, .2); position: absolute; background: url(/static/mobile/images/smallstyle/yzpsjicon03.jpg) repeat center center; background-size: .10669rem; width: 1.37331rem; height: 1.37331rem; z-index: 1 } .yzpsjthree .yzpsjthreepic:after { left: -.13331rem; bottom: -.13331rem } .yzpsjthree .yzpsjthreepic:before { right: -.13331rem; top: -.13331rem } .yzpsjfour { padding-top: .4rem } .yzpsjfour .yzpsjfouritem { position: relative; box-shadow: 0rem 0rem .13331rem rgba(139, 137, 163, .27); border-radius: .26669rem; padding: .4rem .26669rem .2rem .26669rem; background: url(/static/mobile/images/smallstyle/p212icon02.jpg) repeat center center; margin-bottom: .8rem } .yzpsjfour .yzpsjfouritem:after { content: ''; position: absolute; right: .46669rem; bottom: -1.22662rem; background: url(/static/mobile/images/smallstyle/yzpsjicon05.png) no-repeat center bottom; background-size: .14669rem; height: 1.22662rem; width: .14669rem; z-index: 2 } .yzpsjfour .yzpsjfouritem:last-child { margin-bottom: .26669rem } .yzpsjfour .yzpsjfouritem:last-child:after { display: none } .yzpsjfour .yzpsjfouritem h2 { position: absolute; left: .13331rem; top: -.3625rem; background: #fff; padding: 0rem; margin: 0rem; border: 1px solid #999; border-radius: .26669rem; padding: .13331rem .26669rem; line-height: 1 } .yzpsjfour .yzpsjfouritem p { padding: 0rem; margin: 0rem; margin-bottom: .26669rem } .yzpsjfour .yzpsjfouritem i { position: absolute; left: 0rem; top: 0rem; border-radius: .26669rem 0rem 0rem 0rem; width: .77331rem; height: .77331rem; font-style: normal; color: #fff; background: url(/static/mobile/images/smallstyle/yzpsjicon06.png) no-repeat left top; background-size: .77331rem; text-align: center; padding-right: .26669rem } .s1one { padding: .66669rem .4rem .66669rem; border: solid .02669rem #ffd8c1; position: relative; margin-bottom: .13331rem } .s1one::before { content: ""; width: .44rem; height: .44rem; background-color: #ffd8c1; position: absolute; right: -.16rem; top: -.2rem } .s7two { padding: .66669rem .32rem; background-color: #fffcf2 } .s7two p.s7two1 { text-align: center; margin-top: .53331rem } .s7two p.s7two1 strong { display: inline-block; padding-bottom: .09331rem; border-bottom: dashed 1px #a6a6a6; padding: 0 .13331rem .09331rem .32rem; line-height: 1; position: relative; color: #333 } .s7two p.s7two1 strong::before { content: ""; width: .69337rem; height: .85337rem; background: url(/static/mobile/images/smallstyle/p7two.png) no-repeat; background-size: contain; position: absolute; left: -.59375rem; top: 50%; transform: translateY(-50%) } .s7two p { color: #b78d75 } .s7two p.s7two2 { padding-bottom: 2.45rem; position: relative } .s7two p.s7two2::before { content: ""; width: .30669rem; height: .36rem; background: url(/static/mobile/images/smallstyle/p7two1.png) no-repeat; background-size: contain; position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%) } .s7two3 { padding: .66669rem .4rem .66669rem; position: relative; border: dashed 1px #b78d75 } .s7two3::before { content: ""; width: .64rem; height: .46669rem; background: url(/static/mobile/images/smallstyle/p7two2.png) no-repeat; background-size: contain; position: absolute; left: 0; top: -.2rem } .s7two3::after { content: ""; width: .64rem; height: .46669rem; background: url(/static/mobile/images/smallstyle/p7two3.png) no-repeat; background-size: contain; position: absolute; right: 0; bottom: -.2rem } .s7three h2 { display: inline-block; padding: 0 .26669rem; background: 0 0; color: #333; position: relative; margin-bottom: .66669rem; z-index: 1 } .s7three { text-align: center; margin-top: .93337rem } .s7three h2::before { content: ""; width: 100%; height: .26669rem; background-color: #ffd8c1; border-radius: .26669rem; position: absolute; left: 0; bottom: 0; z-index: -1 } .s7fore { background-color: #fffcf2; padding: .8rem .4rem .53331rem } .s7fore i { height: .26669rem; width: .26669rem; background-color: #ffdc67; text-align: center; display: block; margin: 0 auto; position: relative } .s7fore i::before { content: ""; height: .26669rem; width: .26669rem; background-color: #ffdc67; position: absolute; right: -.62512rem; top: 0 } .s7fore i::after { content: ""; height: .26669rem; width: .26669rem; background-color: #ffdc67; position: absolute; left: -.62512rem; top: 0 } .s7two p.s7tt { margin-top: 0 } .s7three.s7three1 { text-align: center; margin-top: 0 } .article-form { width: 100%; border: 1px solid #d6e3f2; background: #f2f5f9; border-radius: .8rem; padding: .53333rem; box-shadow: .10667rem .10667rem .21333rem rgba(161, 184, 210, .6) } .article-form h2 { margin: 0; text-align: center; font-size: .50667rem; color: #000; line-height: .77333rem } .article-form .input-panel { width: 100%; margin: .4rem 0; overflow: hidden } .article-form .input-panel .item-input { width: 48%; float: left } .article-form .input-panel .item-input+.item-input { float: right } .article-form .item-input { width: 100%; overflow: hidden; background: #fff; border-radius: .16rem; padding: 0 .26667rem 0 .53333rem; position: relative } .article-form .item-input span { display: block; width: .53333rem; position: absolute; height: 1.14667rem; line-height: 1.14667rem; text-align: right; font-size: .4rem; color: #c82a35; left: 0; top: 0; padding-right: .13333rem } .article-form .item-input input[type=text] { width: 100%; height: 1.14667rem; background: 0 0; border: none; outline: 0; font-size: .37333rem; color: #888 } .article-form .item-button { width: 100%; overflow: hidden; margin-top: .4rem } .article-form .item-button input[type=button] { display: block; width: 100%; border-radius: .13333rem; border: none; background: #bf483b; text-align: center; font-size: .42667rem; font-weight: 700; letter-spacing: .05333rem; color: #fff; height: 1.17333rem; line-height: 1.17333rem } .article-form p { width: 100%; text-align: center; font-size: .29333rem; color: #f2b656; line-height: .53333rem; margin-top: .13333rem } .newtext .showtime { display: block; height: .42667rem; line-height: .42667rem; font-size: .32rem; color: #999; font-style: italic; text-align: right; padding: 0 .26667rem; margin: .26667rem 0 } .newtext p.smallbtn008 a { color: #fff !important } .smalltit098 { background: #f6dfbd !important } .smalltit098:before { background: #ffae69 !important } .smalltit098:after { background: #ffcc82 !important } .smalltit091 { margin: 0 !important; color: #fff !important } .swiper-tab { width: 100%; overflow: hidden; position: relative } .swiper-tab .swiper-hd { width: 100% } .swiper-tab .swiper-hd .swiper-wrap { width: 100% } .swiper-tab .swiper-hd .swiper-wrap .swiper-item { display: block; float: left; height: .85333rem; border: .02667rem solid #61718f; border-radius: .42667rem; margin-right: .26667rem; margin-bottom: .26667rem } .swiper-tab .swiper-hd .swiper-wrap .swiper-item:hover span { color: #2a3944 } .swiper-tab .swiper-hd .swiper-wrap .swiper-item span { padding: 0 .26667rem; line-height: .8rem; font-size: .37333rem; border-radius: .42667rem; display: block; color: #747474; cursor: pointer } .swiper-tab .swiper-hd .swiper-wrap .swiper-item.swiper-item-active { border: none; padding: .02667rem; background: #cf084a; background: -webkit-linear-gradient(left, #fccc7f, #c51e03); background: -o-linear-gradient(right, #fccc7f, #c51e03); background: -moz-linear-gradient(right, #fccc7f, #c51e03); background: linear-gradient(to right, #fccc7f, #c51e03); -webkit-box-shadow: .09333rem .09333rem .17333rem rgba(169, 81, 42, .35); -moz-box-shadow: .09333rem .09333rem .17333rem rgba(169, 81, 42, .35); box-shadow: .09333rem .09333rem .17333rem rgba(169, 81, 42, .35) } .swiper-tab .swiper-hd .swiper-wrap .swiper-item.swiper-item-active span { background: #fff; color: #2a3944; font-weight: 700 } .swiper-tab .swiper-wrapper { width: 100%; overflow: hidden; position: relative } .swiper-tab .swiper-wrapper .swiper-slide { width: 100%; overflow: hidden; float: left; display: none } .swiper-tab .swiper-wrapper .swiper-slide>p { margin: .26667rem 0 .13333rem !important; height: .69333rem; line-height: .69333rem; font-weight: 700; font-size: .37333rem } .swiper-tab .swiper-wrapper .swiper-slide>p:first-child { margin-top: 0 !important } .swiper-tab .swiper-wrapper .swiper-slide.swiper-slide-active { display: block } .table-wrap { width: 100%; overflow-x: auto; line-height: .69333rem; font-weight: 700; font-size: .37333rem } .table-wrap>p { margin: .26667rem 0 .13333rem; height: .69333rem; line-height: .69333rem; font-weight: 700 } .table-wrap>p:first-child { margin-top: 0 } .table-wrap table tr td { padding: .06667rem 0; font-size: .32rem; word-break: break-all } .mobile_footer { font-size: .37333rem; line-height: 1.5; padding-top: .33333rem; padding-bottom: 30px; text-align: center }