html#html{ font-size:20px}
@media only screen and (min-width: 400px) {
html { font-size: 21.33333333px !important; }
}
@media only screen and (min-width: 414px) {
html { font-size: 22.08px !important; }
}
@media only screen and (min-width: 480px) {
html { font-size: 25.6px !important; }
}

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
 display: none;
}
a { background-color: transparent; }
ul { margin: 0; padding: 0; }
a:active, a:hover { outline: 0; opacity: .8 }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0; }
h2, h3, h4, h5 { font-weight: normal }
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 { border: 0 }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
::-webkit-input-placeholder {
 color: #999
}
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;
}
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; display: block; border-radius:.25rem;
border: none; box-shadow:0 0 .15rem rgba(0,0,0,.4);
width: 100%; padding:.5rem;
margin-top:.5rem
}
optgroup { font-weight: bold; }
td, th { padding: 0; }
* { touch-action: pan-y;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; }
body { font-family: "Helvetica Neue", Helvetica, sans-serif; line-height: 1.5; color: #3d4145; background: #fff }
a, input, textarea, select, button { outline: 0; -webkit-appearance: none; }
.text-center { text-align: center }
em { 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: #888 }
.hide { display: none }
/******************Common CSS***************************/

.hidden { overflow: hidden }
li { list-style: none }
i { font-style: normal }
.block { 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: -ms-flexbox; 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: center; 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 { 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%; }
.tline:before { content: ''; position: absolute; left: 0; bottom: auto; right: auto; top: 0; 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%; }

.content{ font-size:20px !important}
.ccmtv-header ~ .page-group{ top:68px}
.footer ~ .page-group{ bottom:56px}
.index{margin:auto}
.contentblock{width:1024px; margin:auto}
.nav{width:100%; height:45px; background-color:#6b2880; border-radius:0 0 .25rem .25rem; text-align:center; font-size:0}
.nav a{ display:block; color:#fff; padding:10px 0 19px}
.nav .navon:last-child{ border:none}
.nav .navon:last-child:hover,.navon:last-child{ border-radius:0 0 .25rem 0}
.nav .navon:first-child:hover,.navon:first-child{border-radius:0 0 0 .25rem;}
.nav a:hover,.navon.active a{  background:url(../images/navon.png) center bottom no-repeat; opacity:1}
.navon{ display:inline-block; width:33.2%; height:45px;border-right:solid 2px #fff; font-size:.7rem}
.navon:hover,.navon.active{background-color:#4b1c5e;}
.main{width:100%; margin:2.5rem auto}
.main .title{border-bottom:solid 2px #632a7d; color:#632a7d}
.main .title h2{display:inline-block; margin:0 0 -5px; padding:0 1rem 0 0;border-bottom:solid 5px #632a7d; font-size:24px}
.con{ margin:1rem auto; font-size:0; text-align:justify}
.con .thumb{ position:absolute; top:0; left:0; bottom:0; width:5.5rem}
.con .thumb img{ width:100%; height:100%; opacity:.8}
.con .desc{ display:inline-block; margin-left:6.5rem; margin-right:.5rem; font-size:.6rem; color:#666; overflow:hidden}
.con .desc p{ margin:.5rem 0; line-height:1.3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.con .desc .desctitle{ height:2rem; font-size:.8rem; margin:0; padding:.25rem .5rem 0 0; color:#333; line-height:1.3;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2}
.con .itemlist{display:inline-block; width:49%; margin:.5rem 0; position:relative; background-color:#fff; border-radius:.15rem; overflow:hidden;box-shadow: 0 0 3px #ccc;}
.con .itemlist a{ display:flex}
.con .itemlist:nth-child(even){ margin-left:2%}

.livecon .intro{ padding:.5rem}
.livecon .intro .text{ display:inline-block; width:74%; margin-right:2%; font-size:16px; color:#666; vertical-align:top}
.livecon .intro .ewm{ width:22%; display:inline-block; margin-top:40px; text-align:center; font-size:.25rem}
.livecon .intro .ewm img{ width:100%}
.livecon .thumb{position:relative}
.livecon .thumb img{ width:100%; height:260px}
.livecon .playbtn{display: flex;width: 100%;align-items: center;justify-content: center;font-size: 30px; color: #fff;font-weight: bold; text-align:center;flex-flow: column}
.livecon .playbtn small{ display:block; font-size:20px; font-weight:normal}
.livecon .playbtn img{ width:50px; height:auto; opacity:.7}
.livecon .playbox{position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); display:flex;justify-content: center;align-items: center;}
.livecon .itemlist{width:48%; display:inline-block;border-radius:10px; margin:20px 0;margin-right:4%; overflow:hidden; background-color:#fff; vertical-align:top;box-shadow: 0 0 3px #ccc;}
.livecon .intro .text p{ margin:10px 0}
.livecon .itemlist:nth-child(even){ margin-right:0}
.livecon{ font-size:0}
.mbanner{ display:none}
.fixedright .markitem img{ display:inline-block; width:auto}
.sideItem img.sideicon{ width:auto}
.ccmtv-header, .ccmtv-header .header-inner{ z-index:9999}
.banner img{ width:100%}

@media only screen and ( min-device-width: 360px ) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}
}
@media only screen and ( min-device-width: 375px ) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}
 @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
}
@media only screen and (max-width:450px) {
html,body{ height:100%}
.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; overflow: auto; -webkit-overflow-scrolling: touch}
.page, .page-group { box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%;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 }
.index{ width:100%}
.contentblock{ width:90%}
.navon,.nav{ height:.6rem;display: flex;justify-content: center;align-items: center; font-size:.28rem}
.nav a{padding:.25rem 0}
.main{ margin:.4rem auto}
.main .title h2{ font-size:.32rem}
.con .desc .desctitle{ height:auto; font-size:.28rem}
.con .itemlist,.livecon .itemlist{ display:block; width:100%}
.con .itemlist:nth-child(even){ margin:0}
.livecon .thumb{ height:3.5rem}
.livecon .thumb img{ width:100%; height:100%}
.livecon .playbtn{ font-size:.35rem}
.livecon .playbtn img{ width:auto; height:auto}
.livecon .intro .text{ font-size:.25rem}
.livecon .intro{display: flex;justify-content: space-between;}
.livecon .intro .text{ width:80%}
.pbanner{ display:none}.mbanner{ display:block}
.livecon .intro{ padding:.25rem}
.con .thumb{ width:2.2rem}
.con .desc{ margin-left:2.3rem; margin-right:.1rem; font-size:.25rem}
.con .desc p{ margin:.1rem 0}
.con{ margin:.4rem auto}
.layui-layer-dialog{width: 85%;}
.livecon .intro .ewm{ width:40%;}
}
.layui-layer-dialog .layui-layer-btn a{
    font-size: 13px;
}
.layui-layer-dialog .layui-layer-btn{
    display: flex;
    justify-content: space-evenly;
}