@charset "gb2312";
html {
overflow-y: scroll;
}
body {
margin: 0 auto;
color: #333;
background-color: #f9f9f9;
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;
}
.fgray {
color: #999;
}
.fr {
float: right;
}
html {
margin: 0 auto;
height: 100%;
}
body {
position: relative;
font-family: Microsoft YaHei;
}
input::-webkit-input-placeholder {
/* WebKit browsers */
color: #ccc;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ccc;
}
.hide {
display: none;
}
.ico60,
.header .ico_back,
.header .menu_switch,
.header .btn_search,
.header .btn_map,
.loadmore .trig_more i,
.sectionComment .commentform .commenttext:before,
.sectionComment .commentList .item .tit .like:after,
.boxInput .icoClear,
.schBtn:before,
.feed_more .trig_backtop i {
background-image: url(../../images/news/m/news_m_spr0419.png?11);
/*background-image:url(../../images/m/news_m_spr.svg?11),none;*/
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;
}
.fred {
color: #f00;
}
.mb10 {
margin-bottom: 10px;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
-webkit-appearance: none;
}
html {
overflow-y: auto;
}
.wrapper {
text-align: left;
position: relative;
}
/* .header {
height: 3.33rem;
line-height: 3.33rem;
position: relative;
z-index: 110;
text-align: center;
border-bottom: 1px solid #ddd;
background: #f9f9f9; }
.header .ico_back {
background-position: -3.56rem 0;
float: left; }
.header .logo {
display: inline-block;
width: 10.61rem;
height: 2.67rem;
margin: 0.33rem 0 0 0.33rem;
overflow: hidden;
background-image: url(../../images/m/logo_news_m.png);
background-repeat: no-repeat;
background-size: 10.61rem 2.67rem;
font-size: 0; }
.header .menu_switch {
background-position: -6.67rem 0;
float: right; }
.header .menu_switch.cur {
background-position: -9.78rem 0; }
.header .btn_search {
background-position: 1.11rem 0;
float: right; }
.header .btn_search.cur {
background-color: #e9e9e9;
background-position: -1.22rem 0; }
.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 {
background: #0a88c7;
height: 3.33rem;
line-height: 3.33rem;
overflow: hidden; }
.nav li {
display: inline-block; }
.nav li a {
display: inline-block;
padding: 0 0.56rem;
font-size: 1.11rem;
color: #fff; }
.nav li a.cur {
background: #086999; } */
.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;
}
.picListA .listCon {
margin-top: -1px;
overflow: hidden;
}
.picListA .listCon li {
border-top: 1px solid #ddd;
position: relative;
}
.picListA .listCon li .det_area {
display: block;
height: 100%;
min-height: 4.22rem;
padding: 1.11rem 0.83rem 1.11rem 8rem;
}
.picListA .listCon li .pic {
position: absolute;
left: 0.83rem;
top: 1.11rem;
width: 6.33rem;
}
.picListA .listCon li .pic img {
width: 100%;
}
.picListA .listCon li .tit {
display: block;
height: 1.67rem;
line-height: 1.67rem;
font-size: 1.22rem;
color: #222;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.picListA .listCon li .acc {
color: #a9a9a9;
font-size: 0.89rem;
position: absolute;
right: 0.83rem;
bottom: 0.28rem;
}
.picListB .listCon {
margin-top: -1px;
overflow: hidden;
}
.picListB .listCon li {
border-top: 1px solid #ddd;
position: relative;
min-height: 4.89rem;
padding: 2.22rem 0.83rem 1.11rem 9rem;
/* 增加三个tag start */
/* 增加个tag end */
}
.picListB .listCon li .det_area {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.picListB .listCon li .det_area .d_con {
position: relative;
display: block;
height: 100%;
min-height: 4.22rem;
padding-left: 7.16rem;
}
.picListB .listCon li .pic {
position: absolute;
left: 0.78rem;
top: 2.89rem;
width: 7.33rem;
}
.picListB .listCon li .pic img {
width: 100%;
}
.picListB .listCon li .tit {
display: block;
height: 1.67rem;
line-height: 1.67rem;
padding-bottom: 0.83rem;
font-size: 1.22rem;
color: #222;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: nowrap;
position: relative;
top: -1.44rem;
left: -8.22rem;
}
.picListB .listCon li .summary {
display: block;
line-height: 1.22rem;
font-size: 1rem;
color: #777;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
position: relative;
top: -1.67rem;
}
.picListB .listCon li .key_box {
position: absolute;
bottom: 1.11rem;
font-size: 0.67rem;
color: #2d87cc;
/* 3个tag最多超出则显示一行 */
height: 1rem;
overflow: hidden;
z-index: 3;
}
.picListB .listCon li .key_box a:nth-child(n + 4) {
display: none;
}
.picListB .listCon li .acc {
color: #a9a9a9;
font-size: 0.89rem;
position: absolute;
right: 0.83rem;
bottom: 1.11rem;
}
.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.22rem 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 white inset;
-webkit-box-shadow: 0 1px 0 0 white inset;
box-shadow: 0 1px 0 0 white 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");
}
.article {
padding: 0.83rem;
}
.article .title {
font-size: 4.8vw;
line-height: 6.667vw;
font-weight: 700;
}
.article .info {
font-size: 0.89rem;
color: #999;
padding: 0.83rem 0;
}
.article .info .hotLevel {
float: right;
}
.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;
}
.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;
}
.more-infos {
height: 576px;
overflow: hidden;
}
.article .zxtitleH3 {
font-size: 16px;
color: #338ad1;
font-weight: bold;
margin-bottom: 6px;
}
.article .zxtitleH3 a {
font-size: 16px;
color: #338ad1;
font-weight: bold;
}
.article .zxtitleH3 .downLinks {
font-size: 14px;
color: #338ad1;
border: 1px solid #338ad1;
padding: 2px 20px 2px 8px;
text-align: center;
margin-left: 8px;
background: url(../../images/news/m/finger.png) no-repeat right;
background-size: 18px 20px;
vertical-align: middle;
}
.mod_comm {
padding: 0 0.83rem;
}
.mod_comm .hd {
font-size: 1.22rem;
font-weight: 700;
padding: 0.83rem 0 0.56rem;
}
.txtlist {
border-top: 1px solid #ddd;
}
.txtlist .txtlistCon li {
font-size: 1.11rem;
height: 2.67rem;
line-height: 2.67rem;
padding-right: 5rem;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.txtlist .txtlistCon li a {
color: #333;
}
.txtlist .txtlistCon li time {
color: #999;
font-size: 0.89rem;
position: absolute;
right: 0;
top: 0;
}
.xgzx-list {
list-style: disc;
}
.txtlist .xgzx-list > li {
font-size: 1.11rem;
height: 2.67rem;
line-height: 2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #e8e8e8;
}
.xgzx-list > li::before {
/* float: left; */
content: ".";
font-size: 2rem;
position: relative;
top: -0.6vw;
}
.txtlist .xgzx-list > li a {
/* display: block; */
color: #333;
}
.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;
}
.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 {
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;
}
.sectionComment .commentList .item {
padding: 1.11rem 0;
border-top: 1px solid #ddd;
}
.sectionComment .commentList .item.first {
border-top: 0 none;
}
.sectionComment .commentList .item .tit {
position: relative;
}
.sectionComment .commentList .item .tit .info {
font-size: 0.89rem;
}
.sectionComment .commentList .item .tit .info .author {
color: #666;
display: block;
}
.sectionComment .commentList .item .tit .info .time {
color: #999;
}
.sectionComment .commentList .item .tit .like {
position: absolute;
right: 0;
bottom: 0;
}
.sectionComment .commentList .item .tit .like ins {
color: #17a1e6;
text-decoration: none;
vertical-align: top;
}
.sectionComment .commentList .item .tit .like:after {
content: "";
display: inline-block;
width: 1.11rem;
height: 1.11rem;
overflow: hidden;
background-position: -1.67rem -3.33rem;
}
.sectionComment .commentList .item .tit .like.unable ins {
color: #999;
}
.sectionComment .commentList .item .tit .like.unable:after {
background-position: 0 -3.33rem;
}
.sectionComment .commentList .item .con {
font-size: 1.11rem;
line-height: 1.44rem;
padding-top: 0.83rem;
}
.sectionComment .loadmore {
margin-left: -0.83rem;
margin-right: -0.83rem;
}
.backBar {
margin-top: -1px;
height: 3.78rem;
line-height: 3.78rem;
background: #f3f3f3;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: -moz-box;
display: -webkit-box;
display: box;
width: 100%;
}
.backBar.dn {
display: none;
}
.backBar a {
display: block;
text-align: center;
font-size: 1.22rem;
color: #333;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}
.backBar a:first-child {
border-right: 1px solid #ddd;
background: #edf2f5;
}
.backBar a.ui-touch {
background: #edf2f5;
}
.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;
}
.search-bar {
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;
}
.schNum {
font-size: 1rem;
color: #666;
line-height: 1.78rem;
padding: 0.28rem 0.83rem;
background: #eee;
}
.schNum .keyword,
.schNum .num {
margin: 0 0.28rem;
}
.m_mask {
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.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 .search-bar {
margin-top: 0.89rem;
}
@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;
}
}
/*feed_more*/
.feed_more {
background-color: #f3f3f3;
text-align: center;
border-bottom: 1px solid #d5d5d5;
}
.feed_more .trig_more,
.feed_more .trig_backtop {
display: block;
height: 100%;
overflow: hidden;
color: #666666;
}
.feed_more .trig_more i {
display: inline-block;
vertical-align: -2px;
}
.feed_more .active {
background-color: #edf2f5;
color: #333333;
}
.feed_more .trig_backtop {
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;
}
.feed_more .trig_backtop i {
display: inline-block;
width: 1.33rem;
height: 1.33rem;
overflow: hidden;
background-position: -13.33rem -1.5rem;
vertical-align: middle;
margin: -0.22rem 0 0 0.44rem;
}
.feed_more .trig_backtop span {
color: #0a88c7;
}
.feed_more .trig_backtop.ui-touch {
background-color: #edf2f5;
color: #333;
}
.keyword {
height: 1.5rem;
overflow: hidden;
}
.keyword span,
.keyword a {
float: left;
}
.keyword a {
padding: 0.463vw 2vw;
border-radius: 3vw;
/* background-color: #ccc; */
margin-right: 0.56rem;
margin-bottom: 0.56rem;
color: #5cbe65;
border-color: #5cbe65;
border: 1px solid #65bb0a;
}
.listCon .pic img {
height: 4.22rem !important;
}
.Ztab {
position: relative;
border-bottom: 1px solid #d8d8d8;
background-color: #f8f8f8;
z-index: 9;
}
.Ztab ul {
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
}
.Ztab li {
height: 2.78rem;
line-height: 2.78rem;
}
.Ztab li a {
display: block;
position: relative;
text-align: center;
color: #666666;
font-size: 1rem;
}
.Ztab .current a {
color: #0a88c7;
display: block;
text-align: center;
}
.Ztab .current a::after {
display: block;
content: "";
width: 2rem;
height: 0.28rem;
background: #009fe8;
overflow: hidden;
position: absolute;
left: 50%;
bottom: -0.11rem;
border-radius: 5px;
transform: translate3d(-50%, 0, 0);
}
.version {
background-color: #fff;
border: 1px solid #ddd;
margin-bottom: 0;
}
.version ul {
background-color: #f7f7f7;
border-bottom: 1px solid #ddd;
height: 2.56rem;
}
.version li {
width: 20%;
float: left;
position: relative;
height: 2.56rem;
border-top: 1px solid #ddd;
top: -1px;
left: 0;
z-index: 1;
}
.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;
color: #666666;
}
.version li a:hover {
color: #00a0e9;
}
.version li:last-child a {
border-right: none;
}
.version li:first-child.cur {
margin-left: 0;
}
.version li:first-child.cur a {
border-left: none;
}
.version li.cur {
border-top: 1px solid #439cd3;
background: #fff;
height: 2.72rem;
padding: 0;
margin-left: -1px;
}
.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;
}
.version .versionlist {
padding: 1rem 0.56rem;
display: none;
}
.version .versionlist h3 {
color: #333;
font-size: 1.11rem;
line-height: 1.22rem;
}
.version .versionlist dl {
overflow: hidden;
margin-top: 0.56rem;
position: relative;
}
.version .versionlist dt {
float: left;
width: 3.89rem;
height: 3.89rem;
}
.version .versionlist dt img {
width: 100%;
vertical-align: top;
}
.version .versionlist dd {
overflow: hidden;
margin: 0.28rem 0 0 0.56rem;
float: left;
}
.version .versionlist dd p {
color: #999;
font-size: 0.89rem;
line-height: 1.44rem;
}
.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;
}
.commend {
overflow: hidden;
padding: 0.33rem 0;
}
.commend .com {
padding-top: 2px;
color: red;
}
.commend dl dd {
padding: 3px 0;
}
.commend a {
color: #333333;
overflow: hidden;
line-height: 20px;
display: -webkit-box;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.MplistA {
*zoom: 1;
height: 100%;
overflow: hidden;
}
.MplistA li {
float: left;
width: 20%;
padding-bottom: 0.56rem;
}
.MplistA li a {
display: block;
width: 5rem;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.MplistA .Mpic {
display: block;
margin: 0 auto;
width: 3.89rem;
height: 3.89rem;
overflow: hidden;
}
.MplistA .Mpic img {
width: 100%;
height: 100%;
}
.MplistA .tit {
display: block;
height: 2rem;
line-height: 2rem;
overflow: hidden;
display: block;
color: #333;
font-size: 1rem;
text-overflow: ellipsis;
white-space: nowrap;
word-break: keep-all;
}
.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;
}
.bjtj-list {
margin: 3vw 0 5vw;
display: flex;
justify-content: space-between;
}
.bjtj-list > a {
width: 19.2vw;
}
.bjtj-img {
width: 19.2vw;
height: 19.2vw;
border-radius: 1.6vw;
}
.bjtj-name {
margin-top: 2.667vw;
text-align: center;
font-size: 3.733vw;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.readMore,
.readMoreDL {
text-align: center;
color: #2e8ae6;
cursor: pointer;
}
.readMore {
line-height: 10.667vw;
background-color: #edb432;
border-radius: 1.6vw;
color: #fff;
}
.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: right;
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;
}
.Pnav {
position: relative;
background-color: #0a88c7;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.Pnav ul {
overflow: hidden;
*zoom: 1;
}
.Pnav ul li {
line-height: 3.33rem;
font-size: 1.2rem;
float: left;
width: 20%;
text-align: center;
}
.Pnav ul li a {
display: block;
color: #ffffff;
}
.Pnav ul .current {
background-color: #086999;
}
.header {
height: 12.2222vw;
position: relative;
background-color: #4387c2;
}
.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;
}
.nav {
width: 100%;
height: 11.1111vw;
background: #fff;
box-sizing: border-box;
border-bottom: 0.185vw solid #dadada;
overflow: visible;
}
.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;
}
.main-adv {
/* height: 9vw;
border: solid 1px #ccc; */
}
.seperate-bar {
height: 0.7vw;
background-color: #ccc;
}
.keyword-wrap {
height: auto;
margin-top: 1.8vw;
}
.mt16 {
margin-top: 4.267vw;
}
.course-list {
}
.course-list > li {
overflow: hidden;
margin: 0 4vw;
padding: 4vw 0;
border-bottom: 0.267vw solid #eee;
}
.course-list > li.gg {
/*margin: 0;*/
}
.course-read-more {
display: block;
margin: 4vw 2.7778vw 1.5vw;
text-align: center;
color: #2e8ae6;
cursor: pointer;
height: 10.5556vw;
font-size: 3.6111vw;
line-height: 10.5556vw;
background-color: #f1f1f1;
border-radius: 1.6vw;
}
.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/news/m/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;
text-align: left;
}
.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/news/m/icon-date.png) left center no-repeat;
background-size: 3.2vw 3.2vw;
text-align: left;
}
.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: 3.333vw;
font-size: 3.733vw;
color: #333333;
}
.fwb {
font-weight: bold;
}
.c00f{
color: #00f;
}
.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;
}
.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;
}
.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);
}
}
.gg-layer {
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);
}
.layer.dn {
display: none;
}
.gg-layer.vh {
left: -100%;
}
.layer-w {
padding-top: 25vw;
}
.layer-inner {
position: relative;
padding: 8vw 0 4vw;
width: 84vw;
background-color: #ffffff;
border-radius: 10px;
/*height: 45vw;*/
/*background-color: #ccc;*/
}
.layer-close {
position: absolute;
top: 0.667vw;
right: 0.667vw;
width: 4.5vw;
height: 4.5vw;
background: url('../../images/news/m/close.png') center no-repeat;
background-size: 100%;
z-index: 2;
}
.cp-link {
position: relative;
display: block;
padding: 0 4vw;
}
.fake-pass {
position: absolute;
bottom: 0;
right: 4vw;
width: 9.6vw;
line-height: 6.133vw;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 0.533vw;
font-size: 3.733vw;
color: #ffffff;
text-align: center;
cursor: pointer;
}
.cp-img {
display: block;
width: 100%;
}
.cp-news {
line-height: 6vw;
text-align-last: left;
margin-top: 2.667vw;
padding: 0 4vw;
/* max-width: 83vw; */
}
.cp-news> li:not(:first-child) {
margin-top: 2.667vw;
}
.cp-news> li::before {
margin: 2vw 2.667vw 0 0;
content: '';
display: inline-block;
width: 1.6vw;
height: 1.6vw;
background-color: #666666;
border-radius: 50%;
float: left;
}
.cp-news> li > a {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #333;
font-size: 4.267vw;
text-align: justify;
}
.bottom-gg,
.bottom-gg-w {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
/*height: 50px;*/
background-color: #ccc;
}
.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;
}
.bgg-link {
display: block;
}
.bgg-img {
width: 100%;
}
.rec-app {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 2.778vw;
margin: 5.278vw 0;
height: 17.361vw;
background: linear-gradient(90deg, #F8FFFD 0%, #F0FFFE 100%);
border-radius: 1.667vw;
}
.rec-app-w {
display: flex;
}
.rec-app-img {
width: 11.944vw;
height: 11.944vw;
}
.rec-app-des {
margin-left: 2.083vw;
}
.rad-name {
font-size: 4.306vw;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
.rad-sub {
font-size: 3.472vw;
font-family: PingFang-SC-Regular, PingFang-SC;
font-weight: 400;
color: #666666;
}
.rec-app-dl {
display: flex;
justify-content: center;
align-items: center;
width: 18.889vw;
height: 6.944vw;
background: linear-gradient(90deg, #6DB3FF 0%, #1883F6 100%);
box-shadow: 0vw 0.556vw 1.111vw 0vw rgba(165,215,245,1);
border-radius: 4.028vw;
color: #FFFFFF;
font-size: 3.472vw;
}
.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;
}