@charset "gb2312";
html, input, select, textarea { -webkit-tap-highlight-color: transparent }
button, select, textarea { text-transform: none }
.imgbox, sub, sup { position: relative }
.clear, .clearfix:after, .grid:after { clear: both }
.bdiv, .left { float: left }
.bdiv, html { background: #fff }
html { color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
abbr, acronym { border: 0; font-variant: normal }
del { text-decoration: line-through }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500 }
ol, ul { list-style: none }
caption, th { text-align: left }
.btn-danger, .center, .m-table, .showBtn { text-align: center }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500 }
q:after, q:before { content: '' }
.clearfix:after, .clearfix:before, .grid:after, .grid:before { content: " "; display: table }
sub, sup { font-size: 75%; line-height: 0; vertical-align: baseline }
.btn-danger, .m-table-cell, select, textarea { vertical-align: middle }
sup { top: -.5em }
sub { bottom: -.25em }
a, ins { text-decoration: none }
body, html { font-family: sans-serif }
body { font-size:  0.96rem
}
html { font-size:  40px; }
body { padding: 0; font-family: "Microsoft YaHei"; margin: 0; -webkit-text-size-adjust: none; width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; overflow-x: hidden; background-color: #fff; }

button, input, select, textarea { margin: 0; font-size: 100%; font-family: inherit; outline-offset: 0; outline-style: none; outline-width: 0; -webkit-font-smoothing: inherit; background-image: none }
button, input { line-height: normal }
button, html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button }
button[disabled], html input[disabled] { cursor: default }
input, select, textarea { -webkit-appearance: none; border: 0; border-radius: 0 }
select, textarea { color: inherit; margin: 0; -webkit-writing-mode: horizontal-tb; font-family: inherit; font-size: inherit; line-height: 2; letter-spacing: normal; word-spacing: normal; text-indent: 0; text-shadow: none }
.section { transform: translateZ(0); margin-top:  -0.025rem; display: block }
.section .img { width: 100%; height: auto; display: block }
.m-container { width: 95%; margin: auto }
.m-table, .max-row { width: 100% }
.m-column { display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; align-items: center; -moz-box-align: center }
.m-row { display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; align-items: center; -moz-box-align: center }
.m-Title { margin:  0.32rem auto;
font-size:  0.736rem
}
.m-Titlemin { margin-bottom:  0.32rem;
font-size:  0.608rem
}
.m-table { display: table; font-family: sans-serif; height: 100% }
.m-table-cell { display: table-cell }
.bdiv { width: 49%; margin: 0 2% 2% 0; outline: #eee solid 0.025rem }
.bdiv:nth-child(even) { margin-right: 0 }
.imgbox { overflow: hidden; padding-bottom: 100%; outline: #EEE solid 0.025rem }
.imgbox img { width: 100%; position: absolute; height: auto }
.hidden { display: none }
.btn-danger, .inline-block { display: inline-block }
.right { float: right }
.center { margin: 0 auto }
.red { color: red }
.btn-danger { width: auto; color: #fff; background-color: #d9534f; padding:  0.256rem 0.48rem;
margin-bottom: 0; font-size:  0.64rem;
font-weight: 400; line-height: 1.42857143; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border:  0.025rem solid transparent; border-radius:  0.1rem }
#alertActivity, #weixinpop { width: 100%; position: fixed; top: 0; left: 0; right: 0 }
.margin_min { margin-top:  0.32rem
}
.margin_max { margin-top:  0.64rem
}
.font-weight { font-weight: 600 }
.textOverflow { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.jiugon_icon, .m_block { display: block }
.jiugon_icon { font-size:  1.6rem!important }
#weixinpop { max-width:  16rem; z-index: 99999999; height: 0; margin: auto; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; background: rgba(0,0,0,.8); color: #fff; transition: height .3s ease; -webkit-transition: height .3s ease; font-size:  0.3rem }
#weixinpop div:first-child { text-align: center; padding:  0.125rem }
#weixinpop div:nth-child(2) { width: 58%; border-left:  0.025rem solid #909090 }
#weixinpop div:last-child { background: #fff; color: #000; padding:  0.16rem 0.32rem;
border-radius:  0.128rem;
-webkit-animation: textColor infinite 1s }
#weixinpop div:nth-child(2) p { padding:  0.075rem 0; text-indent:  0.25rem }
@-webkit-keyframes textColor { form {
color:#000
}
to { color: red }
}
@-o-keyframes textColor { form {
color:#000
}
to { color: red }
}
@-moz-keyframes textColor { form {
color:#000
}
to { color: red }
}
@keyframes textColor { form {
color:#000
}
to { color: red }
}
#alertActivity { height: 100%; margin: auto; bottom: 0; z-index: 999 }
.alertActivity { -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s; display: none }
.contActivity, .showActivity { -webkit-transition: all ease .55s; -moz-transition: all ease .55s; -ms-transition: all ease .55s; -o-transition: all ease .55s }
.showActivity { display: block; background: rgba(0,0,0,.35) }
.contActivity { width:  9.6rem; height: 100%; position: relative; margin: auto }
.btnwap { position: absolute; bottom:  0.16rem;
z-index: 1; animation: btnsize .65s infinite; -moz-animation: btnsize .65s infinite; -o-animation: btnsize .65s infinite; transition: .45s all; -webkit-transition: .45s all }
.check-style { color: red }
.showBtn, J_alertActivity span { color: #fff; border-radius: 100% }
.showBtn { position: fixed; width:  4rem; height:  4rem; z-index: 1000; transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); transition: all 1s; font-size:  0.576rem;
right: 0; bottom:  8rem }
.showBtnScale { animation: anshow .65s forwards; -moz-animation: anshow .65s forwards; -o-animation: anshow .65s forwards }
.hideBtnScale { transition: all 1s; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); display: none }
@-webkit-keyframes btnsize { 0%, 100%, 20%, 50%, 80% {
transition-timing-function:cubic-bezier(.31, .68, .36, .22);
transform:scale(1)
}
30% {
transition-timing-function:cubic-bezier(.755, .5, .855, .060);
transform:scale(.6)
}
90% {
transform:scale(1)
}
}
@keyframes btnsize { 0%, 100%, 20%, 50%, 80% {
transition-timing-function:cubic-bezier(.31, .68, .36, .22);
transform:scale(1)
}
50% {
transition-timing-function:cubic-bezier(.755, .5, .855, .060);
transform:scale(.8)
}
90% {
transform:scale(1)
}
}
@-webkit-keyframes anshow { 0%, 100%, 20%, 50%, 80% {
transition-timing-function:cubic-bezier(.31, .68, .36, .22);
transform:scale(1)
}
30% {
transition-timing-function:cubic-bezier(.755, .5, .855, .060);
transform:scale(.6)
}
90% {
transform:scale(1)
}
}
@keyframes anshow { 0%, 100%, 20%, 50%, 80% {
transition-timing-function:cubic-bezier(.31, .68, .36, .22);
transform:scale(1)
}
30% {
transition-timing-function:cubic-bezier(.755, .5, .855, .060);
transform:scale(.6)
}
90% {
transform:scale(1)
}
}
@-webkit-keyframes anhide { 0%, 100%, 20%, 50%, 80% {
transform:scale(.4);
right:  0.08rem;
opacity:0;
display:none
}
45% {
transition-timing-function:cubic-bezier(.755, .5, .855, .060);
transform:scale(.7);
opacity:.6
}
55% {
transition-timing-function:cubic-bezier(.755, .5, .855, .060);
transform:scale(.8);
opacity:1
}
90% {
transition-timing-function:cubic-bezier(.31, .68, .36, .22);
transform:scale(0);
opacity:0
}
}
@keyframes anhide { 0%, 100%, 20%, 50%, 80% {
transform:scale(.4);
right:  0.08rem;
opacity:0;
display:none
}
45% {
transition-timing-function:cubic-bezier(.755, .5, .855, .060);
transform:scale(.7);
opacity:.6
}
55% {
transition-timing-function:cubic-bezier(.755, .5, .855, .060);
transform:scale(.8);
opacity:1
}
90% {
transition-timing-function:cubic-bezier(.31, .68, .36, .22);
transform:scale(0);
opacity:0
}
}
.clStyle { transition: all .5s; -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0 }
J_alertActivity span { right: 45%; position: absolute; background: red; font-size:  0.96rem;
bottom: 25%; box-shadow: 0 0 0.25rem 0 #FF6537; line-height:  0.8rem
}
.flexcenter, .honbaoposition { position: relative }
.flexcenter { height:  13.12rem; width:  12.8rem; margin-top:  -4.16rem }
.add-form textarea { height:  2.5rem }
.am-form input[type=color], .am-form input[type=date], .am-form input[type=datetime-local], .am-form input[type=datetime], .am-form input[type=email], .am-form input[type=month], .am-form input[type=password], .am-form input[type=search], .am-form input[type=tel], .am-form input[type=text], .am-form input[type=time], .am-form input[type=url], .am-form input[type=week], .am-form select, .am-form textarea, .am-form-field, am-form input[type=number] { display: block; width: 100%; color: #555; text-indent:  0.32rem;
vertical-align: middle; background-color: #fff; background-image: none; border-radius: 0; -webkit-appearance: none; -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out }
.yf-error-tip { display: block; color: #e74c3c; font-size:  0.512rem;
height:  0.64rem;
line-height:  0.64rem;
text-align: right }
input:focus { border:  0.025rem solid #f7d7ce!important; border-bottom-left-radius:  0.025rem; border-bottom-right-radius:  0.025rem }
.honbaotext { position: absolute; color: #fbce30; font-size:  2.2399999999999998rem; font-family: 'microsoft yahei', arial!important; display: block; top: 55%; font-weight: 700 }
.bgnewyear { flex: 4; -webkit-box-flex: 4; position: relative }
.mwzcolor { background-color: #ff6700!important }
.mwzcolor-text { color: #ff6700!important }
.mwfcolor { background-color: #dcc6a0!important }
.mwfcolor-text { color: #dcc6a0!important }
.textOverflow { position: relative; line-height: 1.4em; height: 4.2em; overflow: hidden }
.textOverflow::after { content: "..."; font-weight: bold; position: absolute; float: left }
a, a:hover, body { color: #333 }
.swiper-banner img { width: 100%; display: block }
.price { color: #3d4245; font-size:  0.512rem
}
.price-primary { color: #ff5000; font-weight: 800 }
.price-del { color: #999; text-decoration: line-through }
.maxTitle {
font-size:  0.8320000000000001rem; color: #f95b07 }
.btn { display: inline-block; padding:  0.4rem 0.64rem;
font-size:  1.1199999999999999rem;
margin-top:  0.8rem;
font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border:  0.05rem solid transparent }
a.btn:hover { text-decoration: none }
.btn:active, .btn:focus { outline: 0 }
.btn-primary { color: #fff; background-color: #ff5000 }
.btn-warning { color: #fff; background-color: #ff9400 }
.btn-info { color: #fff; background-color: #5f646e }
.btn-default { color: #000; background-color: #fff }
.btn-default:active, .btn-info:active, .btn-primary:active, .btn-warning:active { color: rgba(255,255,255,.7) }
.btn-primary:active { background-color: #ea5310 }
.btn-warning:active { background-color: #f18202 }
.btn-info:active { background-color: #555a63 }
.btn-default:active { background-color: #f5f5f5 }
.btn-border-primary { color: #ff5000; background-color: #fff; border:  0.05rem solid #ff5000 }
.btn-border-primary:active { background-color: rgba(255,80,0,.7) }
.btn-border-warning { color: #ff9400; background-color: #fff; border:  0.05rem solid #ff9400 }
.btn-border-warning:active { background-color: rgba(255,148,0,.7) }
.btn-border-info { color: #5f646e; background-color: #fff; border:  0.05rem solid #5f646e }
.btn-border-info:active { background-color: rgba(95,100,110,.7) }
.btn-border-default { color: #fff; background-color: transparent; border:  0.05rem solid #fff }
.btn-border-default:active { background-color: rgba(255,255,255,.7) }
.btn-border-disabled, .btn-disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none }
.btn-disabled { color: rgba(255,255,255,.7); background-color: #ddd }
.btn-border-disabled { color: #ddd; border:  0.05rem solid #ddd }
.wrapper { padding:0 0.512rem
}
.section .img { width: 100%; height: auto; display: block }
.body { position: relative; overflow: hidden; margin: 0 auto }
.body .items { position: absolute }
.top_title {
font-size:  1.024rem;
line-height:  1.536rem; text-align: center; color: #444; width: 100%; position: relative; display: block; padding-bottom:  0.512rem
}
.top_title .ttl-text { position: absolute; left:  0.48rem
}
.top_title .ttr-more { position: absolute; right:  0.48rem;
font-size:  0.64rem
}
.top_desc {
font-size:  0.512rem;
line-height:  1.024rem; color: #999 }
.divider_line { margin: 0 auto!important; border-top: 0; border-left: 0; border-right: 0; box-sizing: border-box; width: 100%; height:  0.256rem
}
.line-row { width: 87.5%; margin: 0 auto }
.select-row .line-tit { background: #f1f1f1; height:  1.1rem; line-height:  1.1rem; width: 100% }
.select-row .line-tit p { color: #000; font-size:  0.35rem }
.select-row .select-tip { color: #f60; font-size:  0.3rem; margin-top:  0.5rem; margin-bottom:  0.125rem; overflow: hidden }
.select-row .select-box { overflow: hidden; padding-bottom:  0.5rem; position: relative }
.select-row .select-box select { border-radius: 0; display: block; width: 100%; color: #000; font-size:  0.3rem; height:  0.85rem; line-height:  0.85rem; -webkit-appearance: listbox; text-decoration: none; padding-left:  0.25rem; outline: 0 }
.barrage { position: fixed; bottom:  1.75rem; right:  -12.5rem; display: inline-block; width:  12.5rem; z-index: 397 }
.barrage_box { background-color: rgba(0,0,0,.5); padding-right:  0.2rem; height:  1rem; display: inline-block; border-radius:  0.625rem; transition: all .3s }
.barrage_box .portrait { display: inline-block; margin-top:  0.1rem; margin-left:  0.1rem; width:  0.8rem; height:  0.8rem; border-radius: 50%; overflow: hidden }
.barrage_box .portrait img { width: 100%; height: 100% }
.barrage_box div.p a { margin-right:  0.05rem; font-size:  0.35rem; color: #fff; line-height:  1rem; margin-left:  0.45rem }
.barrage_box div.p a:hover { text-decoration: underline }
.barrage a, .nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .button-area .menu-button:hover, .nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .button-area .menu-button:link, .nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list table td a.sub-channel-item:hover, .nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list table td a.sub-channel-item:link { text-decoration: none }
.barrage .z { float: left!important }
.view-3d { position: fixed; display: none; width:  9.6rem; height:  13.6rem; z-index: 1000000; animation: bomaction .65s linear forwards; -webkit-animation: bomaction .65s linear forwards; -moz-animation: bomaction .65s linear forwards }
.tc1, .tc2 { position: absolute; height:  3.2rem }
.tc1 { left: 0; top: 5%; width: 40%; z-index: 999 }
.tc2 { right: 0; width: 65%; top: 4%; z-index: 998 }
.tc1 img, .tc2 img { display: block; width: 100% }
@-moz-keyframes bomaction { 0% {
bottom:  2.2399999999999998rem;
opacity:.1;
right:  -3.2rem;
transform:scale(.1);
margin-right:0;
margin-bottom:0
}
15% {
bottom:0;
opacity:.1;
right:0;
transform:scale(.3);
margin-right:0;
margin-bottom:0
}
36% {
bottom:25%;
right:25%;
transform:scale(.4);
opacity:.5
}
48% {
bottom:30%;
right:30%;
transform:scale(.5);
opacity:.6
}
60% {
bottom:35%;
transform:scale(.6);
right:35%;
opacity:1
}
70% {
bottom:40%;
transform:scale(.7);
right:40%
}
80% {
bottom:45%;
transform:scale(.8);
right:45%
}
90% {
bottom:48%;
transform:scale(.9);
right:48%
}
100% {
transform:scale(1);
opacity:1;
bottom:50%;
right:50%;
margin-right:  -4.8rem;
margin-bottom:  -4.8rem
}
}
@keyframes bomaction { 0% {
bottom:  2.2399999999999998rem;
opacity:.1;
right:  -3.2rem;
transform:scale(.1);
margin-right:0;
margin-bottom:0
}
15% {
bottom:0;
opacity:.1;
right:0;
transform:scale(.3);
margin-right:0;
margin-bottom:0
}
36% {
bottom:25%;
right:25%;
transform:scale(.4);
opacity:.5
}
48% {
bottom:30%;
right:30%;
transform:scale(.5);
opacity:.6
}
60% {
bottom:35%;
transform:scale(.6);
right:35%;
opacity:1
}
70% {
bottom:40%;
transform:scale(.7);
right:40%
}
80% {
bottom:45%;
transform:scale(.8);
right:45%
}
90% {
bottom:48%;
transform:scale(.9);
right:48%
}
100% {
transform:scale(1);
opacity:1;
bottom:50%;
right:50%;
margin-right:  -4.8rem;
margin-bottom:  -4.8rem
}
}
@-webkit-keyframes bomaction { 0% {
bottom:  2.2399999999999998rem;
opacity:.1;
right:  -3.2rem;
transform:scale(.1);
margin-right:0;
margin-bottom:0
}
15% {
bottom:0;
opacity:.1;
right:0;
transform:scale(.3);
margin-right:0;
margin-bottom:0
}
36% {
bottom:25%;
right:25%;
transform:scale(.4);
opacity:.5
}
48% {
bottom:30%;
right:30%;
transform:scale(.5);
opacity:.6
}
60% {
bottom:35%;
transform:scale(.6);
right:35%;
opacity:1
}
70% {
bottom:40%;
transform:scale(.7);
right:40%
}
80% {
bottom:45%;
transform:scale(.8);
right:45%
}
90% {
bottom:48%;
transform:scale(.9);
right:48%
}
100% {
transform:scale(1);
opacity:1;
bottom:50%;
right:50%;
margin-right:  -4.8rem;
margin-bottom:  -4.8rem
}
}
.view-3dbk { position: fixed; display: block; width:  9.6rem; height:  9.6rem; z-index: 1000000; animation: bomactionbk .65s linear; -webkit-animation: bomactionbk .65s linear }
@keyframes bomactionbk { 0% {
transform:scale(1);
opacity:1;
bottom:50%;
right:50%;
margin-right:  -4.8rem;
margin-bottom:  -4.8rem
}
15% {
bottom:48%;
transform:scale(.9);
right:48%
}
36% {
bottom:45%;
transform:scale(.8);
right:45%
}
48% {
bottom:40%;
transform:scale(.7);
right:40%
}
60% {
bottom:35%;
transform:scale(.6);
right:35%;
opacity:1
}
70% {
bottom:30%;
right:30%;
transform:scale(.5);
opacity:.6
}
80% {
bottom:25%;
right:25%;
transform:scale(.4);
opacity:.5
}
90% {
bottom:  1.6rem;
opacity:0;
right:  -1.6rem;
transform:scale(.3);
margin-right:0;
margin-bottom:0
}
100% {
bottom:  1.6rem;
opacity:.1;
right:  -3.2rem;
transform:scale(.2);
margin-right:0;
margin-bottom:0;
display:none
}
}
@-webkit-keyframes bomactionbk { 0% {
transform:scale(1);
opacity:1;
bottom:50%;
right:50%;
margin-right:  -4.8rem;
margin-bottom:  -4.8rem
}
15% {
bottom:48%;
transform:scale(.9);
right:48%
}
36% {
bottom:45%;
transform:scale(.8);
right:45%
}
48% {
bottom:40%;
transform:scale(.7);
right:40%
}
60% {
bottom:35%;
transform:scale(.6);
right:35%;
opacity:1
}
70% {
bottom:30%;
right:30%;
transform:scale(.5);
opacity:.6
}
80% {
bottom:25%;
right:25%;
transform:scale(.4);
opacity:.5
}
90% {
bottom:  1.6rem;
opacity:0;
right:  -1.6rem;
transform:scale(.3);
margin-right:0;
margin-bottom:0
}
100% {
bottom:  1.6rem;
opacity:0;
right:  -3.2rem;
transform:scale(.2);
margin-right:0;
margin-bottom:0;
display:none
}
}
#scrollTop { position: fixed; bottom:  1.7rem; right:  0.25rem; width:  0.65rem; height:  0.65rem; display: none; z-index: 99999999 }
.lxjxcenterbox { width: 100%; height: auto; background-color: #fff; position: absolute; box-shadow: 0 0 1.25rem rgba(10,2,4,.75); border-radius:  0.16rem;
left: 0; bottom: 0 }
@keyframes cshow { 0% {
transform:rotateX(80deg);
-webkit-transform:rotateX(80deg);
-moz-transform:rotateX(80deg)
}
20% {
opacity:1
}
70% {
transform:rotateX(-30deg);
-webkit-transform:rotateX(-30deg);
-moz-transform:rotateX(-30deg);
opacity:1
}
100% {
transform:rotateX(0);
-webkit-transform:rotateX(0);
-moz-transform:rotateX(0);
opacity:1
}
}
@-moz-keyframes cshow { 0% {
transform:rotateX(80deg);
-webkit-transform:rotateX(80deg);
-moz-transform:rotateX(80deg)
}
20% {
opacity:1
}
70% {
transform:rotateX(-30deg);
-webkit-transform:rotateX(-30deg);
-moz-transform:rotateX(-30deg);
opacity:1
}
100% {
transform:rotateX(0);
-webkit-transform:rotateX(0);
-moz-transform:rotateX(0);
opacity:1
}
}
@-webkit-keyframes cshow { 0% {
transform:rotateX(80deg);
-webkit-transform:rotateX(80deg);
-moz-transform:rotateX(80deg)
}
20% {
opacity:1
}
70% {
transform:rotateX(-30deg);
-webkit-transform:rotateX(-30deg);
-moz-transform:rotateX(-30deg);
opacity:1
}
100% {
transform:rotateX(0);
-webkit-transform:rotateX(0);
-moz-transform:rotateX(0);
opacity:1
}
}
.lxjxcenterbox-close { position: absolute; top:  -0.24rem;
right:  -0.24rem;
cursor: pointer; z-index: 9999 }
.lxjxcenterbox-close span { display: inline-block; width:  0.96rem;
height:  0.96rem;
line-height: normal; vertical-align: baseline; white-space: nowrap; text-align: center; border-radius: 50%; font-size:  0.96rem;
color: red; background: #fff }
.lxjxcenterbox-close span img { display: block; width: 100% }
.lxjxcenterbox-close i { color: #fff }
.lxjxcenterbox .xdfcenter-title { display: block; width: 100%; text-align: center; font-size:  0.55rem; font-weight: 400; line-height: 1.5; font-family: "Microsoft YaHei"; margin-top:  0.7rem }
.lxjxcenterbox .xdfcenter-title a { color: red }
.lxjxcenterbox .xdfcenter-ftitle { display: block; width: 100%; text-align: center; font-size:  0.4rem; font-weight: 200 }
.lxjxcenterbox .lxjxcenter-telval { width: 88%; height:  1.3599999999999999rem;
border-radius:  0.08rem;
-webkit-border-radius:  0.08rem;
-moz-border-radius:  0.08rem;
margin:  0.16rem auto 0.8rem
}
.lxjxcenterbox .lxjx-dhts { display: block; font-size:  0.48rem;
text-align: center; border-top: none; padding:  0.16rem 0;
width:  7.92rem; margin:0 auto 0.16rem;
color: #333 }
.lxjxcenterbox .lxjx-dhts span { color: red }
.lxjxcenterbox .lxjx-mobileval { width: 97%; height:  1.3599999999999999rem;
line-height:  1.3599999999999999rem;
background-color: #d9002f; color: #fae78d; outline: 0; padding-left: 3%; font-size:  0.72rem;
border:  0.025rem solid #ccc; border-radius:  0.32rem
}
.lxjxcenterbox .lxjx-mobileval::-webkit-input-placeholder {
color:#d4c4c4;
font-size:  0.608rem
}
.lxjxcenterbox .lxjx-mobileval:-moz-placeholder {
color:#d4c4c4;
font-size:  0.608rem
}
.lxjxcenterbox .lxjx-mobileval:-ms-input-placeholder {
color:#d4c4c4;
font-size:  0.608rem
}
.lxjxcenterbox .lxjx-mobilebtn { width:  2.6239999999999997rem; height:  1.04rem;
line-height:  1.088rem;
color: #fff; background-color: #333; font-size:  0.48rem;
text-align: center; text-decoration: none; float: left; border: 0 }
.lxjxcenterbox .lxjx-innerc { width: 100%; margin: 0 auto; font-size:  0.48rem;
line-height:  0.8800000000000001rem;
height:  0.8rem;
text-align: center; display: block }
.lxjxcenterbox .lxjx-img-box img { width: 100%; display: block; height: auto }
.lxjxcenterbox .lxjx-bt-box { height:  1.7600000000000002rem }
.lxjxcenterbox .lxjx-bt-box ul { padding:0 0.4rem
}
.lxjxcenterbox .lxjx-bt-box ul li { display: block; height: auto; float: left; width: 50%; text-align: left }
.lxjxcenterbox .lxjx-bt-box ul li a span { display: inline-block; padding:  0.32rem 0.8rem;
vertical-align: middle; font-size:  0.5599999999999999rem;
font-weight: 400; line-height:  0.43200000000000005rem;
height:  0.48rem;
text-align: center; white-space: nowrap; color: #fff0f0; background-color: #f17a7a; border-color: #333; border-radius:  0.16rem
}
.lxjxcenterbox .lxjx-bt-box ul li a span i { padding-right:  0.16rem;
font-size:  0.72rem
}
.tcbg { background: #d9002f; padding:  0.48rem 0 0
}
.gotop { position: fixed; right:  0.9279999999999999rem;
width:  2.56rem; z-index: 5; height:  2.56rem; overflow: hidden; bottom:  -16rem; transition: bottom ease .3s }
.gotop img { width: 100%; height: auto }
.mext-mask, .mext-slip { position: fixed; bottom: 0; width: 100%; height: 100%; left: 0 }
.mext-slip-wrapper .mext-mask { background-color: rgba(0,0,0,.5) }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown }
.mext-animate { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.mext-slip-bottom { top: auto }
.mext-mask { z-index: 1000; background-color: rgba(0,0,0,.32); top: 0; transition: all .1s ease }
.mext-slip { right: 0; overflow-y: auto; background-color: #fff; box-shadow:  0.025rem 0.025rem 0.075rem rgba(0,0,0,.32); z-index: 399 }
.mext-slip-content { position: relative; padding:  0.512rem 0.512rem 0.96rem
}
.mext-slip-content .close { position: absolute; top:  0.256rem;
right:  0.256rem;
text-align: right; vertical-align: top; width:  1.44rem;
height:  1.44rem;
z-index: 10 }
.mext-slip-content .close i { font-size:  1.44rem
}
.mext-slip-content .mext-slip-ct-hd { min-height:  3.2rem }
.mext-slip-content .mext-slip-ct-cd { max-height:  8rem; padding:  0.8rem 0 0
}
.wx-pop-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0,0,0,.6); z-index: 81 }
.footer-common .show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: fadeIn .5s; animation: fadeIn .5s }
.footer-common .hide { opacity: 0; display: none }
.wx-pop-wrapper .wx-pop { width:  5rem; position: relative; background-color: #fff; z-index: 82; padding:  0.16rem
}
.wx-pop-wrapper .wx-pop img { display: block; width: 100% }
.page-footer .module-wrap { padding-bottom:  2.7199999999999998rem }
.page-footer .footer-common-line {
margin:0 0.341333328rem; height:  0.025rem; background-color: #5b5b5b; transform: scaleY(.5) }
.page-footer .footer-common-tel { display: block; height:  1.6640000000000001rem; line-height:  1.6640000000000001rem; font-size:  0.64rem;
text-align: center; color: #ff6700; margin:0 0.810666672rem 0.8rem;
border:  0.025rem solid #fde9d6 }
.page-footer .footer-common-pd24 { padding:  0.192rem 0.768rem
}
.page-footer .footer-common-f24 { color: #414141; font-size:  0.592rem
}
.footer_nav_lists { width: 100%; padding:  0.48rem 0;
border-bottom:  0.025rem solid #eee }
.footer_nav_lists .f-nav { width: 100%; margin: 0 auto; display: flex }
.footer_nav_lists .f-nav a { flex: 1; text-align: center }
.hide { display: none }
.show { display: block }
.m-flink-xd { float: left }
.flink-box { position: absolute; width: 100%; left: 0; bottom: 15%; padding: 0 7% }
.flink-box ul li { float: left; width: 49%; height:  1.28rem;
line-height:  1.28rem;
text-align: left }
.flink-box ul li a { color: #fff; font-size:  0.64rem
}
.button-text { color: #a2a2a2 }
.page-footer .footer-gzwm-box ul { margin: 0 auto; width:  14.4rem; height:  1.92rem }
.page-footer .footer-gzwm-box ul li { float: left; height:  1.92rem; line-height:  1.92rem; color: #666 }
.page-footer .footer-gzwm-box ul li a, .page-footer .footer-gzwm-box ul li a:hover { color: #666 }
.page-footer .footer-gzwm-box ul li.gztag { padding-right:  0.8rem
}
.page-footer .footer-gzwm-box ul li.gztag i { font-size:  0.8rem;
padding-left:  0.22400000000000003rem
}
.submit-box { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 80; height:  2.08rem; background-color: #fff; border-top:  0.025rem solid #eaeaea }
.submit-box .sm-button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; box-sizing: border-box; position: relative }
.submit-box .sm-button:last-child { border-right: none }
.submit-box .sm-button .button-icon {
font-size:  0.768rem; display: block; margin:  0.213333328rem auto 0;
color: #999; text-align: center }
.submit-box .sm-button .button-text { text-align: center; line-height:  0.810666672rem;
color: #999; font-size:  0.5599999999999999rem;
width: 100%; display: block }
.submit-box .tel-button, .submit-box .zxzx-button { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: block; height:  1.6rem; font-size:  0.608rem;
text-align: center; line-height:  1.6rem; position: relative; margin-top:  0.24rem
}
.submit-box .tel-button {
border-radius:  0.8rem 0 0 0.8rem; background: #fde9d6; margin-left:  0.32rem;
color: #f95b07 }
.submit-box .zxzx-button {
border-radius:0 0.8rem 0.8rem 0; background: #ff6700; margin-right:  0.32rem
}
.gzxdf-badge {
font-size:  0.4rem;
line-height:  0.5599999999999999rem; position: absolute; top:  -0.32rem;
right:  0.4rem;
padding:  0.016rem 0.16rem;
color: #fff; border-radius:  2.5rem; background: red; border:  0.025rem solid red; display: block }
.f_zxbm_proDesc, .f_zxbm_title_name, .nav-box, .nav-box .nav-top { position: relative }
.submit-box .zxbm-button { background-color: #fde9d6; color: #FF6537 }
.submit-box .zxzx-button { color: #fff }
.f_zxbm_title_name { display: inline-block; font-size:  0.9279999999999999rem;
color: #ff6700 }
.f_zxbm_desc {
font-size:  0.608rem; color: #bbb8b7; line-height:  0.96rem
}
.f_zxbm_proDesc { -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-pack: start; box-pack: start; -webkit-box-flex: 1; flex: 1; margin-left:  0.256rem;
margin-top:  -0.512rem
}
.f_zxbm_submitNow { width: 100%; background-color: #f95b07; color: #fff; font-size:  0.72rem;
border-radius:  16rem }
.bb { border-bottom:  0.025rem solid #f4f4f4 }
.flex-row { display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; -webkit-box-pack: center; box-pack: center; justify-content: space-around; -webkit-box-orient: horizontal; align-items: center }
.flex-column { display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-pack: justify }
.ui-box-flex { -webkit-box-flex: 1; box-flex: 1 }
.ui-input { border:  0.025rem solid #efefef; overflow: hidden; font-size:  0.72rem;
margin:  0.32rem 0
}
.ui-input input, .ui-input select { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border:  0.025rem solid #fff; height:  1.6rem }
.ui-input select { height:  1.6rem; padding:0 0.48rem;
background: #fff; color: #666 }
.f-page-header .nav-box { background-color: #f2f2f2; height:  2.133333328rem }
.zt-page-header .nav-box { background-color: #fff; height:  2.4rem }
.nav-box { width: 100% }
.newyear .bgnewyear { flex: 4; -webkit-box-flex: 4; position: relative }
.nav-box .nav-zt-hd { height:  2.4rem }
.nav-box .nav-top .hd-icon { color: #999; font-size:  0.8rem
}
.nav-box .nav-top .icon-a { line-height:  2.133333328rem; text-align: center; width:  2.133333328rem; height:  2.133333328rem; display: inline-block }
.nav-box .nav-top .nav-center { position: absolute; background-size:  5.6rem; background-image: url(../image/logo1.jpg); background-repeat: no-repeat; left:  6.08rem; top:  0.96rem;
display: block; height:  1.7600000000000002rem; width:  5.76rem }
.nav-box .nav-top .nav-left { height: 100%; position: absolute; left: 0; top: 0 }
.nav-box .nav-top .nav-left .zt-logo { display: block; width:  10rem; height:  1.92rem; padding-right:  0.16rem;
line-height:  2.32rem; position: relative; margin-left:  0.20800000000000002rem;
margin-top:  0.22400000000000003rem;
overflow: hidden; background-size:  9.6rem; background-image: url(../image/1_1544544891.png); background-repeat: no-repeat; text-align: right; font-style: oblique; font-weight: 700; color: #ce5252; font-size:  0.48rem
}
.nav-box .nav-top .nav-mid { padding-left:  4.266666672rem; padding-right:  4.266666672rem }
.nav-box .nav-top .nav-mid .nav-title { line-height:  2.133333328rem; text-align: center; color: #666; font-size:  0.768rem;
overflow: hidden; text-overflow: ellipsis }
.nav-box .nav-top .nav-right { position: absolute; right: 0; top: 0; height:  2.133333328rem }
.nav-box .nav-top .nav-right .menu-icon { display: block; width:  1.6rem; height:  1.6rem; position: relative; margin-top:  0.752rem
}
.nav-box .nav-top .nav-right .menu-icon i { font-size:  1.1199999999999999rem
}
.nav-box .nav-top .nav-right .tel-icon { display: block; width:  4.944rem; height:  1.6rem; position: relative; margin-top:  0.752rem;
overflow: hidden; background-size:  4.8rem; background-image: url(../image/flogo.jpg); background-repeat: no-repeat }
.nav-box .nav-top .nav-right .am-icon-more { line-height:  2.133333328rem; text-align: center; width:  2.133333328rem; height:  2.133333328rem; display: inline-block }
.nav-rightside-menu, .nav-rightside-menu .dropdown-wrap .dropdown { overflow: hidden; height: 100%; width: 100% }
.nav-rightside-menu { position: fixed; top: 0; left: 0; z-index: 999999; display: none; background-color: rgba(55,61,65,.4) }
.nav-rightside-menu .dropdown-wrap, .nav-rightside-menu .dropdown-wrap .dropdown .dropdown-close-box { position: absolute; height: 100%; width: 100% }
.nav-rightside-menu.show { -webkit-animation: showFade .5s; -moz-animation: showFade .5s; -o-animation: showFade .5s; animation: showFade .5s; opacity: 1 }
.nav-rightside-menu.show .dropdown-wrap { -webkit-animation: showMove .5s; -moz-animation: showMove .5s; -o-animation: showMove .5s; animation: showMove .5s; left: 0 }
.nav-rightside-menu.hide { -webkit-animation: hideFade .5s; -moz-animation: hideFade .5s; -o-animation: hideFade .5s; animation: hideFade .5s; opacity: 0 }
.nav-rightside-menu.hide .dropdown-wrap { -webkit-animation: hideMove .5s; -moz-animation: hideMove .5s; -o-animation: hideMove .5s; animation: hideMove .5s; left: 100% }
.nav-rightside-menu .dropdown-wrap { top: 0; left: 100%; z-index: 399; background: rgba(0,0,0,.1) }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content { margin-left:  2.56rem; padding-bottom:  1.4933333279999998rem;
box-sizing: border-box; height: 100%; overflow: auto; background-color: #2E2E2E; display: block; position: relative }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list { width: 100% }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item { float: left; width: 100%; box-sizing: border-box; overflow: hidden; position: relative; border-bottom:  0.025rem solid #444 }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .channel-item-title { height:  1rem; line-height:  1rem; width: 100%; position: relative; padding:0 0.768rem;
box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .channel-item-title .channel-title { font-size:  0.4rem; color: #fff; line-height:  1rem; height:  1rem; margin-right:  1rem }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .channel-item-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box { background-color: #3B3B3B; display: none }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box.show { display: block }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list { overflow: hidden }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list.channel-grid { padding:  0.245333328rem
}
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list table { width: 100% }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list table td { width: 50%; border-bottom:  0.025rem solid #444; border-right:  0.025rem solid #444 }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list table td.right-side { border-right: none }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list table td.bottom-side { border-bottom: none }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list table td a.sub-channel-item { padding:  0.15rem 0.3rem; line-height:  0.75rem; height:  1.8rem; border: none!important; width: 100%; position: relative; box-sizing: border-box; font-size:  0.35rem; color: #9B9EA0; display: block }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item .sub-channel-title { font-size:  0.35rem; width: 100%; height:  1rem; line-height:  1rem; position: relative; padding:0 1.450666672rem;
box-sizing: border-box; color: #9B9EA0; display: block; border-bottom:  0.025rem solid #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item .sub-channel-title.selected { color: #fff; background-color: #303030 }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item .three-channel-list { display: none }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item .three-channel-list.show { display: block; border-bottom:  0.025rem solid #444 }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item .three-channel-list .sub-channel-item-item { height:  1rem; width: 100%; line-height:  1rem; padding: 0 2.133333328rem; display: block; color: #9B9EA0; font-size:  0.35rem; border-bottom:  0.025rem solid #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item .three-channel-list .sub-channel-item-item.selected { color: #fff; background-color: #303030 }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-more-button { display: block; text-align: center; line-height:  1rem; height:  1rem; color: #9B9EA0; font-size:  0.35rem }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list .channel-item .dbl-icon-base-arrow { font-size:  0.35rem; position: absolute; line-height:  1rem; top: 0; right:  0.8533333280000001rem;
color: #fff }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list.clearfix:after, .nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list.clearfix:before { content: ""; display: table }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .channel-list.clearfix:after { clear: both }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .button-area { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding:  0.213333328rem 0.6826666720000001rem 0.213333328rem 0.597333328rem
}
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .button-area .menu-button { text-align: center; margin:  0.213333328rem 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; width: 100%; background-color: #00C1DE; border: none; color: #fff; height:  0.9rem; line-height:  0.9rem; font-size:  0.35rem }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .button-area .search-box { background-color: transparent; border:  0.025rem solid #cacaca; position: relative }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .button-area .search-box .label { color: #cacaca; position: absolute; left:  0.42666667199999997rem;
top: 0 }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .button-area .search-box .am-icon-search { color: #cacaca; position: absolute; right:  0.42666667199999997rem;
top: 0; line-height:  0.9rem }
.nav-rightside-menu .dropdown-wrap .dropdown .dropdown-content .button-area .search-box .cover { position: absolute; display: block; left: 0; top: 0; height: 100%; width: 100% }
.nav-rightside-menu .dropdown-wrap .dropdown .selected a, .nav-rightside-menu .dropdown-wrap .dropdown .selected span { color: #00a2c9!important }
@keyframes showFade { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes hideFade { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes showMove { 0% {
left:100%;
opacity:1
}
100% {
left:0;
opacity:1
}
}
@keyframes hideMove { 0% {
left:0;
opacity:1
}
100% {
left:100%;
opacity:0
}
}
@keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.list-recommend { background: #fff; padding-top:  0.48rem
}
.list-recommend .recommend-loading { position: relative }
.list-recommend .recommend-loading .recommend-loading-anim { height:  2.4rem }
.list-recommend .recommend-title {
height:  1.28rem;
line-height:  1.28rem; background: #fff; font-size:  0.48rem;
padding:0 0.512rem
}
.list-recommend .recommend-list::after, .list-recommend .recommend-list::before { content: ""; height: 0; clear: both; display: table; overflow: hidden }
.list-recommend .recommend-list li { float: left; width: 50%; box-sizing: border-box; padding-left:  0.48rem
}
.list-recommend .recommend-list li:nth-child(2n) { float: right; padding-left:  0.48rem;
padding-right:  0.48rem
}
.list-recommend .recommend-list li .img { position: relative; margin-bottom:  -0.16rem
}
.list-recommend .recommend-list li .tag_span { display: block; position: absolute; bottom:  0.16rem;
right: 0; color: #fff; padding:0 0.128rem;
background-color: rgba(0,0,0,.2) }
.list-recommend .recommend-list li .tag_span .huobao-ic { color: #ff0c26; font-size:  0.64rem
}
.zy_tag_span { position: absolute; top: 0; left: 0; display: block; padding:  0.08rem 0.32rem 0.16rem;
border-radius:0 0 0.64rem 0.64rem;
font-size:  0.48rem
}
.list-recommend .recommend-list li .img>img { width: 100%; height: auto; border: 0 }
.list-recommend .recommend-list li .img .tag { position: absolute; top: 0; left: 0 }
.list-recommend .recommend-list li .img .tag img {
height:  0.512rem; width: auto; min-height: auto }
.list-recommend .recommend-list li .recommend-info { padding:  0.256rem 0 0.288rem
}
.list-recommend .recommend-list li .recommend-info .recommend-name {
font-size:  0.64rem; color: rgba(0,0,0,.87); white-space: nowrap; overflow: hidden; height:  1.6rem }
.ms-gl-box .list-recommend .recommend-list li .img>img { height:  7.040000000000001rem }
.ms-gl-box .list-recommend .recommend-list li .recommend-info .recommend-name { height:  1.92rem }
.list-recommend .recommend-list li .recommend-info .recommend-brief {
margin-top:  0.256rem;
font-size:  0.5599999999999999rem; color: rgba(0,0,0,.54); line-height:  0.64rem;
height:  0.8rem;
overflow: hidden }
.list-recommend .recommend-list li .recommend-info .recommend-price {
font-size:  0.512rem; color: #ff6000; margin-top:  0.16rem
}
.list-recommend .recommend-list li .recommend-info .recommend-price::before { content: "£¤"; font-size:  0.32rem;
vertical-align: top; margin-right:  0.08rem;
font-weight: 400; display: inline-block; transform:translateY( 0.016rem);
-webkit-transform:translateY( 0.016rem)
}
.list-recommend .recommend-list li .recommend-info .recommend-price .old {
font-size:  0.352rem; color: rgba(0,0,0,.6) }
.list-recommend .recommend-list li .recommend-info .recommend-price span { font-size:  0.48rem
}
.msfc-recommend-name .recommend-name { height:  1.92rem }
.msfc-recommend-name .list-recommend .recommend-list li .img img { height:  7.2rem }
.arc-recommend-name .list-recommend .recommend-list li .img img { height:  5.04rem }
.arc-recommend-name .recommend-name { height:  1.8399999999999999rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.ol-list li {
padding:0 0 0.096rem; position: relative }
.ol-list li::after { content: ""; position: absolute; bottom:  0.048rem;
left:  6.56rem; right: 0; border-bottom:  0.025rem solid #e4e4e4 }
.ol-list .version-item { display: box; display: -webkit-box }
.ol-list .version-item .version-item-img { width:  6.4rem; height:  3.9200000000000004rem; position: relative }
.ol-list .version-item .version-item-img img { height:  3.8880000000000003rem }
.ol-list .version-item .version-item-intro { -webkit-box-flex: 1; box-flex: 1; display: block; padding:0 0.512rem 0.128rem
}
.ol-list .version-item .version-item-intro .version-item-name {
font-size:  0.64rem;
line-height:  1.1199999999999999rem; color: rgba(0,0,0,.87); margin-bottom:  0.256rem;
height:  2.56rem }
.ol-list .version-item .version-item-intro .version-item-desc {
font-size:  0.368rem; color: rgba(0,0,0,.54); margin-bottom:  0.256rem;
line-height:  0.48rem;
height:  0.96rem;
overflow: hidden }
.ol-list .version-item .version-item-intro .version-item-tag { position: relative }
.ol-list .version-item .version-item-intro .version-item-tag .list-tag-icon { color: #d2d2d2; font-size:  0.8rem;
padding-right:  0.16rem
}
.ol-list .version-item .version-item-intro .version-item-tag span { color: #666; font-size:  0.64rem
}
.ol-list .version-item .version-item-intro .version-item-tag span.left-time { position: absolute; left: 0 }
.ol-list .version-item .version-item-intro .version-item-tag span.right-click { position: absolute; right: 0 }
.comm-page-ul { border-top:  0.032rem solid #f1f1f1;
padding:  0.48rem
}
.comm-page-ul li { float: left; padding:0 0.48rem 0.48rem 0
}
.comm-page-ul li a { color: #666 }
.xdf-toast-container { line-height:  0.425rem; position: fixed; z-index: 9999; bottom:  1.25rem; left: 50%; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0 }
.xdf-toast-container.mui-active { opacity: .9 }
.xdf-toast-message { font-size:  0.35rem; padding:  0.25rem 0.625rem; text-align: center; color: #fff; border-radius:  0.15rem; background: #000; opacity: .6 }
.home-top-nav { height:  2.56rem; border-top:  0.048rem solid #f1f1f1
}
.artd-sx-box, .comm-mod-art-box { border-top:solid 0.032rem #f1f1f1
}
.home-top-nav ul li { float: left; padding:  0.32rem 0 0 0.72rem;
font-size:  0.592rem;
color: #666 }
.home-top-nav ul li.on a { color: #ff6700; font-weight: 700 }
.home-top-nav ul li .top-nav-icon { font-size:  0.592rem;
padding-right:  0.08rem
}
.home NaNremxm-box { height:  3.2rem }
.art-detail-box { padding:  0.533333328rem
}
.art-detail-box .art-title { color: #333; font-size:  0.8533333280000001rem;
line-height:  1.28rem
}
.art-detail-box .art-info-box { padding-bottom:  0.48rem
}
.art-detail-box .b-time { color: #999ba4; font-size:  0.64rem;
line-height:  1.322666672rem
}
.art-detail-box .b-time i { font-size:  0.8rem
}
.art-detail-box .att-info { float: right }
.art-detail-box .att-info i { float: left; vertical-align: center; margin-top:  0.32rem;
display: inline-block; height:  0.469333328rem;
width:  0.6826666720000001rem;
font-size:  0.72rem;
color: #999 }
.art-detail-box .att-info span { float: left; padding-left:  0.213333328rem;
font-size:  0.64rem;
color: #999; line-height:  1.322666672rem
}
.art-detail-box .art-content {
font-size:  0.688rem;
line-height:  1.1199999999999999rem; color: #333; width: 100%; word-wrap: break-word; overflow: hidden }
.art-detail-box .art-content img { width: 100%; height: auto }
.art-detail-box .art-content p { margin-bottom:  0.48rem
}
.art-detail-box .art-content a { color: #ff6700 }
.art-detail-box .art-usr-box {
padding:  0.8rem 0 0.48rem; text-align: right }
.art-detail-box .art-usr-box span { font-weight: 700 }
.b-author-info {
padding:0 0.8533333280000001rem; height:  1.92rem; font-size:  0.64rem;
color: #333; line-height:  1.92rem }
.comm-mod-title { position: relative; height:  1.1199999999999999rem;
font-size:  0.592rem;
line-height:  1.6rem }
.comm-mod-title .left-icon { position: absolute; display: block; width:  0.16rem;
height:  0.8rem;
left: 0; top:  0.4rem;
border-left:solid #ff6700 0.16rem
}
.comm-mod-title .left-title-text { position: absolute; display: block; left:  0.32rem
}
.comm-mod-title .right-more { position: absolute; display: block; right:  0.128rem
}
.comm-mod-title .right-more a { color: #ff6700 }
.comm-mod-art-box { padding:  0.16rem 0 0.16rem 0.48rem
}
.comm-mod-art-box ul li { height:  1.28rem;
line-height:  1.28rem;
margin-left:  -0.32rem
}
.comm-mod-art-box ul li i { color: #795548 }
.comm-mod-art-box .art-imgtit-box { position: relative; height:  4.64rem; margin-left: 0 }
.comm-mod-art-box .art-imgtit-box .art-img-box { position: absolute; left: 0; top:  0.288rem;
height:  4.4799999999999995rem; width:  6.4rem }
.comm-mod-art-box .art-imgtit-box .art-tit-box { position: absolute; right: 0; width:  8.8rem }
.comm-mod-art-box .art-imgtit-box .art-tit-box p { line-height:  0.96rem
}
.comm-mod-art-box .art-imgtit-box .art-tit-box p.ptitle { font-size:  0.72rem;
line-height:  1.2rem
}
.comm-mod-art-box .art-imgtit-box .art-tit-box p.pdesc { color: #999 }
.artd-sx-box { padding:  0.48rem
}
.artd-sx-box li {
line-height:  0.96rem;
height:  0.96rem;
font-size:  0.592rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.fj_nav_box { position: relative; height:  2.56rem }
.fj_nav_box .nav-more-open-bt { position: absolute; right: 0; width:  4.32rem; height:  1.1199999999999999rem;
line-height:  1.1199999999999999rem;
text-align: center; z-index: 3; font-size:  0.32rem;
background: #fff; bottom:  0.11200000000000002rem;
display: none }
.fj_nav_box .nav_ul_box { position: absolute; z-index: 2; height: 100%; background: #fff; overflow: hidden; box-shadow: 0 0.2rem 0.25rem -0.125rem rgba(0,0,0,.3) }
.tel-main { height:  2.4rem; padding-top:  0.48rem
}
.tel-box { position: relative; border:  0.048rem solid #FF6537;
border-radius:  0.16rem;
height:  1.7600000000000002rem; width:  12rem; margin: 0 auto }
.tel-box .tel-bnt, .tel-box .tel-code, .tel-box .tel-img { position: absolute }
.tel-box .tel-img { left: 0; background: #FF6537; height:  1.7920000000000003rem; width:  1.7600000000000002rem; text-align: center }
.tel-box .tel-img i {
font-size:  1.28rem; color: #fff; padding-top:  0.16rem;
display: block }
.tel-box .tel-code { left:  2.16rem; line-height:  1.7600000000000002rem; font-size:  0.64rem;
color: #ff6700 }
.tel-box .tel-bnt { right:  0.096rem;
width:  1.44rem;
height:  0.48rem;
font-size:  0.5599999999999999rem;
padding-top:  0.0992rem
}
.tel-box .tel-bnt span {
border:  0.048rem solid #ff6700; display: block; text-align: center; color: #ff6700; border-radius:  0.16rem
} NaNremxm-fl-box ul { list-style-type: none; padding:  0.32rem 0.32rem 0.16rem;
margin:0 0 0.16rem;
overflow: hidden } NaNremxm-fl-box ul li { float: left; margin:  0.16rem 0.096rem;
padding:  0.192rem 0.48rem;
text-align: center; border:  0.025rem solid #ff6700; border-radius:  1.6rem; color: #ff6700 }
.bnt-box { text-align: center; padding:  0.48rem 0 0.8rem
}
.bnt-box a { text-align: center; background: #ff6700; border-radius:  0.64rem;
padding:  0.32rem 0.96rem;
margin:0 1.28rem;
color: #eed491 }
.swiperTabBox .swiperTab { display: flex; width: 100%; flex-direction: row; justify-content: center; align-items: center }
.swiperTabBox .swiperTab li { display: flex; height:  1.6rem; border-left:  0.025rem solid #f1f1f1; border-bottom:  0.025rem solid #f1f1f1; cursor: pointer; flex: 1; flex-direction: row; justify-content: center; align-items: center }
.swiperTabBox .swiperTab li:first-child { border-left:  0.025rem solid transparent }
.swiperTabBox .swiperTab li.active { color: #ff6700; font-weight: 700; border-bottom:  0.075rem solid #ff6700 }
.swiperTabBox .swiper-slide { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; padding:0 0.48rem
}
.xdf-liaotian-min-container { position: fixed; bottom:  -32rem; min-height:  6rem; width: 100%; z-index: 9000; background: #f4f4f4; border-top:  0.025rem solid #fbe4d2 }
.xdf-liaotian-min-container .xdf-liaotian-min-hdtel { position: relative; top: 0; height:  0.96rem;
width: 100%; text-align: center; font-size:  0.592rem;
line-height:  0.96rem;
border-bottom:  0.025rem solid #f1f1f1; background: #c5956e }
.xdf-liaotian-min-container .xdf-liaotian-min-hdtel a { color: #fff0f0 }
.xdf-liaotian-min-container .xdf-liaotian-min-msgbox { position: relative; min-height:  2.56rem }
.xdf-liaotian-min-container .xdf-liaotian-min-msgbox .xdf-liaotian-min-nc { color: #a2a2a2; position: absolute; left:  4.16rem; top:  0.128rem;
font-size:  0.5599999999999999rem
}
.xdf-liaotian-min-container .xdf-liaotian-min-msgbox .xdf-liaotian-min-head { background: url(../image/lt.jpg) no-repeat; background-size:  3.2rem; position: absolute; top:  0.32rem;
left:  0.32rem;
height:  3.2rem; width:  3.2rem; z-index: 9001; border-radius:  14.4rem }
.xdf-liaotian-min-container .xdf-liaotian-min-msgbox .xdf-liaotian-min-message {
padding:  0.24rem 0.48rem; position: absolute; left:  4.16rem; top:  1.088rem;
width:  10.559999999999999rem; line-height:  0.752rem;
background: #ffd59d; border-radius:  0.125rem; font-size:  0.5599999999999999rem;
color: #ff6700 }
.xdf-liaotian-min-container .xdf-liaotian-min-msgbox .xdf-liaotian-min-message .xdf-liaotian-min-arrow { position: absolute; top:  0.2rem; left:  -0.4rem; width: 0; height: 0; font-size: 0; border:  0.2rem solid; border-color: #f4f4f4 #ffd59d #f4f4f4 #f4f4f4 }
.xdf-liaotian-min-container .xdf-liaotian-min-inputbox { display: flex; padding:0 0.20800000000000002rem 0 0.32rem;
position: absolute; bottom:  -0.32rem;
width: 100% }
.xdf-liaotian-min-container .xdf-liaotian-min-inputbox .input-bt-tel .tel-btn, .xdf-liaotian-min-container .xdf-liaotian-min-inputbox button { border-radius:  0.1rem; padding:  0.16rem 0.32rem;
border:  0.025rem solid #c5956e; background: #c5956e; color: #fff; font-size:  0.576rem
}
.xdf-liaotian-min-container .xdf-liaotian-min-inputbox .input-div { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; margin:  0.48rem 0 0.16rem
}
.xdf-liaotian-min-container .xdf-liaotian-min-inputbox .input-div input { padding:  0.192rem 0.48rem;
font-size:  0.64rem
}
.xdf-liaotian-min-container .xdf-liaotian-min-inputbox .input-bt-fs { -webkit-box-flex: .7; -ms-flex: .7; flex: .7; padding-left:  0.32rem;
line-height:  2.304rem }
.xdf-liaotian-min-container .xdf-liaotian-min-inputbox .input-bt-fs .fs-btn { border:  0.025rem solid #ff6700; background: #ff6700; color: #eed491 }
.xdf-liaotian-min-container .xdf-liaotian-min-inputbox .input-bt-tel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height:  2.304rem; padding-right:  0.48rem
}
.animation_UP { animation: slideUP 1s linear; -moz-animation: slideUP 1s linear; -webkit-animation: slideUP 1s linear; -o-animation: slideUP 1s linear; transition: bottom .55s }
@keyframes slideUP { 0% {
bottom:  -5rem
}
100%, 20%, 40% {
bottom:0
}
25% {
bottom:  -0.2rem
}
}
.breadcrumb-box {
padding:  0.32rem 0.48rem 0.48rem; background: #f1f1f1 }
.breadcrumb-box .breadcrumb {
font-size:  0.608rem; color: #888!important }
.breadcrumb-box .breadcrumb:before { content: ' > '; color: #888 }
.breadcrumb-box .breadcrumb:first-child:before { display: none }
.breadcrumb-box .breadcrumb:last-child { color: #fff }
.rightJs { width:  3.5200000000000005rem; height: 0; border-top:  0.64rem solid #f95b07;
border-bottom:  0.64rem solid #f95b07;
border-left:  0.4rem solid transparent;
box-sizing: border-box; color: green; font-size:  0.512rem
}
.rightJs:before { content: "ѧ·Ñ"; width: auto; height:  0.8rem;
display: block; color: #eee; font-size:  0.512rem;
margin-left:  0.24rem;
margin-top:  0.08rem
}
.sub-channel-box .sub-channel-list .small-tag { color: #fff; background: #f95b07; padding:  0.025rem; border-radius:  1.25rem; height:  0.5rem; line-height:  0.5rem; width:  0.5rem; display: block; float: left; font-size:  0.3rem; text-align: center }
#alertActivity { width: 100%; height: 100%; position: fixed; margin: auto; top: 0; left: 0; bottom: 0; right: 0; z-index: 999 }
.alertActivity { -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s; display: none }
#alertActivity span { right: 45%; position: absolute; color: #fff; background: red; font-size:  0.96rem;
bottom: 20%; border-radius: 100%; box-shadow: 0 0 0.25rem 0 #FF6537; line-height:  0.8rem
}
.showActivity { -webkit-transition: all ease .55s; -moz-transition: all ease .55s; -ms-transition: all ease .55s; -o-transition: all ease .55s; display: block; background: rgba(0,0,0,.35) }
.contActivity { width:  11.2rem; height: 100%; position: relative; margin: auto; -webkit-transition: all ease .45s; -moz-transition: all ease .45s; -ms-transition: all ease .45s; -o-transition: all ease .45s }
.xdf-flag { position: absolute; bottom:  0.128rem;
right: 0; z-index: 2; height:  0.64rem;
padding:0 0.16rem;
font-size:  0.48rem;
line-height:  0.64rem;
text-align: center; color: #fff; background: #8bc34a }
.white-text { color: #FFF!important }
.orange { background-color: #ff9800!important }
.bgred { background-color: #F44336!important }
.light-green { background-color: #8bc34a!important }
.darken-4 { background-color: #827717!important }
.positionabs { background: rgba(0,0,0,.3); padding:  0.16rem 0;
text-align: center; position: relative; bottom: 0; width: 100%; color: #fff }
.swiper-slide, .swiper-wrapper { height: 100%; position: relative; width: 100% }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-container-no-flexbox .swiper-slide { float: left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.swiper-wrapper { z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform }
.swiper-invisible-blank-slide { visibility: hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective:  30rem; perspective:  30rem }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width:  0.675rem; height:  1.1rem; margin-top:  -0.55rem; z-index: 10; cursor: pointer; background-size:  0.675rem 1.1rem; background-position: center; background-repeat: no-repeat }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left:  0.25rem; right: auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right:  0.25rem; left: auto }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-lock { display: none }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:  0.25rem; left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-container-cube, .swiper-container-flip { overflow: visible }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) }
.swiper-pagination-bullet { width:  0.2rem; height:  0.2rem; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-scrollbar-cursor-drag, .swiper-slide-zoomed { cursor: move }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff }
.swiper-container-vertical>.swiper-pagination-bullets { right:  0.25rem; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:  0.15rem 0; display: block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width:  0.2rem }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; -o-transition: .2s transform, .2s top; transition: .2s transform, .2s top; transition: .2s transform, .2s top, .2s -webkit-transform }
.swiper-pagination-lock, .swiper-scrollbar-lock { display: none }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.1rem }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .2s -webkit-transform; -o-transition: .2s transform, .2s left; transition: .2s transform, .2s left; transition: .2s transform, .2s left, .2s -webkit-transform }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .2s -webkit-transform; -o-transition: .2s transform, .2s right; transition: .2s transform, .2s right; transition: .2s transform, .2s right, .2s -webkit-transform }
.swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top }
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height:  0.1rem; left: 0; top: 0 }
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width:  0.1rem; height: 100%; left: 0; top: 0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,.25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,.25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 }
.swiper-scrollbar { border-radius:  0.25rem; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom:  0.075rem; z-index: 50; height:  0.125rem; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right:  0.075rem; top: 1%; z-index: 50; width:  0.125rem; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius:  0.25rem; left: 0; top: 0 }
.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain }
.swiper-lazy-preloader { width:  1.05rem; height:  1.05rem; position: absolute; left: 50%; top: 50%; margin-left:  -0.525rem; margin-top:  -0.525rem; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat }
.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }
@-webkit-keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur( 1.25rem); filter: blur( 1.25rem); z-index: 0 }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective:  30rem }