@charset "gb2312";
html {
overflow-y: scroll;
}
body {
margin: 0 auto;
color: #333;
background-color: #fff;
font: Microsoft YaHei;
text-align: center;
}
.zq-sec {
/*margin-top: 4.267vw;*/
padding: 1.6vw 2.667vw 1.6vw 1.6vw;
display: flex;
justify-content: space-between;
align-items: center;
height: 14.933vw;
background-image: linear-gradient(90deg, #dee2d9 0%, #f1fef5 100%);
border-radius: 1.6vw;
box-sizing: border-box;
}
.zqs-img {
width: 11.733vw;
height: 11.733vw;
background-color: #d8d8d8;
border-radius: 2.133vw;
}
.zqs-title-des {
flex: 1;
padding: 0 3.2vw;
}
.zqs-title {
width: 42.667vw;
}
.zqs-des {
width: 42.667vw;
margin-top: 1.067vw;
}
.zqs-btn {
width: 18.667vw;
line-height: 6.933vw;
background-image: linear-gradient(90deg, #61e45c 0%, #0eb91a 100%);
box-shadow: 0 0.533vw 1.067vw 0 #b8ffc1;
border-radius: 4vw;
font-size: 3.467vw;
}
p,
dl,
dt,
dd,
table,
td,
th,
input,
img,
form,
div,
span,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
select,
input {
margin: 0;
padding: 0;
font-weight: normal;
}
img,
iframe {
border: none;
}
ul,
li,
ol {
list-style: none;
}
img {
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input {
outline: none;
}
em,
b,
i,
strong,
cite,
sub,
sup,
font {
/*font-weight: normal;*/
font-style: normal;
font-size: 100%;
}
a {
color: #00a0e9;
text-decoration: none;
outline: none;
}
a:hover {
color: #00a0e9;
}
.clearfix {
zoom: 1;
}
.clearfix:before {
content: "";
display: table;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.clear {
clear: both;
}
html {
margin: 0 auto;
height: 100%;
}
body {
position: relative;
font-family: Microsoft YaHei;
}
h2,
h3 {
font-size: 100%;
}
i {
font-style: normal;
}
a {
text-decoration: none;
outline: none;
}
a:active {
outline: 0 none;
background-color: transparent;
}
li {
list-style-type: none;
}
.fr {
float: right;
}
img {
border: 0 none;
vertical-align: top;
}
.clearfix {
clear: both;
overflow: hidden;
}
u,
ins {
text-decoration: none;
}
input,
button {
outline: 0;
border-radius: 0;
background: transparent;
}
input::-webkit-input-placeholder {
color: #ccc;
}
input:-moz-placeholder {
color: #ccc;
}
input::-moz-placeholder {
color: #ccc;
}
input:-ms-input-placeholder {
color: #ccc;
}
.MtabA {
border-bottom: 1px solid #e4e4e4;
background-color: #fff;
height: 3.33rem;
line-height: 3.33rem;
}
.MtabA li {
width: 50%;
float: left;
height: 3.33rem;
}
.MtabA li a {
height: 3.33rem;
display: block;
color: #666;
font-size: 1.11rem;
text-align: center;
position: relative;
}
.MtabA li.current a {
color: #0093e8;
}
.MtabA li.current a:after {
display: block;
content: "";
width: 2rem;
height: 0.28rem;
background: #009fe8;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 0;
border-radius: 5px;
transform: translate3d(-1rem, 0, 0);
}
.slider_tab_con {
clear: both;
overflow: hidden;
height: 100%;
background: #fff;
}
.picListA {
float: left;
position: relative;
}
.picListA .listCon {
padding: 0 0.67rem;
}
.picListA .listCon .item {
position: relative;
border-bottom: 1px solid #ededed;
}
.picListA .listCon .item:last-child {
border-bottom: 0 none;
}
.picListA .listCon .item .det_area {
display: block;
height: 100%;
min-height: 5.22rem;
padding: 1.11rem 9.44rem 1.11rem 0;
}
.picListA .listCon .item .title {
font-size: 1.22rem;
line-height: 1.67rem;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: #333;
}
h1.title {
font-size: 4.8vw;
line-height: 6.667vw;
font-weight: 700;
}
.picListA .listCon .item .summary {
display: block;
height: 1.33rem;
font-size: 0.89rem;
color: #999;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
padding-top: 0.44rem;
}
.picListA .listCon .item .pic {
position: absolute;
right: 0;
top: 1.11rem;
width: 7.44rem;
height: 5.22rem;
}
.picListA .listCon .item .pic img {
width: 100%;
height: 100%;
}
.hide {
display: none;
}
.ico60,
.header .ico_back,
.header .menu_switch,
.header .btn_search,
.header .btn_map,
.loadmore .trig_more i,
.boxInput .icoClear,
.schBtn:before,
.zcarea li:before,
.readlist li .number:after,
.sectionComment .commentform .commenttext:before,
.sectionComment .commentList .item .tit .zan:before,
.sectionComment .commentList .item .tit .bcomment {
background-image: url(../../images/news/m/news_m_spr0420.png?11);
background-repeat: no-repeat;
background-size: 22.22rem 22.22rem;
}
.ico60,
.header .ico_back,
.header .menu_switch,
.header .btn_search,
.header .btn_map {
display: inline-block;
width: 3.33rem;
height: 3.33rem;
overflow: hidden;
}
input[type="button"] {
-webkit-appearance: none;
outline: none;
}
.wrapper {
text-align: left;
position: relative;
}
.header {
height: 12.2222vw;
position: relative;
background: #4387c2;
}
.header .ico_back {
background-position: -3.56rem 0;
float: left;
}
.header .logo {
display: inline-block;
width: 30vw;
height: 12.2222vw;
background: url("../../images/news/m/duote-logo.png") center no-repeat;
background-size: 100%;
margin-left: 2.7778vw;
}
.header .search-bar {
display: inline-block;
width: 36.8056vw;
height: 6.9444vw;
background: url("../../images/news/m/searchIcon.png") no-repeat center top;
background-size: 36.8056vw 6.9444vw;
position: absolute;
right: 11.3889vw;
margin: auto;
top: 0;
bottom: 0;
}
.header .search-bar .label {
position: absolute;
top: 0.5556vw;
left: 6.9444vw;
color: #b7b7b7;
cursor: text;
}
.header #searchInput {
width: 27.7778vw;
height: 6.9444vw;
border: 0 none;
line-height: 6.9444vw;
background-color: transparent;
border: 0;
margin-left: 6.9444vw;
border-radius: 20%;
outline: none;
}
.header .menu {
display: inline-block;
width: 6.9444vw;
height: 6.9444vw;
background: url("../../images/news/m/menu-icon.png") center no-repeat;
background-size: 5.556vw 3.889vw;
position: absolute;
right: 2.7778vw;
margin: auto;
top: 0;
bottom: 0;
}
.header .menu_switch {
background-position: -6.67rem 0;
float: right;
}
.header .menu_switch.cur {
background-position: -9.78rem 0;
}
.header .btn_search {
width: 2.33rem;
height: 2.33rem;
background-position: 0 -10rem;
float: right;
margin: 0.5rem;
}
.header .btn_search.cur {
background-position: 0 -10rem;
}
.header .btn_map {
width: 2.39rem;
height: 2.33rem;
margin: 0.5rem;
margin-left: 0;
background-position: 0 -6.67rem;
float: right;
}
.home_header .header {
border-bottom: 0 none;
}
.home_header .header .ico_back {
display: none;
}
.home_header .header .menu_switch {
display: none;
}
.home_header .header .logo {
float: left;
}
.nav {
overflow: hidden;
width: 100%;
/*height: 11.1111vw;*/
/* background-color: #0A88C7; */
box-sizing: border-box;
border-bottom: 0.185vw solid #dadada;
}
.nav a {
color: #222;
display: block;
width: 20%;
float: left;
text-align: center;
line-height: 11.1111vw;
font-size: 5vw;
border-bottom: 0.556vw solid #fff;
box-sizing: border-box;
}
.nav a:not(:first-child)::before {
content: "";
margin-top: 3.333vw;
float: left;
width: 0.278vw;
height: 4.444vw;
background-color: #e6e6e6;
}
.nav a.current {
/* background-color: #086999; */
color: #4387c2;
position: relative;
border-bottom: 0.556vw solid #4387c2;
}
.loadmore .trig_more {
background-color: #f3f3f3;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 1.11rem 0;
font-size: 1.22rem;
line-height: 1.67rem;
display: block;
color: #666;
text-align: center;
}
.loadmore .trig_more i {
display: inline-block;
width: 1.33rem;
height: 1.33rem;
overflow: hidden;
background-position: -13.33rem 0;
vertical-align: middle;
margin: -0.22rem 0 0 0.44rem;
}
.loadmore .trig_more.ui-touch {
background-color: #edf2f5;
color: #333;
}
.footer {
padding: 0.56rem 0;
}
.footer .copyright {
line-height: 1.94rem;
color: #999;
font-size: 0.89rem;
text-align: center;
}
.btn_gray {
height: 4.33rem;
line-height: 4.33rem;
font-size: 1.56rem;
font-family: Microsoft YaHei;
border: 1px solid #cdcdcd;
-webkit-border-radius: 0.28rem;
-moz-border-radius: 0.28rem;
border-radius: 0.28rem;
zoom: 1;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#fafafa),
to(#e6e6e6)
);
background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
background-image: -ms-linear-gradient(top, #fafafa, #e6e6e6);
background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
background-image: linear-gradient(top, #fafafa, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFAFAFA", EndColorStr="#FFE6E6E6");
-moz-box-shadow: 0 1px 0 0 #fff inset;
-webkit-box-shadow: 0 1px 0 0 #fff inset;
box-shadow: 0 1px 0 0 #fff inset;
}
.btn_gray.ui-touch {
zoom: 1;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#e6e6e6),
to(#fafafa)
);
background-image: -webkit-linear-gradient(top, #e6e6e6, #fafafa);
background-image: -moz-linear-gradient(top, #e6e6e6, #fafafa);
background-image: -ms-linear-gradient(top, #e6e6e6, #fafafa);
background-image: -o-linear-gradient(top, #e6e6e6, #fafafa);
background-image: linear-gradient(top, #e6e6e6, #fafafa);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFE6E6E6", EndColorStr="#FFFAFAFA");
}
.mod_slide {
position: relative;
overflow: hidden;
}
.mod_slide .slide_img {
position: relative;
overflow: hidden;
height: 100%;
}
.mod_slide .slide_img li {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.mod_slide .slide_img li img {
width: 100%;
vertical-align: top;
}
.mod_slide .slide_img li .tit {
width: 100%;
height: 1.67rem;
line-height: 1.67rem;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
font-size: 0.89rem;
padding-left: 0.83rem;
text-align: left;
background: rgba(0, 0, 0, 0.5);
}
.mod_slide .slide-trig {
position: absolute;
bottom: 0.56rem;
right: 0.56rem;
z-index: 3;
}
.mod_slide .slide-trig li {
display: inline-block;
width: 0.33rem;
height: 0.33rem;
margin-left: 0.11rem;
overflow: hidden;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
background-color: #ccc;
}
.mod_slide .slide-trig li.cur {
background-color: #0a88c7;
}
.searchBar {
margin: 0.83rem;
padding-right: 4.45rem;
position: relative;
height: 3rem;
}
.boxInput {
border: 1px solid #ccc;
background: #fff;
height: 1.89rem;
padding: 0.56rem 3rem 0.56rem 0.56rem;
position: relative;
}
.boxInput .inputTxt {
width: 100%;
height: 100%;
border: 0 none;
font-size: 1.22rem;
vertical-align: middle;
}
.boxInput .inputTxt::-ms-icoclear {
display: none;
}
.boxInput .inputTxt:valid + .icoClear {
display: inline;
}
.boxInput .icoClear {
display: inline-block;
width: 3rem;
height: 3rem;
overflow: hidden;
background-position: -7.11rem -3.56rem;
position: absolute;
right: 0;
top: 0;
display: none;
}
.schBtn {
position: absolute;
right: 0;
top: 0;
width: 4.44rem;
height: 100%;
background-color: #17a1e6;
border: 1px solid #17a1e6;
}
.schBtn:before {
content: "";
display: inline-block;
width: 2.22rem;
height: 2.22rem;
overflow: hidden;
background-position: -3.56rem -3.56rem;
position: absolute;
left: 1.11rem;
top: 0.33rem;
}
.searchPop {
position: absolute;
z-index: 199;
top: 3.33rem;
background: #e9e9e9;
width: 100%;
display: none;
}
.searchPop .hotwords {
padding: 0 0.83rem 1.39rem;
}
.searchPop .hotwords .sTit {
font-size: 1.22rem;
color: #999;
}
.searchPop .hotwords a {
display: inline-block;
background: #d9f5ff;
color: #33a6cc;
border: 1px solid #b0dceb;
font-size: 1.11rem;
padding: 0.44rem 0.56rem;
height: 1.33rem;
line-height: 1.33rem;
margin: 0.44rem 0.44rem 0 0;
}
.searchPop .hotwords a.ui-touch {
color: #fff;
background: #67c6e6;
}
.searchPop .searchBar {
margin-top: 0.89rem;
}
.picListB {
overflow: hidden;
}
.picListB .listCon {
margin-top: -1px;
overflow: hidden;
}
.picListB .listCon .item {
border-top: 1px solid #ddd;
}
.picListB .listCon .item .det_area {
display: block;
height: 100%;
padding: 0.83rem;
}
.picListB .listCon .item .det_area .d_con {
position: relative;
display: block;
height: 100%;
min-height: 4.22rem;
padding-left: 6.39rem;
}
.picListB .listCon li .pic {
position: absolute;
left: 0;
top: 0;
display: inline-block;
height: 4.22rem;
overflow: hidden;
width: 7.4rem;
}
.picListB .listCon li .pic img {
width: 100%;
}
.picListB .listCon .item .tit {
display: block;
height: 1.67rem;
line-height: 1.67rem;
margin-bottom: 0.83rem;
font-size: 1.22rem;
color: #222;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.picListB .listCon .item .summary {
width: 100%;
line-height: 1.22rem;
font-size: 1rem;
color: #777;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.picListB .listCon .item .acc {
color: #a9a9a9;
font-size: 0.89rem;
position: absolute;
right: 0.83rem;
bottom: 0;
}
.f12{
font-size: 3.2vw;
}
.c999 {
color: #999;
}
.fl {
float: left;
}
.rel {
position: relative;
}
.bb {
box-sizing: border-box;
}
.bread {
/* padding-left: 3.733vw; */
line-height: 6.933vw;
background-color: #f9f9f9;
text-align: left;
}
.bread > a {
color: #999999;
}
.bii-home {
padding-left: 7.2vw;
width: 18.933vw;
height: 6.933vw;
background: url('../../images/bii-home.png') no-repeat center;
background-size: 100%;
}
.bii-item {
margin-left: -4vw;
padding-left: 7.2vw;
width: 24.8vw;
height: 6.933vw;
background: url('../../images/bii-item.png') no-repeat center;
background-size: 100%;
}
.z1 {
z-index: 1;
}
.z2 {
z-index: 2;
}
.z3 {
z-index: 3;
}
.Crumbs {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #999;
line-height: 1.78rem;
padding: 0 0.83rem;
}
.Crumbs a,
.Crumbs span {
font-size: 0.89rem;
color: #a9a9a9;
}
.teach {
padding: 0.83rem;
}
.teach h2 {
font-size: 1.22rem;
color: #333;
line-height: 1.78rem;
margin: 0.33rem 0.83rem;
}
.teach .teach-brief {
color: #a9a9a9;
font-size: 0.89rem;
line-height: 1.78rem;
padding: 0.83rem;
}
.teach .teach-brief span {
margin-left: 0.67rem;
}
.teach .version {
background-color: #fff;
border: 1px solid #ddd;
margin: 0.83rem;
margin-bottom: 0;
}
.teach .version ul {
background-color: #f7f7f7;
border-bottom: 1px solid #ddd;
height: 2.56rem;
}
.teach .version li {
width: 20%;
float: left;
position: relative;
height: 2.56rem;
border-top: 1px solid #ddd;
top: -1px;
left: 0;
z-index: 1;
}
.teach .version li a {
display: block;
text-align: center;
font-size: 1.11rem;
border-right: 1px solid #e6e6e6;
height: 1.22rem;
line-height: 1.22rem;
margin: 0.67rem 0;
}
.teach .version li:last-child a {
border-right: none;
}
.teach .version li:first-child.cur {
margin-left: 0;
}
.teach .version li:first-child.cur a {
border-left: none;
}
.teach .version li.cur {
border-top: 1px solid #439cd3;
background: #fff;
height: 2.72rem;
padding: 0;
margin-left: -1px;
}
.teach .version li.cur a {
margin: 0;
padding-top: 1px;
height: 2.56rem;
line-height: 2.44rem;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
padding-left: 1px;
}
.teach .version .versionlist {
padding: 1rem 0.56rem;
display: none;
}
.teach .version .versionlist h3 {
color: #333;
font-size: 1.11rem;
line-height: 1.22rem;
}
.teach .version .versionlist dl {
overflow: hidden;
margin-top: 0.56rem;
position: relative;
}
.teach .version .versionlist dt {
float: left;
width: 3.89rem;
height: 3.89rem;
}
.teach .version .versionlist dt img {
width: 100%;
vertical-align: top;
}
.teach .version .versionlist dd {
overflow: hidden;
margin: 0.28rem 0 0 0.56rem;
float: left;
}
.teach .version .versionlist dd p {
color: #999;
font-size: 0.89rem;
line-height: 1.44rem;
}
.teach .version .versionlist .download {
width: 6.67rem;
height: 2.67rem;
background-color: #17a1e6;
text-align: center;
line-height: 2.67rem;
position: absolute;
display: inline-block;
font-size: 1.22rem;
color: #fff;
right: 0;
top: 0.56rem;
}
.teach .article {
/*margin-top: 1.11rem;*/
margin-top: 0.5rem;
padding: 0 0.83rem;
}
.teach .article p {
font-size: 1.11rem;
line-height: 1.78rem;
color: #333;
}
.teach .article p embed {
width: 100%;
}
.teach .article img {
width: 100% !important;
vertical-align: top;
height: auto !important;
}
.teach .article .summarize {
text-indent: 2.22rem;
}
.article .detail {
font-size: 1.11rem;
line-height: 1.78rem;
}
.article .detail p {
margin: 0.56rem 0;
}
.article .detail .image {
text-align: center;
padding-bottom: 0.56rem;
}
.article .detail .image img {
width: 100% !important;
height: auto !important;
display: block;
margin: 0 auto;
vertical-align: middle;
}
.detail-folded {
overflow: hidden;
height: 75vh;
}
.article .Introduction {
font-size: 1.11rem;
line-height: 6.6vw;
letter-spacing: 1px;
font-family: -apple-system-font,"helvetica neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,"Microsoft YaHei","茅禄??盲陆??","氓庐?姑ぢ解??",sans-serif;
text-align: justify;
}
.article .Introduction p {
margin: 0.56rem 0;
}
.article .Introduction .image {
text-align: center;
padding-bottom: 0.56rem;
}
.article .Introduction .image img {
width: 100% !important;
height: auto !important;
display: block;
margin: 0 auto;
vertical-align: middle;
}
.zcarea {
width: 100%;
margin-top: -1px;
}
.zcarea ul {
background-color: #f3f3f3;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}
.zcarea li {
width: 50%;
float: left;
height: 3.89rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333;
font-size: 1.11rem;
line-height: 3.89rem;
text-align: center;
position: relative;
}
.zcarea li:before {
content: "";
display: inline-block;
width: 1.17rem;
height: 1.11rem;
overflow: hidden;
margin-right: 0.44rem;
position: relative;
top: 0.17rem;
background-position: 0 -3.33rem;
}
.zcarea li:first-child {
border-right: 1px solid #d5d5d5;
}
.zcarea li:active,
.zcarea li.cur {
background-color: #edf2f5;
}
.zcarea li:active:before,
.zcarea li.cur:before {
background-position: -1.67rem -3.33rem;
}
.zcarea li.cai:before {
background-position: 0 -5rem;
position: relative;
top: 0.17rem;
}
.zcarea li.cai:active:before,
.zcarea li.cai.cur:before {
background-position: -1.67rem -5rem;
}
.readlist {
padding: 1.11rem 0.56rem 1rem;
color: #333;
overflow: hidden;
border-bottom: 1px solid #dddddd;
}
.readlist h3 {
font-size: 1.33rem;
line-height: 1.78rem;
margin-bottom: 0.44rem;
}
.readlist h3:before {
content: "";
display: inline-block;
width: 0.22rem;
height: 1.22rem;
background-color: #17a1e6;
margin-right: 0.44rem;
position: relative;
top: 1px;
}
.readlist ul {
width: 100%;
}
.readlist li {
width: 100%;
float: left;
line-height: 2.67rem;
font-size: 1.11rem;
}
.readlist li p {
width: 78%;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.readlist li .number {
width: 22%;
float: right;
text-align: right;
color: #999;
}
.readlist li .number:after {
content: "";
display: inline-block;
width: 1.17rem;
height: 1.11rem;
overflow: hidden;
background-position: 0 -3.33rem;
position: relative;
top: 1px;
margin-left: 0.28rem;
}
.readlist li .spread {
width: 2.22rem;
height: 1.11rem;
line-height: 1.11rem;
color: #999;
font-size: 0.89rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
border: 1px solid #ccc;
float: right;
margin: 0.78rem 0.28rem;
}
.readlist .like {
height: 19.44rem;
background-color: #e8e8e8;
margin: 1.11rem 0.28rem 0;
}
.readlist.btnone {
border-bottom: none;
}
.mod_comm {
padding: 0 0.83rem;
}
.mod_comm .hd {
font-size: 1.33rem;
line-height: 1.78rem;
margin-bottom: 0.44rem;
padding: 0.83rem 0 0.56rem;
}
.mod_comm .hd:before {
content: "";
display: inline-block;
width: 0.22rem;
height: 1.22rem;
background-color: #17a1e6;
margin-right: 0.44rem;
position: relative;
top: 1px;
}
.sectionComment .commentform .commenttext {
min-height: 1.89rem;
border: 1px solid #c5c5c5;
background: #fff;
padding: 0.56rem 0.56rem 0.56rem 2rem;
position: relative;
}
.sectionComment .commentform .commenttext:before {
content: "";
display: inline-block;
width: 1.11rem;
height: 1.11rem;
position: absolute;
left: 0.56rem;
top: 1rem;
background-position: -16.67rem 0;
}
.sectionComment .commentform .commenttext .iptTextarea {
height: 100%;
line-height: 1.78rem;
border: 0 none;
width: 100%;
border: 0 none;
font-size: 1rem;
resize: none;
color: #666;
}
.sectionComment .commentform .commenttext.focus {
padding-left: 0.56rem;
}
.sectionComment .commentform .commenttext.focus:before {
display: none;
}
.sectionComment .commentform .commentsub {
text-align: center;
padding: 0.83rem 0;
}
.sectionComment .commentform .commentsub .subBtn {
display: block;
background: #17a1e6;
font-size: 1.22rem;
font-family: "Microsoft YaHei";
height: 2.56rem;
line-height: 2.56rem;
color: #fff;
border: 0 none;
width: 50%;
text-align: center;
margin: 0 auto;
}
.sectionComment .commentform .commentsub p {
color: #008000;
font-size: 1rem;
line-height: 1.89rem;
}
.sectionComment .commentform .commentsub p.fail {
color: red;
}
.sectionComment .commentList h4 {
color: #333;
font-size: 1.11rem;
padding-bottom: 0.67rem;
}
.sectionComment .commentList h4 ins {
font-size: 0.89rem;
}
.sectionComment .commentList .item {
border-top: 1px solid #ddd;
}
.sectionComment .commentList .item dl {
padding: 0.78rem 0;
overflow: hidden;
}
.sectionComment .commentList .item dt {
width: 2.33rem;
height: 2.33rem;
float: left;
}
.sectionComment .commentList .item dt img {
width: 100%;
vertical-align: top;
}
.sectionComment .commentList .item dd {
overflow: hidden;
font-size: 0.89rem;
padding-left: 0.83rem;
}
.sectionComment .commentList .item .success,
.sectionComment .commentList .item .fail {
font-size: 1rem;
line-height: 1.89rem;
text-align: right;
}
.sectionComment .commentList .item .success {
color: green;
}
.sectionComment .commentList .item .fail {
color: red;
}
.sectionComment .commentList .item .author {
color: #666;
margin-top: 0.28rem;
}
.sectionComment .commentList .item .tit {
margin-top: 0.61rem;
position: relative;
line-height: 1.33rem;
}
.sectionComment .commentList .item .tit .time {
color: #999;
}
.sectionComment .commentList .item .tit .zan {
cursor: pointer;
color: #999;
text-decoration: none;
vertical-align: top;
float: right;
position: relative;
padding-left: 1.39rem;
}
.sectionComment .commentList .item .tit .zan:before {
content: "";
display: inline-block;
width: 1.17rem;
height: 1.11rem;
overflow: hidden;
position: absolute;
top: -1px;
left: 0;
cursor: pointer;
background-position: 0 -3.33rem;
}
.sectionComment .commentList .item .tit .zan.active {
color: #17a1e6;
}
.sectionComment .commentList .item .tit .zan.active:before {
background-position: -1.67rem -3.33rem;
}
.sectionComment .commentList .item .tit .bcomment {
cursor: pointer;
float: right;
width: 1.22rem;
height: 1.11rem;
background-position: 0 -13.33rem;
margin-top: 1px;
margin-right: 1.67rem;
}
.sectionComment .commentList .item .con {
font-size: 1.11rem;
line-height: 1.44rem;
padding-top: 0.78rem;
}
.sectionComment .commentList .item .con span {
color: #17a1e6;
}
.sectionComment .commentList .item .bcomment-dialog {
border: 1px solid #c5c5c5;
margin-top: 0.56rem;
background-color: #fff;
display: none;
}
.sectionComment .commentList .item .bcomment-dialog p {
line-height: 1.89rem;
color: #999;
font-size: 0.89rem;
padding-left: 0.5rem;
}
.sectionComment .commentList .item .bcomment-dialog textarea {
height: 100%;
line-height: 1.78rem;
border: 0 none;
font-size: 1rem;
resize: none;
color: #666;
padding: 0 0.5rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.sectionComment .commentList .item .bcomment-dialog ul {
width: 100%;
background-color: #f3f3f3;
border-top: 1px solid #ddd;
}
.sectionComment .commentList .item .bcomment-dialog li {
width: 50%;
float: left;
height: 2.67rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #666;
font-size: 1.11rem;
line-height: 2.67rem;
text-align: center;
position: relative;
}
.sectionComment .commentList .item .bcomment-dialog li:first-child {
border-right: 1px solid #c5c5c5;
}
.sectionComment .commentList .item .bcomment-dialog li.cur {
background-color: #17a1e6;
color: #fff;
}
.sectionComment .commentList .item .bcomment-dialog li .subBtn {
background-color: #17a1e6;
border: 0 none;
width: 100%;
height: 100%;
color: #fff;
font-size: 1.11rem;
}
.sectionComment .loadmore {
margin-left: -0.83rem;
margin-right: -0.83rem;
}
.m_mask {
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.keyword {
height: 1.5rem;
overflow: hidden;
}
.keyword span,
.keyword a {
float: left;
}
.keyword a {
margin-right: 0.56rem;
}
.share {
padding: 0.56rem 0;
}
.share dt {
display: inline-block;
vertical-align: middle;
}
.share dd {
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.share dd a {
display: inline-block;
width: 1.78rem;
height: 1.78rem;
overflow: hidden;
background: url(../../images/news/m/share.png) no-repeat;
background-size: 9.17rem 1.78rem;
margin-right: 1.11rem;
}
.share dd a.shareqzone {
background-position: 0 0;
}
.share dd a.sharewb {
background-position: -1.83rem 0;
}
.share dd a.sharet {
background-position: -3.67rem 0;
}
.share dd a.shareqq {
background-position: -5.5rem 0;
}
.share dd a.sharewx {
background-position: -7.39rem 0;
}
.commend {
overflow: hidden;
padding: 0.33rem 0;
}
.commend .com {
padding-top: 2px;
}
.commend dt {
float: left;
width: 63px;
height: 20px;
}
.commend dl dd {
padding: 3px 0;
}
.commend a {
color: #0020ff;
overflow: hidden;
line-height: 20px;
display: -webkit-box;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.readMore {
margin: 4vw 0 0;
line-height: 10.667vw;
background-color: #edb432;
border-radius: 1.6vw;
color: #fff;
text-align: center;
}
.rm-inner {
padding-right: 18px;
font-size: 16px;
color: #fff;
line-height: 10.667vw;
background: url(../../images/soft/unfold.png) right center no-repeat;
background-size: 3.467vw;
}
.mod-page {
text-align: center;
padding: 1.56rem 0 2rem;
}
.mod-page a {
display: inline-block;
font-size: 1rem;
width: 4.89rem;
height: 2rem;
line-height: 2rem;
border: 1px solid #cdcdcd;
text-align: center;
border-radius: 0.28rem;
color: #666;
}
.mod_swiper .MplistA {
*zoom: 1;
height: 100%;
overflow: hidden;
}
.mod_swiper .MplistA li {
float: left;
width: 25%;
padding-bottom: 0.56rem;
}
.mod_swiper .MplistA li a {
display: block;
width: 5rem;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.mod_swiper .MplistA .Mpic {
margin: 0 auto;
width: 3.89rem;
height: 3.89rem;
overflow: hidden;
}
.mod_swiper .MplistA .tit {
height: 2rem;
line-height: 2rem;
overflow: hidden;
display: block;
color: #333;
font-size: 1rem;
text-overflow: ellipsis;
white-space: nowrap;
word-break: keep-all;
}
@media only screen {
html {
font-size: 12px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
html {
font-size: 14px;
}
}
@media only screen and (min-width: 480px) {
html {
font-size: 18px;
}
}
.special-tabs {
display: flex;
}
.special-tabs > li {
flex: 1;
}
.mt16 {
margin-top: 4.267vw;
}
.course-list {
}
.course-list > li {
margin: 0 4vw;
padding: 4vw 0;
border-bottom: 0.267vw solid #eee;
}
.course-link {
display: flex;
justify-content: space-between;
}
.course-img-w {
position: relative;
}
.course-img {
width: 32vw;
height: 21.333vw;
border-radius: 1.6vw;
}
.icon-play {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: url(../../images/tech/icon-play.png) rgba(0, 0, 0, 0.3) center no-repeat;
background-size: 8.533vw;
border-radius: 1.6vw;
}
.course-r {
width: 56vw;
/* display: flex;
align-items: space-between; */
}
.course-name {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow : hidden;
text-overflow: ellipsis;
font-size: 4vw;
/*font-weight: bold;*/
color: #333;
height: 16vw;
}
.course-des {
margin-top: 0.8vw;
font-size: 3.2vw;
line-height: 4.267vw;
color: #666666;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.course-date {
margin-top: 1.6vw;
padding-left: 4.267vw;
font-size: 3.2vw;
color: #999;
background: url(../../images/tech/icon-date.png) left center no-repeat;
background-size: 3.2vw 3.2vw;
}
.ell {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.game-special-list {
padding: 4vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.game-special-list > li {
margin-bottom: 4vw;
width: 44.8vw;
}
.game-special-link {
display: block;
}
.game-special-img {
width: 44.8vw;
height: 26.667vw;
border-radius: 1.6vw;
}
.game-special-name {
margin-top: 2.667vw;
text-align: center;
font-size: 14px;
color: #333;
}
.load-more-btn {
margin: 5.333vw auto;
display: block;
width: 48.533vw;
line-height: 10.667vw;
background-color: #f2f2f2;
border-radius: 5.333vw;
border: solid 0.267vw #e5e5e5;
font-size: 16px;
color: #666666;
text-align: center;
}
.picListA {
width: 100%;
}
.zq-recommend {
margin: 0 4vw 4vw;
padding: 0 2.667vw;
display: flex;
justify-content: space-between;
align-items: center;
height: 17.333vw;
background-image: linear-gradient(90deg, #f5fffc 0%, #e1f2ff 100%);
border-radius: 1.6vw;
}
.zqr-img {
width: 45px;
height: 45px;
border-radius: 1.6vw;
}
.zqr-mid {
display: flex;
flex-direction: column;
flex: 1;
margin: 0 2.133vw;
}
.zqr-tags {
margin-top: 1vw;
display: flex;
}
.zqr-tags > li{
padding: 0 1.067vw;
line-height: 4.533vw;
background-color: #f0fcff;
border-radius: 2.133vw;
border: solid 1px #e1f0fe;
font-size: 3.2vw;
color: #4791e1;
}
.zqr-tags > li:not(:first-child){
margin-left: 1.6vw;
}
.zqr-name {
font-size: 16px;
font-weight: bold;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 48vw;
}
.zqr-link {
display: inline-block;
padding: 0 2.667vw;
width: 18.933vw;
line-height: 6.933vw;
/* height: 6.933vw; */
background-image: linear-gradient(90deg, #6db3ff 0%, #1883f6 100%);
box-shadow: 0vw 0.533vw 1.067vw 0vw #a5d7f5;
border-radius: 4vw;
font-size: 3.467vw;
color: #ffffff;
text-align: center;
}
.app-download {
display: flex;
margin: 4vw 0;
padding: 4vw;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
/* background: #eee; */
}
.xgtj-img {
display: block;
width: 20vw;
height: 20vw;
border-radius: 2.667vw;
}
.xgtj-r {
margin-left: 2.667vw;
/* padding-bottom: 4vw; */
/* height: 14.4vw; */
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
/* border-bottom: 0.267vw solid #eee; */
}
.xgtj-r-l {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: space-between;
}
.xgtj-a {
display: block;
}
.xgtj-link {
display: inline-block;
padding: 0 2.5vw;
line-height: 8vw;
height: 8vw;
background-color: #ebf4fa;
border-radius: 1.067vw;
font-size: 4vw;
color: #0f89c7;
text-align: center;
}
.xgtj-name {
font-size: 4vw;
color: #333333;
}
.xgtj-size {
margin-top: 0.5vw;
font-size: 3.2vw;
color: rgba(102, 102, 102, 0.66);
}
.load-more {
display: block;
margin: 5.333vw 4vw 2vw;
line-height: 10.667vw;
background-color: #f1f1f1;
border-radius: 2vw;
font-size: 4.267vw;
color: #2e8ae6;
text-align: center;
font-size: 3.6vw;
}
.rmd-layer {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.rmdl-inner {
position: relative;
overflow: hidden;
width: 84vw;
height: 42.4vw;
background-color: #fff;
border-radius: 2.133vw;
text-align: center;
}
.rmd-title {
margin-top: 5.333vw;
font-size: 5.867vw;
color: #333333;
}
.rmd-tip {
margin-top: 5.333vw;
font-size: 3.733vw;
color: #333333;
}
.c00f{
color: #00f;
}
.fwb {
font-weight: bold;
}
.rmd-btns {
margin: 6.667vw auto;
/* border-top: solid 1px #dee3e7;
position: absolute;
bottom: 0;
width: 100%; */
width: 63.467vw;
height: 12vw;
display: flex;
justify-content: space-between;
}
.cut-line {
height: 12vw;
width: 1px;
background-color: #dee3e7;
}
.rmd-btn {
width: 27.733vw;
line-height: 8.533vw;
height: 8.533vw;
border-radius: 4.267vw;
border: solid 1px #a4aaaf;
font-size: 4.267vw;
color: #a4aaaf;
text-align: center;
}
.rmd-btn-ok {
color: #fff;
background-color: #5b9ce3;
border-color: #5b9ce3;
}
.dn {
display: none;
}
.rec-tab {
overflow: hidden;
width: 100%;
text-align: center;
border-collapse: separate;
border-spacing: 0;
border-radius: 2.133vw;
border: solid 1px #dfdfdf;
}
.rec-tab th,
.rec-tab td {
border-right: solid 1px #dfdfdf;
border-bottom: solid 1px #dfdfdf;
}
.rec-tab td:last-child {
border-right: 0;
}
.rec-tab tr:last-child td{
border-bottom: 0;
}
.rec-tab a {
line-height: 9.6vw;
color: #666666;
}
.rt-title{
font-size: 5.333vw;
color: #ffffff;
line-height: 10.667vw;
background-color: #0f89c7;
}
.more-gl-tip{
margin-top: 4.267vw;
font-size: 3.733vw;
color: #333333;
}
.mgt-link{
color: #0f89c7;
}
.wjrs-title{
padding: 0 4.267vw;
font-size: 4.8vw;
color: #333333;
font-weight: bold;
}
.wjrs-list{
margin-top: 4.267vw;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
text-align: center;
}
a.wjrs-link{
margin-bottom: 2.667vw;
padding: 0 2.667vw;
display: block;
box-sizing: border-box;
width: 44vw;
line-height: 8vw;
background-color: #f1f1f1;
border-radius: 1.6vw;
font-size: 3.733vw;
color: #666666;
}
.wl-inner{
overflow: hidden;
white-space: nowrap;
}
.fixed-appbtn,
.fixed-appbtn:hover {
margin: 4.667vw 0;
display: block;
line-height: 10.667vw;
background-color: #4791e1;
border-radius: 1.6vw;
text-align: center;
font-size: 4.267vw;
color: #fff;
}
.tag-list {
margin: 2.667vw;
display: flex;
justify-content: space-between;
}
.tag-list > a {
margin-right: 2.667vw;
box-sizing: border-box;
max-width: 40vw;
overflow: hidden;
white-space: nowrap;
padding: 0 2vw;
color: #333;
height: 6.4vw;
line-height: 6.4vw;
background-color: #f5f5f5;
border-radius: 4vw;
}
.tl-w {
margin: 2.667vw;
display: flex;
align-items: center;
white-space: nowrap;
}
.loading {
display: flex;
justify-content: center;
align-items: center;
line-height: 16vw;
font-size: 3.733vw;
color: #666666;
text-align: center;
}
.loading.dn {
display: none;
}
.loading-rotation {
content: '';
margin: 0 0 0 2.133vw;
width: 3.467vw;
height: 4vw;
background: url('../../images/news/m/img_load.png') center no-repeat;
background-size: 3.467vw 4vw;
animation: rotation linear 2s infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.course-list > li.gg {
margin: 0;
}
.gg-layer {
/*display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
width: 100%;
height: 100%;*/
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
background: rgba(0, 0, 0, 0.5);
}
.gg-layer.vh {
left: -100%;
}
.layer.dn {
display: none;
}
.layer-inner {
position: relative;
/*width: 80vw;*/
/*height: 45vw;*/
/*background-color: #ccc;*/
position: relative;
padding: 8vw 0 4vw;
width: 84vw;
background-color: #ffffff;
border-radius: 10px;
}
.layer-close {
position: absolute;
top: 0.667vw;
right: 0.667vw;
width: 5.5vw;
height: 5.5vw;
background: url('../../images/news/m/close.png') center no-repeat;
background-size: 100%;
z-index: 2;
}
.bottom-gg,
.bottom-gg-w {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
/*height: 50px;*/
background-color: #ccc;
}
.bgg-link {
display: block;
}
.bgg-img {
width: 100%;
}
.c0E82BC {
color: #0E82BC;
}
.toast-w {
left: 50%;
transform: translateX(-50%);
padding: 0.694vw 1.389vw;
bottom: 13.889vw;
background: rgba(0,0,0,0.5);
font-size: 4.167vw;
border-radius: 1.111vw;
}
.gzgzh-frame {
padding: 4.167vw;
width: 73.611vw;
height: 64.306vw;
background: #FFFFFF;
border-radius: 1.111vw;
border: 1px solid #979797;
}
.gzh-close {
margin: 4.167vw auto 0;
width: 8.611vw;
height: 8.611vw;
background: url('../../images/close_copy.png') center/100% no-repeat;
}
.gf-title {
font-size: 3.889vw;
font-weight: 600;
color: #333333;
}
.gf-content {
margin-top: 4.167vw;
font-size: 3.611vw;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 5.139vw;
}
.c2E8AE6 {
color: #2E8AE6;
}
.gf-img {
display: block;
margin: 4.167vw auto 0;
width: 26.667vw;
height: 26.667vw;
}
.fb-item-qrcode {
background: url('../../images/qrcode-1-copy@2x.png') center/5.556vw no-repeat;
}
.fb-item-qrcode > img {
width: 5.556vw;
height: 5.556vw;
}
.fixed {
position: fixed;
}
.df {
display: flex;
}
.jcc {
justify-content: center;
}
.aic {
align-items: center;
}
.layer {
width: 100%;
height: 100vh;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
}
.gzgzh-check-more {
margin-top: 10px;
text-align: center;
font-size: 14px;
color: #3F85D0;
}
.float-btns {
right: 4vw;
bottom: 20vw;
height: 22vw;
}
.f12 {
font-size: 3.333vw;
}
.tc {
text-align: center;
}
.fb-item {
display: block;
width: 9.6vw;
height: 9.6vw;
line-height: 9.6vw;
background-color: rgba(0, 0, 0, 0.62);
box-shadow: 0px 0.533vw 1.067vw 0px rgb(0 0 0 / 10%), 0px 0.533vw 1.067vw 0px rgb(0 0 0 / 16%);
border: solid 1px rgba(142, 142, 142, 0.57);
border-radius: 50%;
color: #fff;
}
.fb-item:not(:first-child) {
margin-top: 2.667vw;
}
.layer {
width: 100%;
height: 100vh;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
}
.side-menu {
flex-direction: column;
justify-content: space-between;
width: 73.6vw;
height: 100vh;
background-color: #181f25;
transition: all 0.5s;
}
.side-menu.folded {
margin-left: -73.6vw;
}
.sm-list {
margin-top: 13.333vw;
}
.sm-list>a {
padding-left: 24vw;
color: #fff;
display: block;
line-height: 17.333vw;
}
.sm-list>a:active {
background-color: #252d34;
}
.sml-home {
background: url('../../images/sml-home.png') 10.667vw center no-repeat;
background-size: 5.333vw;
}
.sml-app {
background: url('../../images/sml-app.png') 10.667vw center no-repeat;
background-size: 5.333vw;
}
.sml-game {
background: url('../../images/sml-game.png') 10.667vw center no-repeat;
background-size: 5.333vw;
}
.sml-set {
background: url('../../images/sml-set.png') 10.667vw center no-repeat;
background-size: 5.333vw;
}
.sml-hign {
background: url('../../images/sml-hign.png') 10.667vw center no-repeat;
background-size: 5.333vw;
}
.sml-news {
background: url('../../images/sml-news.png') 10.667vw center no-repeat;
background-size: 5.333vw;
}
.sml-strategy {
background: url('../../images/sml-strategy.png') 10.667vw center no-repeat;
background-size: 5.333vw;
}
.sml-novel {
background: url('../../images/sml-novel.png') 10.667vw center no-repeat;
background-size: 5.333vw;
}
.fold {
height: 10.667vw;
background-color: #2d353c;
line-height: 40px;
color: #81899c;
}
.report {
justify-content: center;
align-items: center;
}
.report-inner {
width: 84vw;
}
.ri-main {
padding: 5.333vw;
border-radius: 2.133vw;
}
.commit-btn {
width: 100%;
margin-top: 5.333vw;
line-height: 11.2vw;
background-color: #4791e1;
border-radius: 1.067vw;
border: none;
}
.rim-list {
margin: 4vw 0;
line-height: 10.667vw;
}
.rim-list>li {
height: 10.667vw;
display: flex;
align-items: center;
}
.rim-cb {
display: none;
width: 0;
height: 0;
}
.rim-l {
display: inline-block;
}
.fake-cb {
margin-right: 4vw;
display: inline-block;
content: '';
width: 5vw;
height: 5vw;
background: url('../../images/cb.png') center no-repeat;
background-size: 100%;
}
.rim-cb:checked+.fake-cb {
background: url('../../images/cb-s.png') center no-repeat;
background-size: 100%;
}
.rim-ta {
padding: 2.667vw;
resize: none;
width: 100%;
height: 27.733vw;
background-color: #f1f1f1;
border-radius: 2.133vw;
border: none;
outline: none;
}
.r-close {
margin: 10.667vw auto 0;
width: 9.6vw;
height: 9.6vw;
background: url('../../images/close.png') center no-repeat;
background-size: 100%;
}
.bcfff {
background: #fff;
}
.cfff {
color: #fff;
}
.gzh-bg{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100vw;
height: 100vh;
background: rgba(3, 3, 3, 0.53);
}
.hidden-gzh-bg{
display: none;
}
.gzh-bg .gzh-box{
position: relative;
width: 80vw;
height: 99.5vw;
background: url(../../../m/images/news/gzh-bg.png) no-repeat;
background-size: 100% 100%;
}
.gzh-bg .gzh-box .notice-pic{
position: absolute;
width: 63.3vw;
height: 25.1vw;
left: 50%;
transform: translate(-50%,-45%);
}
.gzh-bg .gzh-box .everyday-book{
width: 100%;
text-align: center;
font-size: 4vw;
margin-top: 13vw;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #FFFFFF;
line-height: 35px;
text-shadow: 0px 8px 13px rgba(61,103,255,0.85);
}
.gzh-bg .gzh-box .qrcode{
position: absolute;
top: 28vw;
left: 50%;
transform: translate(-50%);
width: 40vw !important;
height: 40vw !important;
}
.gzh-bg .close-gzh-notice{
width: 8.8vw !important;
height: 8.8vw !important;
margin-top: 5.5vw;
}
.cp-news> li > a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #333;
font-size: 4vw;
text-align: justify;
text-decoration: underline;
}
.cp-news {
line-height: 6vw;
text-align-last: left;
margin-top: 2.667vw;
padding: 0 4vw;
/* max-width: 83vw; */
}