html, body { -webkit-text-size-adjust: none; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

fieldset { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1, h2, h3, h4, h5, h6, input, textarea, select, form, td, section { font-size: 100%; }

ol, ul, li, dl, dt, dd { list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; }

input[type="date"]:before { content: attr(placeholder); }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; }

input, textarea, select, form, fieldset { vertical-align: top; }

img { vertical-align: top; border: 0; }

a { color: #666; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }

a:link, a:visited { text-decoration: none; }

a:hover { text-decoration: underline; }

a, area { blr:expression(this.onFocus=this.blur());

}

:focus { outline: none; }

.red, .red a { color: #F00; }

.left { float: left; }

.right { float: right; }

.autohei { overflow: hidden; zoom: 1; }

.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }

.blank { font-size: 0; line-height: 0; height: 20px; clear: both; overflow: hidden; }

.yahei, .yahei * { font-family: Microsoft YaHei; }

.songti, .songti * { font-family: SimSun; }

.img { text-align: center; overflow: hidden; }

.aaaaaa { }

body { font-size: 12px; background: #fff; }

/*input,textarea,select{appearance: none; -webkit-appearance: none; border-radius:0;}*/

html { font-size: 10px; }

.blank { height: 1rem; }

img { max-width: 100%; }

body { width: 32rem; margin: 0 auto; font-family: "΢ÈíÑźÚ"; font-size: 1.2rem; background: #ebebeb }

.ly-clear { clear: both }

.ly-hide { display: none }

.banner { background: #fff; position: relative }

.banner .dh { position: absolute; right: 10%; bottom: 10%; width:44.68%; }

.nav { overflow: hidden; zoom: 1; border-bottom: 0.1rem solid #ccc }

.nav ul li { float: left; background: url(../images/nav_lo.png) no-repeat right center #fff; background-size: 0.1rem 4.4rem; width: 20%; font-size: 82.5%; padding: 1% 0; font-weight: bold; color: #393439; line-height: 1.5rem; box-sizing: border-box; text-align: center; list-style: none }

.nav ul li a span { display: block; font-size: 0.6rem; color: #9c9a9c; line-height: 0.7rem; font-weight: normal }

.nav ul li a { color: #393439; text-decoration: none }

.nav ul li:last-of-type { background-image: none }

.ly-section1 { padding: 0 0 5rem }

.ly-section1 .line { margin: 0 0 0 1rem }

.ly-section1 .line .time { text-align: center; color: #323232; font-size: 1.2rem }

.ly-section1 .left { float: left; max-width: 80%; margin: 0.3rem 0 0 0 }

.ly-section1 .left img{ width:4rem;}

.ly-section1 .left div { position: relative; margin: 0 0 0 5.5rem; padding: 0.6rem; font-size:1.1rem; background: #FFF; color: #323232; border: 0.1rem solid #d5d5d5; border-radius: 0.6rem }

.ly-section1 .left div i { position: absolute; top: 1.2rem; left: -2rem; width: 2rem; height: 2rem; background: url(../images/wechat.png) no-repeat 0 -20rem; background-size: 6.6rem 30rem; transform: rotate(-180deg) }

.ly-section1 .left img { float: left; margin: 0 0.5rem 0 0 }

.ly-footer { position: fixed; bottom: 0; left: 50%; margin-left: -16rem; width: 32rem; height: 4rem; background: #FFF; border-top: 0.1rem solid #bfbfbf }

.ly-footer div { width: 100% }

.ly-footer div:nth-child(1) { max-width: 5rem }

.ly-footer div:nth-child(3) { max-width: 5rem }

.ly-footer div:nth-child(3) a { position: absolute; top: 0; right: 0; width: 22%; height: 3rem; margin: 0.3rem 24% 0 0; background: #fd8b15; color: #FFF; text-align: center; line-height: 3rem; border-radius: 0.5rem; cursor: pointer; transition: .3s; text-decoration: none }

.ly-footer div:nth-child(4) a { position: absolute; top: 0; right: 0; width: 22%; height: 3rem; margin: 0.3rem 0.5rem 0 0; background: #ec480e; color: #FFF; text-align: center; line-height: 3rem; border-radius: 0.5rem; cursor: pointer; transition: .3s; text-decoration: none }

.f_text { width: 50%; height: 3rem; float: left; border: 0.1rem solid #cfcece; display: block; margin: 0.3rem; line-height: 3rem; box-sizing: border-box; font-size: 1.2rem; color: #333; text-indent: 0.2rem; text-decoration: none }

.ly-section1 .question { overflow: hidden; zoom: 1; margin: 2% 0 0 4%; }

.ly-section1 .question li { float: left; margin: 0 1.5% 1.5% 0; width: 14.5rem; height: 3rem; }

.ly-section1 .question li a { display: block; width: 14.5rem; height: 3rem; line-height: 3rem; font-size: 1.1rem; color: #363636; text-align: center; text-decoration: none; border-radius: 0.5rem; background: #fff }

.btns_ho{animation:mymove 1s ease infinite;-webkit-animation:mymove 1s infinite;}
@keyframes mymove
{
0% { background:#c70d4f;}
100% {background:#ed8b0b;}
}

@-webkit-keyframes mymove 
{
0% { background:#C00413;}
100% {background:#ed8b0b;}
}


 @keyframes ly-animation-bell { 0% {

transform:rotate(-5deg)

}

20% {

transform:rotate(10deg)

}

40% {

transform:rotate(-15deg)

}

60% {

transform:rotate(20deg)

}

80% {

transform:rotate(-15deg)

}

100% {

transform:rotate(10deg)

}

}

html { font-size: 10px; font-size: calc(100vw / 32); }

@media all and (max-width: 320px) {

html { font-size: 10px; }

}

@media all and (min-width: 640px) {

html { font-size: 20px; }

}