body,html {
    background-color: #f6f6f6;
}

body {
    visibility: hidden;
}

.container {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    background: #eee;
    position: relative
}

.container .header {
    height: 1.5rem;
    line-height: 1.5rem;
    background: #5cb6e4;
    position: relative;
    z-index: 1000
}

.container .header span {
    height: 1.5rem;
    text-indent: -200%;
    overflow: hidden;
    float: left
}

.container .header span a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    color: transparent
}

.container .header .navicon {
    float: right
}

.navicon i {
    display: block;
    width: .8rem;
    height: .08rem;
    background: #fff;
    margin: .16rem 0
}

.navicon i:first-of-type {
    margin-top: .45rem
}

.logo {
    width: 3.125rem;
    height: 1.47rem;
    overflow: hidden;
    display: block;
    float: left
}

.logo img {
    width: 100%;
    display: block;
    margin-top: 0.4rem;
}

.container .header span.pagename {
    height: .5rem;
    line-height: .5rem;
    margin-top: .38rem;
    color: #fff;
    padding-left: .3rem;
    text-indent: 0;
    font-size: .34rem
}

.container .header .pcref {
    float: right;
    width: .79rem;
    background: url(../images/pc.png) no-repeat left center;
    background-size: 100% auto;
    margin-right: .4rem
}

.container .header .sinadoor {
    float: right;
    width: 1.91rem;
    background-size: 40% auto
}

.container .header .sinadoor a {
    color: #fff;
    font-size: .343rem;
    text-indent: 0;
    position: relative
}

.container .header .sinadoor a:before {
    position: absolute;
    content: '';
    right: 0;
    top: .63rem;
    width: .4rem;
    height: .234rem;
    background: url(../images/down.png) no-repeat center;
    background-size: contain
}

.container .header .search {
    float: right;
    width: 1rem;
    background: url(../images/search.png) no-repeat center center;
    background-size: .64rem auto;
    margin-right: .2rem
}

.container .header .search.off {
    background-image: url(../images/searchclose.png)
}

.container .header .loadbtn {
    float: right;
    overflow: initial
}

.container .header .loadbtn a {
    display: block;
    height: .6rem;
    line-height: .6rem;
    width: 3.47rem;
    background: #f6f6f6;
    color: #5cb6e4;
    box-shadow: 0 2px 3px #3f9ecf;
    border-radius: 50px;
    font-size: .346rem;
    text-align: center;
    text-indent: 0;
    margin-top: .437rem
}

#searchbar {
    position: absolute;
    z-index: 9999;
    top: 1.5rem;
    right: 0;
    left: 0;
    height: 0;
    background-color: #eee;
    transition: all .3s;
    opacity: 0;
    overflow: hidden;
    max-width: 640px
}

.subnav {
    position: absolute;
    right: 0;
    top: 1.5rem;
    z-index: 9999;
    background-color: #fff;
    transition: all .5s;
    padding: 5px 12px;
    display: none
}

.subnav li {
    height: .8rem;
    line-height: .8rem
}

.subnav a {
    font-size: .34rem;
    display: block
}

.subnav.show {
    opacity: 1;
    display: block
}

#searchbar.show {
    opacity: 1;
    height: 1.5rem;
    display: block;
    margin: 0 auto
}

.searchbar-wrapper {
    position: relative;
    height: 1rem;
    margin-top: .25rem;
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: .1rem;
    font-size: .5rem
}

.search-kwd {
    float: left;
    width: 80%;
    background-color: #fff
}

.channelsearch {
    width: 60%
}

.search-kwd input {
    display: block;
    width: 100%;
    border: none;
    outline: 0;
    line-height: 1rem;
    text-indent: 5px;
    font-size: 14px;
    font-family: "微软雅黑"
}

.gary {
    color: #959595!important
}

.search-submit {
    float: left;
    width: 20%;
    background: #5cb6e4;
    border-radius: 5px;
    overflow: hidden
}

.channelbtns {
    width: 40%
}

.search-submit button {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1rem;
    text-align: center;
    outline: 0;
    border: none;
    border-left: 1px solid #ccc;
    background: transparent url(../images/formicon.png) no-repeat center center;
    -webkit-background-size: auto 60%;
    background-size: auto 60%;
    text-indent: -300%;
    overflow: hidden
}

.channelbtns button {
    box-sizing: border-box;
    background: 0 0;
    width: 50%;
    display: inline-block;
    color: #fff;
    text-indent: 0;
    font-size: .346rem;
    font-family: "微软雅黑";
    float: left
}

.channelbtns button:first-of-type {
    border-right: 1px solid #b9ced9
}

.channelbtns button:nth-of-type(2) {
    border-left: 0
}

.searchbarbg {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 999;
    background: rgba(0,0,0,.7);
    display: none
}

.mainnav {
    height: 1rem
}

.nav-container {
    position: relative;
    height: 1rem;
    width: 10rem;
    font-size: .5rem;
    background: #eee;
    border-bottom: 1px solid #ddd
}

.nav-container.fixtop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000
}

.nav-container.fixtop:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.nav-wrapper {
    float: left;
    height: 1rem;
    width: 9rem;
    overflow: hidden
}

.nav-content {
    height: 2rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.nav-list {
    width: 9rem;
    height: 1rem;
    background-color: #eee
}

.nav-item {
    float: left
}

.nav-link {
    display: block;
    font-size: .39rem;
    padding-left: .25rem;
    padding-right: .25rem;
    line-height: 1rem;
    text-decoration: none;
    color: #1f1f1f!important
}

.nav-item-active {
    color: #187dd0!important
}

.nav-more-btn {
    width: 1rem;
    height: 1rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0
}

.nav-more-btn.fixdup {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff
}

.nav-more-btn a {
    display: block;
    width: 1rem;
    height: 1rem;
    -webkit-tap-highlight-color: transparent
}

.nav-more-content {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: auto;
    background-color: #fdfdfd;
    -webkit-transform: scale(0,.1);
    transform: scale(0,.1);
    -webkit-transition: all .2s;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform-origin: 100% 10%;
    transform-origin: 100% 10%;
    max-width: 640px;
    margin: 0 auto
}

.nav-more-content.show {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.nav-list-head {
    position: relative;
    height: 1.2rem;
    z-index: 1;
    background: #fdfdfd
}

.nav-list-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow-x: hidden;
    padding-top: 1.2rem;
    box-sizing: border-box;
}

.nav-more-content h2 {
    font-size: .4rem;
    padding-left: .6rem;
    margin: .5rem 0;
}



.nav-more-content ul {
    margin-bottom: .4rem;
    margin-right: auto;
    /*margin-top: 1.4rem;*/
    margin-left: auto;
    font-size: .4rem;
   overflow: hidden;
}

.nav-more-content .nav-close {
    position: absolute;
    top: .25rem;
    left: .4rem;
    height: 1rem;
    width: 1rem;
    z-index: 2;
    text-indent: 100%;
    cursor: pointer;
    background: url(../images/indexclose.png) no-repeat center;
    background-size: 30px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s .4s;
    transition: all .3s .4s;
    overflow: hidden
}

.nav-close:after,.nav-close:before {
    border-color: #1f1f1f!important
}

.nav-more-content.show .nav-close {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-tap-highlight-color: transparent
}

.nav-more-content ul:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.nav-more-content li {
    width: 1.875rem;
    line-height: 1.1rem;
    text-align: center;
    float: left;
    margin-left: .5rem;
    margin-bottom: .5rem;
    background-color: #f4f5f6;
    border-radius: 5px
}

.topic-list li:first-child {
    font-size: .35rem;
    text-align: center;
    margin-right: .11rem;
    margin-bottom: .11rem;
    background-color: #fff
}

.language-list li:last-child {
    width: 4.11rem
}

.nav-more-content a {
    display: block;
    color: #1f1f1f!important
}

.hotslider,.top-swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: .42rem;
    color: #fff;
    line-height: 1.2
}

.hot-item {
    display: none
}

.hot-item.show {
    display: block
}

.top-swiper img {
    display: block;
    width: 100%;
    height: 5.6rem
}

.hotslider img {
    display: block;
    width: 100%;
    height: 6.11rem
}

.hotslider .swiper-pagination-fraction,.top-swiper .swiper-pagination-fraction {
    position: absolute;
    bottom: .2rem!important;
    right: .2rem!important;
    left: auto;
    width: auto
}

.hotslider .swiper-container,.top-swiper .swiper-container {
    height: 100%;
    overflow: hidden
}

.hotslider .swiper-slide,.top-swiper .swiper-slide {
    position: relative;
    height: 100%
}

.hotslider .swiper-slide a,.top-swiper a {
    display: block;
    position: relative
}

.top-swiper a:after {
    top: 0;
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: .5;
    box-shadow: 0 -1rem .5rem #1f1f1f inset
}

#video-swiper .swiper-slide a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
    background: url(../images/ico_play.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    border-radius: 100%;
    box-shadow: 0 0 10px #1f1f1f;
    margin: auto
}

.hotslider .swiper-slide h3,.hotslider h3,.top-swiper h3 {
    position: absolute;
    z-index: 1000;
    width: 85%;
    left: .2rem;
    bottom: .2rem;
    color: #fff;
    line-height: 1.2;
    font-size: .375rem;
    max-height: .9rem;
    overflow: hidden
}

.hotslider h3 {
    width: 95%
}

.hotslider .swiper-pagination-current,.top-swiper .swiper-pagination-current {
    color: #2D8BDE;
    font-style: italic;
    font-size: .55rem
}

.hotslider .swiper-pagination-total,.top-swiper .swiper-pagination-total {
    font-size: .35rem
}

.column-header .column-tit span {
    display: inline-block;
    padding-left: 10px;
    position: relative;
    font-size: .4rem;
    color: #1f1f1f;
    font-weight: 700
}

.column-header .column-tit span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 10px;
    width: 2px;
    background: #54a9d5
}

.column-orange {
    border-top: 2px solid #ff7b3a;
    margin-top: 12px
}

.column-orange span:before {
    background-color: #ff5145!important
}

.column-orange2 {
    border-top: 2px solid #fc3d00
}

.column-orange2 span:before {
    background-color: #fa3d00!important
}

.column-orange3 {
    border-top: 2px solid #edae27
}

.column-orange3 span:before {
    background-color: #edae27!important
}

.column-orange4 {
    border-top: 2px solid #ff8b62
}

.column-orange4 span:before {
    background-color: #ff8b62!important
}

.column-orange5 {
    border-top: 2px solid #90e156
}

.column-orange5 span:before {
    background-color: #90e156!important
}

.column-red {
    border-top-color: #f95a54
}

.column-red .column-subtits a,.column-red .column-tit {
    color: #f95a54
}

.column-yellow {
    border-top-color: #ffad1f
}

.column-yellow .column-subtits a,.column-yellow .column-tit {
    color: #ffad1f
}

.column-green {
    border-top-color: #078d00
}

.column-green .column-subtits a,.column-green .column-tit {
    color: #078d00
}

.column-blue {
    border-top-color: #148eeb
}

.column-blue .column-subtits a,.column-blue .column-tit {
    color: #148eeb
}

.column-purple {
    border-top-color: #a031f6
}

.column-purple .column-subtits a,.column-purple .column-tit {
    color: #a031f6
}

#column-hotnews {
    background: #fff;
    padding: 1px 0;
    margin-bottom: 15px
}

#column-hotnews .pack {
    font-size: .32rem;
    height: 1rem;
    overflow: hidden;
    line-height: 1rem;
    position: relative
}

#column-hotnews .pack a {
    font-size: .32rem;
    color: #3c3c3c
}

#column-hotnews .pack:before {
    content: '滚动';
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0 .1rem;
    color: #fff;
    font-size: .32rem;
    height: .6rem;
    line-height: .6rem;
    padding: 0 13px;
    border-radius: 8px;
    background: -webkit-linear-gradient(left,#86aff0 ,#8d9bf9);
    background: linear-gradient(left,#86aff0 ,#8d9bf9);
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

#column-hotnews ul li {
    text-indent: 1.6rem;
    height: 1rem;
    overflow: hidden
}

#column-hotnews ul {
    -webkit-transition: all .3s;
    transition: all .3s
}

#column-hardnews .thumb {
    border-top-color: transparent
}

.red-btn {
    float: left;
    color: red;
    border: 1px solid red;
    font-style: normal;
    padding: 0 .1rem;
    border-radius: .1rem;
    font-size: .3rem
}

.blue-btn {
    float: left;
    color: #3988fe;
    box-shadow: 0 0 1px #3988fe;
    font-style: normal;
    height: .53rem;
    line-height: .54rem;
    padding: 0 8px;
    border-radius: .1rem;
    font-size: .3rem;
    margin-left: 1px
}

.topic-swiper {
    margin-bottom: 12px;
    position: relative;
    background: #eee
}

.topic-swiper img {
    display: block;
    width: 100%;
    min-height: 2.5rem;
    height: 2.5rem
}

.topic-swiper .swiper-pagination {
    position: absolute;
    width: 100%;
    bottom: 0;
    line-height: 1;
    text-align: right;
    right: .1rem
}

.topic-swiper .swiper-pagination-bullet {
    margin: 2px
}

.column {
    background-color: #fff;
    margin-bottom: 12px
}

.column-header {
    height: .5rem;
    line-height: .5rem;
    overflow: hidden;
    position: relative;
    padding: 12px 0;
    z-index: 10
}

.column-tit {
    float: left;
    font-size: .5rem
}

.column-subtits {
    float: right;
    font-size: .4rem
}

.column-subtits li {
    float: left;
    margin-left: .5rem;
    position: relative
}

.column-subtits li.active a {
    color: #fa7b1e
}

.column-subtits li.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -13px;
    background: #fa7b1e
}

.pack {
    width: 9.4rem;
    margin: 0 auto;
    overflow: hidden
}

.thumb {
    border-top: 1px solid #eee
}

.thumb-item {
    position: relative;
    padding: .4rem 0
}

.thumb-item:before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    background: #f1f1f1;
    transform: scaleY(.5)
}

.thumb-item:last-child {
    border-bottom-color: transparent
}

.thumb-item:after {
    content: '.';
    visibility: hidden;
    height: 0;
    display: block;
    clear: both
}

.thumb-img {
    float: right;
    width: 2.9rem;
    height: 2.25rem;
    -webkit-background-size: 50% auto;
    background-size: 50% auto;
    font-size: .2rem;
    overflow: hidden;
    text-indent: -10000px
}
.video-thumb{position: relative;}
.video-thumb .shaow{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);}
.video-thumb .shaow:before{
	content: '';
	position: absolute;
	left: 8px;
	bottom: 8px;
	width: 30px;
	height: 30px;
	background: url('../images/mobvideoplay.png') no-repeat;
	background-size: contain;
}

.thumb-img img {
    display: block;
    /*width: 3rem;*/
    height: 2.25rem;
    margin: 0 auto;
}
.video-thumb{width: 2.9rem;height: auto;}
.video-thumb img{width: 2.9rem;height: auto;}
.thumb-info {
    float: left;
    position: relative;
    width: 5.54rem;
    height: 1.9rem
}

.thumb-tit {
    font-size: .43rem;
    line-height: 1.4;
    height: 1.25rem;
    overflow: hidden
}

.thumb-tit a {
    font-size: .375rem;
    color: #1f1f1f
}

.thumb-extra {
    bottom: -.125rem;
    left: 0;
    position: absolute
}

.thumb-extra:after {
    content: ' ';
    clear: both;
    height: 0;
    visibility: hidden;
    display: block
}

.thumb-data {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .32rem;
    color: #959595
}

.thumb-fed .thumb-data {
    right: auto;
    left: 0
}

.thumb-channel .thumb-data {
    left: 0;
    bottom: 0;
    right: auto
}

.thumb-extra span {
    font-size: .3rem;
    color: #aaa
}

.thumb-extra .hot-news,.thumb-extra .keyword,.thumb-text-extra .keyword {
    border: 1px solid #187dd0;
    border-radius: .1rem;
    padding: 0 .1rem;
    font-size: .3rem;
    color: #187dd0;
    float: left
}

.thumb-extra .source,.thumb-text-extra .source {
    float: right;
    margin-top: .02rem;
    font-size: .3rem;
    color: #aaa
}

.thumb-text-tit {
    font-size: .43rem;
    line-height: 1.5;
    width: 6.875rem;
    overflow: hidden;
    padding-left: 12px;
    background: url(../images/listbg.png) no-repeat left .22rem;
    background-size: 4px 4px;
    max-height: 1.12rem;
    overflow: hidden
}

.thumb-text-tit a {
    font-size: .373rem;
    color: #1f1f1f;
    display: block;
    overflow: hidden
}

.thumb-text-extra {
    display: none
}

.thumb-text-item {
    padding: 12px 0;
    position: relative
}

.thumb-text-item:before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    background: #f1f1f1;
    transform: scaleY(.5)
}

.thumb-text-item .thumb-extra {
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    bottom: auto
}

.more-show {
    text-align: center;
    padding: 4px 0
}

.more-show a:after {
    content: '';
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background: url(../images/more.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    vertical-align: middle;
    margin-left: .1rem;
    position: relative;
    top: -1px
}

.no-more a:after {
    background: 0 0;
    width: 0
}

.more-show a {
    text-align: center;
    color: #959595!important;
    display: block;
    padding-bottom: .2rem;
    font-size: .373rem;
    padding-top: .2rem;
    text-indent: .2rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.more-show a img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    height: .281rem
}

.more-show a:hover {
    background-color: #eee;
    color: #1f1f1f!important
}

.thumb-p3 {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee
}

.thumb-p3:after {
    content: '.';
    visibility: hidden;
    height: 0;
    display: block;
    clear: both
}

.thumb-p3-tit {
    line-height: 1.5;
    font-size: .43rem;
    padding-bottom: 12px
}

.thumb-p3-imgs img {
    float: left;
    width: 32%;
    margin-right: 2%;
    height: 2.05rem
}

.thumb-p3-imgs img:last-child {
    margin-right: 0
}

.thumb-p3+.thumb {
    margin-top: -1px
}

.topicbar {
    height: 2.35rem;
    overflow: hidden;
    position: relative;
    background: #eee
}

.topicbar:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/topicbar-bg.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.topicbar-tit {
    position: absolute;
    width: 6.8rem;
    font-size: .45rem;
    line-height: 1.5;
    height: 1.5rem;
    right: .2rem;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    text-shadow: 0 0 1px #ccc
}

.topicbar-tit a {
    color: #fff
}

.topicbar-logo {
    height: 100%;
    width: 3rem;
    background: url() no-repeat center center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

.topicbar-thinker {
    background: -webkit-linear-gradient(left,#00a4da 0,#046ec2 100%);
    background: linear-gradient(90deg,#00a4da 0,#046ec2 100%)
}

.topicbar-thinker .topicbar-logo {
    background-image: url(../images/topicbar-thinker.png)
}

.topicbar-viewpoint {
    background: -webkit-linear-gradient(left,#fca549 0,#fc802e 100%);
    background: linear-gradient(90deg,#fca549 0,#fc802e 100%)
}

.topicbar-viewpoint .topicbar-logo {
    background-image: url(../images/topicbar-viewpoint.png)
}

.topicbar-allmedia {
    background: -webkit-linear-gradient(left,#00a3dd 0,#0090ce 100%);
    background: linear-gradient(90deg,#00a3dd 0,#0090ce 100%)
}

.topicbar-allmedia .topicbar-logo {
    background-image: url(../images/topicbar-allmedia.png)
}

.topicbar-global {
    background: -webkit-linear-gradient(left,#357fa4 0,#073b57 100%);
    background: linear-gradient(90deg,#357fa4 0,#073b57 100%)
}

.topicbar-global .topicbar-logo {
    background-image: url(../images/topicbar-global.png)
}

.topicbar-business {
    background: -webkit-linear-gradient(left,#ff4e4d 0,#c00617 100%);
    background: linear-gradient(90deg,#ff4e4d 0,#c00617 100%)
}

.topicbar-business .topicbar-logo {
    background-image: url(../images/topicbar-business.png)
}

.topicbar-military {
    background: -webkit-linear-gradient(left,#00a4da 0,#046ec2 100%);
    background: linear-gradient(90deg,#00a4da 0,#046ec2 100%)
}

.topicbar-military .topicbar-logo {
    background-image: url(../images/topicbar-military.png)
}

footer {
    /*background: #5cb6e4;*/
   
    color: #fff;
    font-size: .326rem;
    text-align: center
}

a.getmore {
    color: #1f1f1f!important
}

a.getmore:after {
    content: ' >'
}

.topicbar a {
    color: #fff!important
}

.ico-add:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-top: auto;
    margin-bottom: auto;
    height: 40%;
    top: 0;
    bottom: 0;
    border-left: 4px solid #187dd0;
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
}

.ico-add:before {
    content: '';
    position: absolute;
    width: 40%;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    border-top: 4px solid #187dd0;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.keyword {
    display: none
}

.home .keyword {
    display: block
}

.desktop {
    display: none;
    z-index: 990;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 7rem;
    margin-left: -3.6rem;
    height: rem;
    background: url(../images/desktop.png) 0 0 no-repeat;
    background-size: 100% 100%;
    height: 3rem
}

.desktop:before {
    position: absolute;
    content: '+';
    top: 0;
    right: .1rem;
    line-height: 1;
    font-size: .6rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer
}

.desktop-info {
    padding: .6rem .1rem 0 2.2rem
}

.desktop-info span {
    display: block;
    font-size: .4rem;
    line-height: .5rem
}

.desktop-info b {
    position: relative;
    top: 1px;
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background: url(../images/desktop_normal.png) 0 0 no-repeat;
    background-size: 100% auto
}

.desktop-info b.desk-safari {
    background: url(../images/desktop_safari.png) 0 0 no-repeat;
    background-size: 100% auto
}

.columnnav {
    padding: .406rem 0
}

.columnnav-tem {
    width: 3.062rem;
    height: 1.8rem;
    position: relative;
    text-align: center;
    float: left; margin-left: 0.107rem; margin-bottom: 0.107rem;
}

.columnnav-tem a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    font-size: .373rem;
    color: #fff;
    width: 100%;
    text-align: center
}

.columnnav-tem a p {
    height: .5rem;
    overflow: hidden
}

.columnnav-tem a img {
    height: .687rem;
    margin-bottom: 5px
}

.columnnavwrap {
    /* display:flex; */
    flex-wrap: wrap;
    height: 3.75rem;
    // justify-content: space-around;
    margin-left: -0.107rem;
}

.columnnav-tem .bg {
    width: 3.062rem;
    height: 1.8rem
}

.roofwrap {
    padding: .47rem 0 .2rem;
    text-align: center;
}

.roof-art {
    width: 8.06rem;
    height: 1.36rem;
    text-align: center;
    color: #d73b08;
    font-weight: 700;
    display: inline-block;
    position: relative;
    border: 2px solid #d73b08;
    line-height: 1.2
}

.roof-art span,.roof-de span,.roof-fw span,.roof-tj span {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    font-size: 14px;
    max-height: 44px;
    overflow: hidden;
    line-height: 16px
}

.roof-art i {
    overflow: hidden;
    display: block;
    padding-top: 3px;
    font-style: normal;
    font-size: 12px;
    color: #959595;
    line-height: 16px;
    text-align: center
}

.roofwrap .icon {
    position: absolute;
    left: -.4rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    height: .81rem
}

.roof-de span,.roof-fw span,.roof-tj span {
    width: 80%
}

.roof-de,.roof-fw,.roof-tj {
    width: 4.19rem;
    height: 1.36rem;
    text-align: center;
    font-size: .37rem;
    font-weight: 700;
    margin: 0 .1rem;
    display: inline-block;
    position: relative;
    line-height: 16px
}

.roof-tj {
    border: 2px solid #4cc9c1;
    color: #4cc9c1
}

.roof-fw {
    border: 2px solid #eecf68;
    color: #eecf68
}

.roof-pj {
    border: 2px solid #d5b026;
    color: #d5b026
}

.roof-pt {
    border: 2px solid #a80e0e;
    color: #a80e0e
}

.roof-rc {
    border: 2px solid #c5242c;
    color: #c5242c
}

.roof-zy {
    border: 2px solid #ff6c00;
    color: #ff6c00
}

.roof-pl {
    border: 2px solid #66bae5;
    color: #66bae5
}

.roof-cb {
    border: 2px solid #92aaf6;
    color: #92aaf6
}

.headernews {
    padding: .4rem 0;
    position: relative
}

.headernews:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background: #f0f0f0;
    transform: scaleY(.5)
}

.headernews .thumb-img {
    width: 3.125rem;
    height: 4.17rem;
    float: left
}

.headernews .thumb-img img {
    width: 3.125rem;
    height: 4.17rem
}

.headernews .thumb-img.lit-img,.headernews .thumb-img.lit-img img {
    width: 3.24rem;
    height: 4.17rem
}

.headernews .thumb-info {
    width: 5.67rem;
    float: right
}

.headernews .thumb-tit {
    height: 1.25rem;
    margin-bottom: .15rem;
    overflow: hidden
}

.headernews .thumb-tit a {
    color: #1f1f1f;
    font-size: .373rem
}

.headernews .thumb-text {
    font-size: .32rem;
    color: #959595;
    height: 2.88rem;
    overflow: hidden;
    line-height: 1.5
}

.videothumb {
    position: relative
}

.videothumb .shaow {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3) url(../images/icon11.png) no-repeat center center;
    background-size: 1rem 1rem
}

.videothumb a {
    display: block
}

.videothumb img {
    width: 100%;
    height: 5.29rem
}

.videotit {
    position: absolute;
    left: .265rem;
    bottom: .265rem;
    right: .265rem;
    font-size: 14px;
    color: #fff;
    max-height: 32px;
    overflow: hidden;
    line-height: 16px
}

.videolist{padding: .2rem 0;}
.videolist .videothumb{width:4.6rem;float: left;margin-bottom: .2rem;}
.videolist .videothumb .videothumb-img{position: relative;}
.videolist .videothumb img{height: auto;width: 100%;}
 .videotit-t .videotit{position: inherit;color: #333;padding: 0.2rem 0;height: 26px;line-height: 16px; overflow: hidden;display: block;}
.videolist  .videothumb .shaow{background-size: 30px;}
.videolist .videothumb:nth-of-type(2n){float: right;}

.picwrap {
    overflow: hidden;
}

.picwrap .pic-item {
	float: left;
    position: relative;
    width: 4.93rem;
    height: 3.7rem;
    position: relative
}
.picwrap .pic-item:nth-of-type(2){
	float: right;
}

.picwrap .pic-item img {
    width: 100%;
    height: 100%
}

.picwrap .pic-item .picitem-tit {
    left: 0;
    right: 0;
    text-align: center;
    bottom: 8px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    max-height: 28.8px;
    overflow: hidden;
    line-height: 1.2
}

.article {
    padding-top: .5rem;
    background: #fff
}

.arttitle {
    font-size: .47rem;
    line-height: .55rem;
    padding: 0 1.1rem;
    margin-bottom: .23rem;
    text-align: center
}

.art-info {
    text-align: center;
    font-size: .27rem;
    color: #999
}

.art-info span {
    margin: 0 10px
}

.artmain img {
    width: 100%;
    margin: .26rem 0
}

.artmain .small-t {
    color: #5cb6e4;
    text-align: center;
    text-indent: 0
}

.artmain p {
    font-size: .38rem;
    color: #444;
    line-height: .56rem;
    margin-bottom: .5rem;
    text-indent: 2em
}

.morebtn {
    display: block;
    height: .875rem;
    line-height: .875rem;
    text-align: center;
    border: 1px solid #5cb6e4;
    color: #5cb6e4;
    font-size: .35rem;
    color: #5cb6e4;
    border-radius: 5px
}

.morebtn:after {
    content: '';
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background: url(../images/detailmore.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    vertical-align: middle;
    margin-left: .1rem
}

.morebtn:active {
    color: #5cb6e4
}

.article .edit {
    text-align: right;
    padding-bottom: .5rem;
    color: #999;
    font-size: .32rem
}

.code_img {
    text-align: center;
    padding: .5rem 0 1rem
}

.code_img a {
    display: inline-block;
    width: 36%;
    margin: 0 1%;
    font-size: .4rem;
    color: #444;
    line-height: .5rem
}

.code_img img {
    width: 100%
}

.toplink {
    padding: .312rem 0;
    background: #fff
}

.toplink a {
    display: block;
    padding: 0 1rem;
    font-size: .426rem;
    line-height: .6rem;
    font-weight: 700;
    color: #212121;
    text-align: center
}

.ztbtns {
    padding: .365rem 0 .1rem;
    text-align: center;
    position: relative
}

.ztbtns a {
	display: inline-block;
    width: 4rem;
    height: 1rem;
    padding: .1rem .2rem;
    line-height: .5rem;
    text-align: center;
    font-size: .37rem;
    color: #fff;
    border-radius: 4px;
    background: #ff7444;
    /*margin-bottom: .265rem*/
}

.ztbtns p {
    height: 1rem;
    margin: .3rem 0;
    display: table-cell;
    width: 3.9rem;
    overflow: hidden;
    vertical-align: middle;
    text-align: center
}

.ztbtns:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    height: 1px;
    background: #f1f1f1;
    transform: scaleY(.5)
}

.ztbtns:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    background: #f1f1f1;
    transform: scaleY(.5)
}

.columntabheader {
    position: relative
}

.columntabheader:before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    background: #f1f1f1;
    transform: scaleY(.5)
}

.column-orange6 {
    border-top: 2px solid #43a1fc;
    padding: 0;
    height: 1.156rem;
    line-height: 1.156rem
}

.columntabheader li {
    float: left;
    width: 50%;
    text-align: center;
    font-size: .4rem;
    color: #959595;
    font-weight: 700;
    position: relative;
    cursor: pointer
}

.columntabheader li.active {
    color: #1f1f1f
}

.columntabheader li.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: .05rem;
    background: #5cb6e4;
    left: 0;
    bottom: 0
}

.column-tabbody .thumb-text {
    display: none
}

.column-tabbody .show {
    display: block
}

.leaderpic {
    padding: 0 0 1rem;
    background: url(../images/leaderbg1.jpg) no-repeat center top,url(../images/leaderbg2.jpg) no-repeat center bottom;
    background-size: contain
}

.leaderpack {
    width: 8.95rem;
    margin: 0 auto
}

.leader-myzx.leader-top .leaderwrap{
    float: none !important;
}

.leader-top .leaderwrap:nth-of-type(1) {
    float: left
}

.leader-top .leaderwrap:nth-of-type(2) {
    float: right
}

.leaertit {
    text-align: center
}

.t1 {
    height: .36rem
}

.t2 {
    height: .41rem
}

.t4 {
    height: .765rem;
    margin-bottom: 5px
}

.t5 {
    height: .375rem
}

.leaderitem {
	display: inline-block;
    width: 1.125rem;
    text-align: center;
    margin: 0 .18rem
}

.leaderitem .itempic {
    width: 1.125rem;
    height: 1.453rem;
    display: block
}

.leaderitem .name {
    font-size: .32rem;
    color: #2d2d2d;
    display: block
}

.leadercon1 {
    width: 1.125rem;
    margin: 0 auto
}

.leadercon1 .name {
    padding-top: 5px
}

.leadercon {
    overflow: hidden;
    text-align: center;
    font-size: .32rem;
    color: #2d2d2d;
    line-height: .468rem;
    margin: 0 -0.22rem
}

.leadercon .p2 {
    margin: 0 -5px
}

.leader-center .name {
    margin-top: .3rem
}

.leader-center {
    margin-bottom: 10px
}

.leader-bottom .name {
    margin: .3rem 0
}

.leader-bottom p {
    margin: 0 -6px
}

.leader-thumb .thumb-text-tit {
    width: 8.9rem
}

.column-leader {
    position: relative
}

.column-leader:before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    background: #f1f1f1
}

.column-leader .line2 {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #438dfd;
    right: 0;
    top: 0
}

.detailinfo {
    padding: 1.12rem 0 .9rem;
    font-size: .32rem;
    line-height: .53rem;
    text-indent: 2em
}

.packlead {
    width: 8.88rem;
    margin: 0 auto
}

.detailimg {
    display: block;
    width: 6.7rem;
    margin: 0 auto .38rem
}

.column-leaderdetail {
    text-align: center
}

.leaderdetailtit {
    height: .47rem
}

.packlead .thumb-text-tit {
    width: auto
}

.recordlist {
    padding-bottom: .2rem;
    font-size: .373rem;
    line-height: .57rem;
    color: #444
}

.recordlist .dt {
    font-weight: 700;
    margin-right: .87rem
}

.recordlist li {
    margin-bottom: .25rem
}

.ofauto {
    overflow: initial
}

.fixedtop {
    position: fixed;
    top: 0;
    width: 10rem;
    background: #fff;
    z-index: 99999
}

.wauto {
    width: auto
}

.bgfff {
    background: #fff
}

.mescrollfix {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 1.7rem;
    height: auto;
    z-index: 1
}

.footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 0
}
footer .footercon{
	 max-width: 640px;
    margin:0 auto;
    background: #5cb6e4;
    padding: 0 0 .45rem;
    
}
.mescroll-upwarp {
    padding: 0;
    margin-top: -12px
}

.newlist {
    font-size: 16px
}

.bgeee {
    background: #eee
}

.pic43 img {
    width: 9.2rem;
    height: 6.9rem;
}

.pic169 img {
    width: 9.2rem;
    height: 5.625rem;
}

.pic426 img {
    width: 9.2rem;
    height: 5.98rem;
}

.ch-con {
    padding: 0.4rem;
    background: #fff;
    margin-bottom: 12px;
}

.ch-con .headernews {
    padding: 0;
}

.ch-con .headernews:before {
    height: 0;
}

.notice {
    margin-top: 12px;
}