@font-face { font-family: "iconfonts"; src: url('../../font/iconfont.woff2?t=1630662789785') format('woff2'), url('../../font/iconfont.woff?t=1630662789785') format('woff'), url('../../font/iconfont.ttf?t=1630662789785') format('truetype'); }
.iconfont { font-family: "iconfonts" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html { font-size: 20px; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
html, body { width: 100%; height: 100% }
body { padding-top: constant(safe-area-inset-top); padding-left: constant(safe-area-inset-left); padding-right: constant(safe-area-inset-right); padding-bottom: constant(safe-area-inset-bottom); }
* { font-size: .7rem
}
a { background-color: transparent; }
ul { margin: 0; padding: 0; }
li { list-style: none }
a:active, a:hover { outline: 0; opacity: .8 }
h1 { font-size: 2em; margin: 0; }
p { margin: 0 }
h2, h3, h4, h5 { font-weight: normal; margin: 0 }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { display: block; width: 100%; border: 0 }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
iframe { width: 100%; border: none }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none }
body { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 0.7rem; line-height: 1.5; color: #3d4145; background: #fff }
a, input, textarea, select, button { outline: 0; -webkit-appearance: none; }
.text-center { text-align: center }
em, i { font-style: normal }
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.underline { text-decoration: underline }
a:active { opacity: .8 }
.colordefault { color: #99835e }
.colorblue { color: #39F }
/******************Common CSS***************************/
.page { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 2000 }
.content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #f2f2f2 }
.page, .page-group { box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; display: none; overflow: hidden; }
.page.page-current, .page-group.page-current, .page.page-visible, .page-group.page-visible, .page.page-from-center-to-left, .page-group.page-from-center-to-left, .page.page-from-center-to-right, .page-group.page-from-center-to-right, .page.page-from-right-to-center, .page-group.page-from-right-to-center, .page.page-from-left-to-center, .page-group.page-from-left-to-center { display: block; }
.page.page-current, .page-group.page-current { overflow: hidden; }
.page-group { display: block }
.spacebetween { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.spacearound { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.flex-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center }
.flex-start { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: flex-start; align-items: center }
.flex-top { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: space-between; -webkit-align-items: flex-start; align-items: flex-start }
.flex-end { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: flex-start; align-items: flex-start }
.flex-direction { flex-direction: column; }
.udline, .riline, .lfline, tline, .aline { position: relative }
.udline:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.riline:after { content: ''; position: absolute; left: auto; bottom: 0; right: 0; top: 0; height: 100%; width: 1px; background-color: #1c62a5; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
/***style**/
.livebox { position: relative; width: 100%; height: 230px; overflow: hidden; background-color: #000 }
.tab-nav { -webkit-overflow-scrolling: touch; position: relative; top: 0; left: 0; overflow-x: auto; overflow-y: hidden; height: 2rem; color: #333; white-space: nowrap; background: #FFF; display: flex; justify-content: flex-start; font-size:.7rem
}
.tab-nav-item { display:flex;flex: 1; height: 2rem; margin: 0 .5rem; position: relative; text-align: center; align-items: center;justify-content: center; }
.tab-nav-item a { display: block; height: 2rem; line-height: 2rem; font-size:.7rem
}
.tab_content { width: 100%; color: #666; position: relative; background-color: #fff; overflow-y: auto }
#tab1:target, #tab2:target, #tab3:target, #tab4:target, #tab5:target, #tab6:target { z-index: 1; display: block }
.tablist { position: relative }
.contentblock { background-color: #fff; padding: 1rem }
.content-item { padding: 1rem; display: flex; align-items: center; justify-content: flex-start; }
.logoimg img { width: 2.5rem; height: 2.5rem; border-radius: 100%; margin-right:.5rem
}
.iconleftline:before { content: ''; width: 3px; display: inline-block; background-color: #063; margin-right:.5rem;
}
.cmtitle { display: flex; font-size:.8rem;
line-height: 1; margin:.15rem 0;
color: #333 }
.textinner .cmtitle { line-height: 1.5; margin-bottom:.25rem;
}
.textinner p:last-child { margin-bottom: 1rem; }
.introduce p { margin:.2rem 0
}
.textinner .iconfont:before { margin-right:.2rem
}
.icon-zan, .icon-zanfill {
margin:0 .2rem; position: relative; }
.icon-zan .num { font-style: normal; }
.icon-zanfill.active:before { color: #f66 }
.tab-nav-active a { color: #39F; font-weight: bold }
.tab-nav-active:after { content: ''; position: absolute; bottom: -2px; width: 70%; left: 15%; height: 4px; background-color: #39F; z-index: 999 }
::-webkit-scrollbar {
 display: none;
}
#tabs a { position: relative; padding: 0; text-decoration: none; }
#tabs a:focus { outline: 0; }
/*轮播图*/
.bgcl1 { background-color: rgb(104 116 167) }
.bgcl2 { background-color: rgb(80 113 102) }
.bgcl3 { background-color: rgb(158 140 117) }
.bgcl4 { background-color: rgb(140 103 139) }
.bgcl5 { background-color: rgb(140 124 85) }
.show-swiper { z-index: 3; }
.show-swiper .swiper-slide { width: 70%; }
.show-swiper .swiper-slide:last-child { width: 95px; color: #fff; }
.show-swiper .swiper-slide:last-child .text {
width: .5rem;
font-size: .7rem; margin-top: 90%; margin-left: 5%; line-height: 1.5; float: left; color: #333 }
.show-swiper .swiper-slide .goods { width: 100%; padding: 0; height: 300px; margin: 40px 0; border-radius: 8px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1) }
.goods .c-top { border-bottom: 1px solid #dcdcdd; width: 100%; float: left; }
.goods .date { width: 119px; height: 318px; border-right: 1px solid #adb4ba; float: left; }
.goods .date .year { color: #050403; font-weight: bold; text-align: center; margin-top: 35px; }
.goods .date .day { font-size: 55px; text-align: center; margin-top: 5px; font-weight: bolder; color: #080704; }
.goods .date .oldyear { color: #050403; margin-top: 5px; font-size: 22px; width: 22px; line-height: 1.4; margin-left: 30px; float: left; }
.goods .date .oldday { color: #050403; margin-top: 5px; font-size: 22px; line-height: 1.4; width: 22px; margin-right: 30px; float: right; }
.goods .img { width: 255px; float: right; }
.goods .img span { color: #1a1918; font-size: 32px; text-align: center; line-height: 60px; display: block; }
.goods .img img { border-top-right-radius: 8px; }
.goods .detail { width: 335px; margin: 0 20px; float: left; }
.goods .detail h2 { font-weight: normal; color: #312f30; font-size: 23px; margin-bottom: 0; }
.goods .detail p { color: #979797; line-height: 1.5; font-size: 18px; margin-top: 8px; }
.goods .detail ul { padding-left: 0; margin-left: 20px; float: left; margin-top: 0; }
.goods .detail ul li { float: left; margin-right: 25px; color: #737373; }
.goods .detail .btn { float: right; margin-right: -10px; margin-top: -5px; width: 120px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 20px; background: linear-gradient(90deg, #ffe13c, #ffa70f); }
.bg-swiper { position: absolute; width: 100%; top: 0; z-index: 1 }
.bg-swiper .swiper-slide img { /* filter: blur(5px);性能太卡*/ width: 100%; opacity: .5; }
.mask { /*clip-path: polygon(0px 80px, 640px 0px, 640px 170px,0px 170px);兼容性差
	background:#fff;*/ background: url(../images/mask.png) no-repeat center bottom/100% auto; position: absolute; bottom: 0; z-index: 2; width: 100%; height: 170px; }
.bottom { position: fixed; bottom: 0; width: 640px; }
.bottom img { display: block; }
.fmpage { background-color: #fff }
.fmpage .con { width: 50%; margin: 20px auto;padding:0.5rem}
.fmpage .fmtit { font-size: 20px; font-weight: bold; padding-bottom:.2rem;
margin-bottom:.2rem
}
.fmlist { margin: 20px 0; border-bottom: solid 1px #ccc; padding-bottom: 20px }
.fmlist p.required:after { content: '*'; display: inline-block; color: red }
.fmlist p input, .fmlist p textarea, .fmlist p select { display: block; width: 100%; padding: 10px; border-radius: 2px; margin: 10px 0; border: none; box-shadow: 0 0 1px rgba(0,0,0,.7); resize: none }
.fmlist p textarea { min-height: 100px }
.fmpage .sumbtn { width: 100%; display: block; height: 40px; line-height: 40px; font-size: 20px; color: #fff; text-align: center; background-color: #444ce8; text-shadow: 0 -1px 0 rgb(0 0 0 / 12%); border-radius: 4px; border: none }
.fmpage .sumbtn:active { opacity: .7 }
.icon-time:before { content: "\e603"; }
.icon-persons:before { content: "\e66a" }
.icon-zan:before { content: "\e719" }
.icon-zanfill:before { content: "\e6ce" }
.icon-odtime:before { content: "\e604" }
.icon-v:before { content: "\ebb1" }
.icon-dati:before {content: "\e6b6";}
.icon-danmuon:before {content: "\e61e";}
.icon-danmu:before {content: "\e620";}
.icon-tools:before {content: "\e6ae";}
.icon-liwu:before {content: "\e70d";}
.icon-huojian:before {content: "\e624";}
.icon-aixin:before {content: "\e60e";}
.icon-shua:before {content: "\e63e";}
.icon-biji:before {content: "\e633";}
.icon-yuyue:before {content: "\e622";}
.icon-tanchuang:before {content: "\e630";}
.icon-wenjuan:before {content: "\e623";}
.icon-fenxiang:before {content: "\e612";}
.icon-userzs:before { content: "\e6ed"; }
.icon-sh1:before {content: "\e626";}
.icon-yh1:before {content: "\e673";}
.icon-sh2:before {content: "\e627";}
.icon-yh2:before {content: "\e6b4";}
.icon-sh3:before {content: "\e628";}
.icon-dzan:before {content: "\e629";}
.icon-sidai:before {content: "\e6c7";}


.tab_content iframe { margin-bottom: 10px; height: 95%; border-bottom: solid 10px #eee }
.tab_content iframe:last-child { border: 0 }
.anim { display: inline-block; animation: lightSpread 1s both; animation-delay: .1s; }
.relative { position: relative }
/*答题*/
.qstitle { font-size: 20px; text-align: center; margin: 3% auto }
.fmlist .required { font-size:.8rem
}
/*css3 radio*/
.qa-label { margin: 20px auto; display: flex; align-items: center; justify-content: flex-start }
.qa-radio { display: none }
.qa-radioInput { background-color: #fff; border-radius: 100%; border: 1px solid #444ce8; display: inline-block; height: 1rem; margin-right:.5rem;
margin-top: -1px; vertical-align: middle; width: 1rem; line-height: 1 }
.qa-checkInput { background-color: #fff; border: 1px solid #1c62a5; display: inline-block; height:.8rem;
margin-right:.25rem;
margin-top: -1px; vertical-align: middle; width:.8rem;
line-height: 1 }
.qa-radioInput + span { display: inline-block; width: 90%; vertical-align: top; line-height: 1.5; }
.qa-radio:checked + .qa-radioInput:after { background-color: #444ce8; content: ""; border-radius: 100%; display: inline-block; height:.7rem;
margin: 2px; width:.7rem;
position: absolute; -webkit-animation: zoomIn 0.2s }
.qa-radio:checked + .qa-checkInput:after { background-color: #1c62a5; content: ""; display: inline-block; height:.5rem;
margin:.105rem;
width:.5rem;
position: absolute; -webkit-animation: zoomIn 0.2s }
.qa li h2 {
padding:.5rem 2rem; background-color: #efe8f2; font-size:.8rem;
color: #661984 }
.qa-btn { display: block; width: 13rem; padding:.5rem 0;
text-align: center; background-color: #661984; color: #fff; margin: 2rem auto; border-radius: 2rem; font-size:.85rem;
background: -webkit-linear-gradient(left, red, blue); background: -o-linear-gradient(right, #5998d2, #1a448f); background: -moz-linear-gradient(right, #5998d2, #1a448f); background: linear-gradient(to right, #5998d2, #1a448f) }
.fmlist p .read { cursor: pointer }
.fmlist p .read input { -webkit-appearance: checkbox; width: auto; display: inline-block; margin-right: 5px; box-shadow: none }
.defaultcolor { color: #888 }
.color-yellow { color: #f29600 }
.color-blue { color: #039be5 }
.color-purple { color: #661984 }
.color-red { color: #b70000 }
.colorwhite { color: #fff }
.colorblack { color: #333 }
.bgred { background-color: #b70000 }
.bgblue { background-color: #039be5 }
.layui-flow-more { display: none; }
#demo { display: flex; flex-wrap: wrap }/*, #venue*/
.reviewlist { margin-right: 0.5rem; margin-bottom: .25rem; width: calc(50% - 0.25rem); display: inline-block }
.reviewlist:nth-of-type(2n) { margin-right: 0 }
.reviewlist a { display: block; position: relative }
.vdtime { position: absolute; bottom: 2.65rem; left: 0; right: 0; background: linear-gradient(transparent, #333); border-radius: 0 0 0.25rem 0.25rem; padding: 0.25rem; color: #fff; font-size:.6rem
}
/*#venue{padding: 1rem;width: auto}*/
.vdtitle { height: 2.4rem; padding:.5rem 0 .25rem;
text-align: justify; color: black; min-height: 1rem; margin-top: 0.25rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all }
.reviewlist .playbtn { position: absolute; color: #404040; height: 40px; width: 40px; left: 50%; top: 20%; margin-left: -20px; display: flex; align-items: center; background-color: rgba(0,0,0,.6); border-radius: 100%; justify-content: center }
.reviewlist .playbtn i { border-style: solid; border-color: transparent transparent transparent #fff; border-width: 8px 0 8px 12px; width: 0; height: 0; margin-left: 4px }
.videobox { width: 100%; height: 56.25vw; max-width: 100%; max-height: 100%; top: 0; left: 0; z-index: 999; overflow: hidden; background-color: #000; position: relative }
.livebox { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.price .cont img { width: auto; }
/*个性化图片*/
.reviewlist a img { width: 100%; height: 4.9rem; }
.current-person-message{ color: #333; }
.rocket-btn-icon { max-width: 100%; max-height: 100%; display: block; margin: auto; padding: 0; width: auto }
.emojigrid { position: relative; box-sizing: border-box; overflow: hidden }
.emojiicon { float: left; width: 14%; height: 50px; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center }
.emojiicon:hover { background-color: #eee }
.emojiicon:before { content: " "; position: absolute; right: 0; top: 0; width: 1px; bottom: 0; border-right: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }
.emojiicon:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.emojigrid:before { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 100% 0; transform-origin: 0 100%; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }
.emojigrid:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.livebox, .chatRoom-box { overflow: visible }
#emoticonadd { display: flex; align-items: center; width: 50px; height: 50px; font-size: 30px; margin-left: 10px; cursor: pointer; color: #ffa75c; }
#emoticonadd:hover { color: #e9b465 }
.current-person-message-self img { width: 50px; height: 50px }
.emoticehead { display: none; width: 93%; height: 5.5rem; overflow-y: auto; position: absolute; background-color: #fff; box-shadow: 0 0 5px rgb(0 0 0 / 40%); padding: 10px; z-index: 99999; right: 3%; bottom: 3.25rem; }
/*goeasy样式调整开始*/
.current-person-words { background-color: #3399ff; }
.current-person-words:before { display: none; }
/*goeasy样式调整结束*/
.layui-carousel {
padding: .5rem 0; background: #fff; }/*;*/
.layui-carousel img { height: 100%; }
.layui-carousel-ind { top: -1.1rem }
.swiper { width: 100%; position: relative; margin: 0 auto; padding: 10px; background-color: #fff; }
.swiper-slide { height: 70px; margin: 0; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-wrapper { height: auto; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.outsidebg { position: relative; margin: 0 }
.outsidebg:after { content: ''; /*background: url(http://ccmtv_xstg.myccmtv.cn/upload/class_upload_file/7bc48a722cc1b4e3fc87505448d50664.jpeg);*/ width: 100%; height: 100%; opacity: 0.4; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); cursor: pointer; }
.opacitybg { position: absolute; left: 50%; top: 50%; margin: -65px 0 0 -365px; }
.swiper-slide .opimg { width: 100%; filter: blur(10px); opacity: 0.4; position: relative; z-index: -1; height: 130px; }
.ccmtv_mod_li { vertical-align: top; display: inline-block; margin:5px 6px 5px 0; width: 5rem; }
.ccmtv_mod_view { display: block; z-index: 1; position: relative; width: 100%; height: 3.4rem; overflow: hidden; }
.mod_view { display: block; width: 100%; height: 100%; transition: all .25s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.mod_desc { position: relative; background: #f8f8f8; line-height: 1; padding: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: normal; text-overflow: clip; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.desc { display: block; line-height: 24px;  font-size: .5rem;
color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  padding: 0 .2rem;
}
.ccmtv_mod_view:hover .mod_view { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.parallel { height: auto; margin:0 auto; padding:0 5px; }
.parallel .swiper-slide .mod_view { width: 100%; }
.parallel .swiper-button-prev:after, .parallel .swiper-button-next:after { content: ''; }
.parallel .swiper-button-prev { width: 30px; height: 30px; left: 0; background-color: rgba(0, 0, 0, .3); color: #fff; border-radius: 100%; }
.parallel .swiper-button-next { width: 27px; height: 30px; padding-left: 3px; right: 0; background-color: rgba(0, 0, 0, .3); color: #fff; border-radius: 100%; }
.parallel .swiper-slide { text-align: center; font-size: 18px; background: none; height: auto; margin: 0; flex-shrink: initial; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; }
 @keyframes zoomIn { 0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn { animation-name: zoomIn }
 @-webkit-keyframes fadeInRight { 0% {
opacity:1;
-webkit-transform:translate3d(15%, 0, 0);
transform:translate3d(15%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight { 0% {
opacity:1;
-webkit-transform:translate3d(15%, 0, 0);
-ms-transform:translate3d(15%, 0, 0);
transform:translate3d(15%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
 @keyframes lightSpread { 0% {
transform: scale(1);
}
25% {
transform: scale(1.2);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.2)
}
}
@media only screen and (max-width:1024px) {
.qa-radioInput { width:.8rem;
height:.8rem;
margin-right: .25rem;
}
.fmpage .sumbtn { height: 2rem; line-height: 2rem;  font-size: .7rem;
}
.qa-radio:checked + .qa-radioInput:after { height: .6rem;
width: .6rem;
margin:.05rem
}
.qa-label { margin:.3rem 0
}
.fmpage .fmtit { font-size:.7rem
}
.fmlist p input, .fmlist p textarea, .fmlist p select { padding: .5rem;
margin: .2rem 0;
}
.fmlist p textarea { min-height: 1.5rem }
.fmpage .con {
padding:.5rem; width: 95%; margin: 10px auto }
}