@charset "utf-8";
@font-face {
  font-family: 'Amplitude-Light';
  src: url('../font/Amplitude-Light.ttf');
  font-weight: normal;
  font-style: normal;
}
body,div,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p,span,img,form,table,th,td{ margin:0; padding:0;}
body, input, textarea, select, button {padding:0;margin:0;word-wrap:break-word;line-height: normal;}
h1,h2,h3,h4,h5{font-size:14px;outline:0;margin:0}
ol, ul {list-style:none}
img {border: 0;}
table {border-collapse:collapse;border-spacing:0;}
html {-webkit-font-smoothing: antialiased;}
body{font-size:14px;line-height: 1.6;word-wrap:break-word;background: #f3f3f3;color:#111;font-family: "Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif;}
input, textarea {color: #999;font-size: 14px;}
:focus {outline:0}
a {
    text-decoration:none;
    color: #111;
    outline:none;
}
a:hover {text-decoration:none;color: #ef303c;outline:none;}
a:visited {outline:none;}
a:active {outline:none;}

/* common*/
#overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:999;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.clear {clear: both;}
.urhere {margin-top: 10px;background: #f5f5f5;height: 35px;line-height: 35px;padding-left: 10px;}
.urhere a {margin: 0 5px;}
.container {position: relative;}
.title {line-height: 1.4;}
.showmsg {background: #f9f9f9;margin-top: 30px;text-align: center;padding: 150px;}
.popover.top {height: auto;line-height: 1.4;background: #fff;border-bottom: none;}
.cursor{cursor: pointer;}
.cursor:hover{color: #ef303c;}
.hidden-node{display: none;}
.width-cover{width:100%};

/* home header */
#home-top-banner-close {position: absolute;width: 1200px;margin: 0 auto;display: none;top: 0;}
#home-top-banner {position: relative;width: 1200px;margin: 0 auto;display: none;}
#close-home-top-banner {position: absolute;width: 20px;height: 50px;right: -30px;top: 0;cursor: pointer;background: url(../images/closearrow.gif);}
#open-home-top-banner {position: absolute;width: 20px;height: 50px;right: -40px;top: 0;cursor: pointer;background: url(../images/uparrow.gif);}

/* header */
.top {height: 70px;background: #d70000;}
.top .container {background: transparent;}
.top-info {float: right;font-size: 14px;color: #fff;padding-top: 12px;position: relative;display:flex;flex-direction:row;align-items: center;}
.logo {float: left;width: 225px;margin-top: 15px;}
.logo img {width: 100%;}
.home-header-search {text-align: right;margin-top: 5px;position: relative;}
.home-search {float: left;width: 240px;height: 36px;position: relative;}
#home-search-keyword {float: left;width: 240px;border: 1px solid #ddd;border-radius: 6px;height: 36px;line-height: 30px;padding-left: 35px;background: #fff;color: #333;font-size: 16px;}
#home-search-submit {border: none;background: url(../images/icon-header-search.png);width: 20px;height: 21px;position: absolute;top: 8px;left: 8px;}
.hot-search-keywords {float: left;margin-left: 15px;color: #666;}
.hot-search-keywords a {color: #666;text-decoration: underline;margin-left: 10px;}
/* .header-user {float: left;margin-top: 4px;} */
.header-user .login-user {float: left;margin-left: 20px;margin-top: 5px;color: #fff;}
.header-user .login-user img {width: 28px;height: 28px;border-radius: 50%;}
.header-user .logout-btn {margin-left: 20px;line-height: 28px;color: #fff;}
.header-user .login-btn {color: #fff;float: left;margin-left: 20px;margin-top: 5px;font-size: 16px;font-weight: bold;}
.header-user .header-and {color: #ccc;float: left;margin-left: 10px;margin-top: 5px;font-size: 18px;font-weight: bold;}
.header-user .register-btn {color: #fff;float: left;margin-left: 10px;margin-top: 5px;font-size: 16px;font-weight: bold;}
.header-user .register-btn.subscribe-btn{color: #cc9900;}
/* #header-user{position: absolute;right: 0;top: 0;} */
.header {font-size: 16px;height: 50px;background: #0d3387;}
.header .container {background: transparent;}
.header-line {padding-bottom: 20px;border-bottom: 2px solid #eee;}
.home-top {height: 160px;}
.home-top .logo {margin-top: 37px;width: 440px;}
.home-top .top-info {padding-top: 60px;}
.main-nav {box-sizing: content-box;height: 50px;position: relative;}
.main-nav-link {width: 10%;float: left;color: #fff;text-align: center;line-height: 50px;font-size: 20px;}
.main-nav-link i {color: #5c6bc0;}
.main-nav-link:hover, .main-nav-link.active {color: #fff;background: #303f9f;font-weight: bold;}
.main-nav-link:hover i, .main-nav-link.active i {color: #fff;font-weight: bold;}
.main-nav-link-home {margin-left: 10%;font-weight: bold;color: #fdd835;}
.main-nav-link-home:hover {font-weight: bold;color: #fdd835;background: #0d3387;}
.sub-nav {width: 100%;position: absolute;z-index: 99;top: 50px;left: 0;height: 100px;display: none;}
.sub-nav-list {width: 16%;position: absolute;font-size: 18px;background: rgba(48, 63, 159, 0.9);border-radius: 0 0 8px 8px;padding: 8px 0;display: none;}
.sub-nav-list a {display: block;color: #9fa8da;height: 40px;line-height: 40px;padding-left: 16%;}
.sub-nav-list a:hover, .sub-nav-list a.active {background: rgba(92, 107, 192, 0.9);color: #fff;}
#sub-nav-list-1 {border-color: #1d2089;left: 20%;}
#sub-nav-list-3 {border-color: #4a4da1;left: 40%;}
#sub-nav-list-4 {border-color: #ec3341;left: 50%;}
#sub-nav-list-5 {border-color: #7779b8;left: 60%;}
#sub-nav-list-7 {border-color: #7779b8;left: 30%;}
#sub-nav-list-8 {border-color: #dedef6;left: 70%;}
.mini-header {height: 62px;border-bottom: 2px solid #eee;}
.mini-logo {width: 190px;height: 50px;float: left;margin-top: 5px;}
.mini-logo img {height: 50px;float: left;}
.mini-main-nav {float: left;width: 1100px;line-height: 60px;font-size: 16px;}
.mini-main-nav a {float: left;width: 11%;text-align: center;}
.mini-main-nav a.index-nav{width: 12%;}

/* home footer */
.home-footer {background: url(../images/footer-logo.png) left 23px no-repeat;color: #404040;padding: 20px 0 25px 230px;margin-top: 60px;border-top: 2px solid #666;}
.home-footer .image-links a {margin: 0 20px;}
.home-footer-nav {margin-top: 10px;}
.home-footer-nav a {color: #404040;}
.home-footer-nav span {padding: 0 8px;}
.home-footer .footer-copyright {color: #999;}
.home-footer .footer-copyright a {color: #999;}

/* footer */
.footer {background: #fff;border-top: 1px solid #e5e5e5;margin-top: 65px;padding: 5px 0 25px;text-align: center;}
.footer-copyright {margin-top: 15px;color: #404040;}
.footer-copyright img {margin-right: 10px;}

/* page */
.page{width:100%;text-align:center;overflow:hidden;display: inline-block;margin-top: 15px;}
.page-list {float:left;position:relative;left:50%;}
.page-list li{float:left;margin:3px;position:relative;right:50%;}
.page a{border: 1px solid #999;height: 26px;display: block;line-height: 26px;color: #555;padding: 0px 8px;}
.page a.current, .page a:hover{background: #ef303c;color: #fff;}
.page a.last{line-height: 20px;}

/* home */
.home-body {background: #fff;}
.home-hot-news {height: 40px;line-height: 40px;background: #ecebf7;margin-top: 15px;text-align: center;font-size: 16px;overflow: hidden;}
.home-hot-news span {font-weight: bold;}
.home-hot-news a {color: #000;}
.home-hot-news-container .swiper-slide {height: 40px;width: 100%;}
.home-menu a {height: 30px;margin: 20px 0;display: block;font-size: 34px;line-height: 30px;padding-left: 12px;font-family: Amplitude-Light;}
.home-menu img {position: absolute;top: 0;}
.home-menu .link1 {border-left: 3px solid #1d2089;margin-top: 12px;}
.home-menu .link2 {border-left: 3px solid #e70012;}
.home-menu .link3 {border-left: 3px solid #4a4da1;}
.home-menu .link4 {border-left: 3px solid #ec3341;}
.home-menu .link5 {border-left: 3px solid #7779b8;}
.home-menu .link6 {border-left: 3px solid #f16671;}
.home-menu .link7 {border-left: 3px solid #a5a6d0;}
.home-menu .link8 {border-left: 3px solid #dedef6;}
.home-top-banner {margin-top: 10px;}
.home-banner {overflow: hidden;}
.home-banner .col-sm-5 {padding: 30px 15px 15px 55px;}
.home-banner .title {font-size: 30px;font-weight: bold;line-height: 1.1;max-height: 68px;overflow: hidden;}
.home-banner .description {margin-top: 10px;color: #666;max-height: 110px;overflow: hidden;}
.home-banner .link {margin-top: 30px;}
.home-banner .link a {height: 34px;line-height: 34px;padding-left: 45px;background: url(../images/icon-arrow-right.png) left top no-repeat;font-weight: bold;display: inline-block;}
.home-top-banner .pagination {width: 100%;margin: 10px 0 0 0;z-index: 9;position: absolute;left: 30px;bottom: 30px;}
.home-top-banner .swiper-pagination-bullet{display:inline-block;width:15px;height:15px;border-radius:50%;border: 2px solid #333;margin:0 10px;cursor:pointer;background: none;box-shadow: none;}
.home-top-banner .swiper-pagination-bullet-active {width: 30px;height: 15px;border-radius: 10px;border: none;background: #0ddca8;}
.home-top-banner .prev-next-btns {width: 105px;height: 30px;background: url(../images/icon-banner-btn.png);position: absolute;z-index: 99;right: 20px;bottom: 20px;}
#home-focus-prev {position: absolute;width: 50px;height: 30px;left: 0px;top: 0px;}
#home-focus-next {position: absolute;width: 50px;height: 30px;right: 0px;top: 0px;}
#home-vote-btn {width: 95px;height: 103px;background: url(../images/icon-vote-btn.png);position: fixed;z-index: 999;top: 500px;display: none;}
#home-vote-btn:hover {background: url(../images/icon-vote-btn-active.png);}
.home-report-item {margin-top: 25px;}
.home-report .title {font-size: 20px;font-weight: bold;height: 34px;line-height: 34px;overflow: hidden;}
.home-report .description {height: 70px;overflow: hidden;margin-top: 3px;}
.home-gallery-item {margin-top: 25px;}
.home-gallery .title {margin-top: 10px;font-weight: bold;font-size: 18px;height: 50px;overflow: hidden;}
.home-view {margin-top: 60px;}
.view-recommend1 .title {height: 45px;line-height: 45px;font-size: 22px;font-weight: bold;overflow: hidden;}
.view-recommend1 .description {height: 40px;overflow: hidden;}
.view-recommend-list1 {margin-top: 15px;border-top: 1px dashed #ccc;padding-left: 15px;padding-top: 10px;}
.view-recommend-list1 li {list-style-type: square;line-height: 30px;height: 30px;width: 49%;padding-right: 1%;float: left;overflow: hidden;}
.view-recommend-list2 .recommend-title {border-top: 5px solid #526FC7;padding-top: 5px;font-size: 22px;font-weight: bold;}
.view-recommend-item2 {margin: 5px 0;}
.view-recommend-item2 .title {height: 40px;overflow: hidden;font-weight: bold;}
.home-category-left {width: 145px;float: left;}
.home-category-right {width: 145px;float: left;margin-left: 14px;}
.w700-margin-top30 {border-left: 1px solid #eee;box-sizing: border-box;}
.home-category-recommend1 {width: 882px;margin-left: 20px;float: left;}
.home-category-recommend2 {width: 410px;margin-left: 15px;float: left;}
.home-category-recommend3 {width: 410px;float: left;}
.home-category-recommend2 .line {border-bottom: 1px solid #eee;margin-top: 15px;}
.home-category-recommend3 .line {border-bottom: 1px solid #eee;margin-top: 15px;}
.home-category-recommend2 .recommend-large .title {font-size: 20px;font-weight: bold;height: 40px;line-height: 40px;overflow: hidden;}
.home-category-recommend2 .recommend-list {margin-top: 5px;}
.home-category-recommend2 .recommend-item {margin-top: 15px;}
.home-category-recommend2 .recommend-list .cover {width: 34%;float: left;}
.home-category-recommend2 .recommend-list .title {width: 62%;margin-left: 2%;float: left;margin-top: 10px;font-size: 18px;font-weight: bold;line-height: 1.2;}
.home-category-recommend3 .recommend-large .title {font-size: 20px;font-weight: bold;height: 40px;line-height: 40px;overflow: hidden;}
.home-category-recommend3 .recommend-list {margin-top: 15px;}
.home-category-recommend3 .recommend-item {margin-top: 25px;}
.home-category-recommend3 .recommend-list .title {margin-top: 15px;font-size: 14px;font-weight: bold;height: 40px;overflow: hidden;}
.home-category-recommend4 .row {margin-left: -5px;margin-right: -5px;}
.home-category-recommend4 .col-lg-6, .home-category-recommend4 col-md-6, .home-category-recommend4 col-sm-4 {padding-left: 5px;padding-right: 5px;margin-bottom: 5px;}
.home-category-recommend4 .title {height: 48px;overflow: hidden;}
.home-category-title {width: 145px;height: 145px;padding-top: 45px;font-size: 26px;color: #fff;text-align: center;line-height: 1;}
.home-category-title a {color: #fff;}
.home-category-title1 {background: #526FC7;}
.home-category-title2 {background: #c13d79;}
.home-category-title3 {background: #439b83;}
.home-category-title4 {background: #3a86a8;}
.home-category-title5 {background: #d9962d;}
.home-category-title6 {background: #F16570;}
.home-category-title7 {background: #A4A5CF;}
.category-sub-nav a {display: block;height: 50px;line-height: 48px;border: 1px solid #ddd;font-size: 24px;margin-top: 20px;text-align: center;}
.category-sub-nav a:hover {line-height: 50px;border: none;color: #fff;}
.category-sub-nav a.news:hover {background: #ff80ab;}
.category-sub-nav a.style:hover {background: #80cbc4;}
.category-sub-nav a.living:hover {background: #00b8d4;}
.category-sub-nav a.week:hover {background: #ffa726;}
.home-category-goto {margin-top: 25px;}
.home-category {margin-top: 35px;}
.home-category-news{margin-top: 45px;padding-bottom: 35px;border-bottom: 1px solid #ddd;}
.line-title {border-bottom: 3px solid #999;text-align: center;margin-top: 10px;}
.line-title span {position: relative;top: 20px;background: #fff;font-size: 24px;padding: 0 30px;}
.home-video {border-top: 2px solid #eee;border-bottom: 2px solid #eee;background: #fafafa;margin-top: 30px;padding-top: 40px;}
.home-video .container {background: #fafafa;}
.line-title span.home-video-title-icon {background: #fafafa url(../images/icon-tv.jpg) 30px 0px no-repeat;padding-left: 60px;}
.line-title span.home-radio-title-icon {background: #fafafa url(../images/Antenna.png) 30px 3px no-repeat;padding-left: 65px;background-size: 25px 25px;}
.home-video-title {text-align: center;}
.home-video-title a {font-size: 30px;font-weight: bold;}
.home-video-title a span {margin-left: 10px;color: #666;}
.home-video-title a:hover {color: #333;}
.home-video-title .line {border-top: 2px solid #666;width: 70px;margin: 10px auto;}
.home-video-list {margin-top: 30px;margin-bottom: 50px;}
.home-video-list div .cover {overflow: hidden;position: relative;}
.home-video-list div .cover .icon {width: 31px;height: 31px;position: absolute;left: 20px;bottom: 20px;background: url(../images/icon-video.png);}
.home-video-list div .cover .icon-cat-hottv {background: rgba(0,0,0,0) url(../images/icon-cat-hottv.png) center no-repeat;}
.home-video-list div .cover .icon-cat-newstv {background: rgba(0,0,0,0) url(../images/icon-cat-newstv.png) center no-repeat;}
.home-video-list div .cover .icon-cat-arttv {background: rgba(0,0,0,0) url(../images/icon-cat-arttv.png) center no-repeat;}
.home-video-list div .cover .icon-cat-cityspy {background: rgba(0,0,0,0) url(../images/icon-cat-cityspy.png) center no-repeat;}
.home-video-list div .cover .icon-cat-foodie {background: rgba(0,0,0,0) url(../images/icon-cat-foodie.png) center no-repeat;}
.home-video-list div .cover .icon-cat-fashiontv {background: rgba(0,0,0,0) url(../images/icon-cat-fashiontv.png) center no-repeat;}
/* .home-video-list div .cover .icon:hover {background: rgba(0,0,0,0.1) url(../images/video-icon.png) center no-repeat;} */
.home-video-list div .title {font-size: 22px;height: 25px;line-height: 25px;overflow: hidden;margin-top: 10px;}
.home-video-list div .description {margin-top: 15px;height: 66px;overflow: hidden;color: #666;}
.home-radio-cover {height: 180px;}
.home-radio-cover img {height: 100%;max-width: 120%;position: relative;left: -25px;}
.home-title{font-size: 30px;margin-top: 40px;font-weight: bold;}
.home-top-article {margin-top: 40px;}
.home-right-box .top-title {font-size:30px;font-weight: bold;border-bottom: 2px solid #666;padding-bottom: 5px;margin-top: 20px;}
.top-article-list {margin-top: 10px;}
.top-article-list li {height: 30px;line-height: 30px;overflow: hidden;}
.top-article-list li span {width: 15px;height: 15px;line-height: 15px;text-align: center;display: inline-block;background: #aaa;color: #fff;font-size: 12px;margin-right: 10px;}
.top-article-list li span.red {background: #FC2A1D;}
.home-vote-bg {width: 100%;height: 100%;position: fixed;z-index: 999;background: rgba(255, 255, 255, 0.8);left: 0;top: 0;display: none;}
.home-vote {width: 420px;height: 340px;position: absolute;border: 1px solid #ddd;padding: 25px 40px;background: #fff;top: 200px;left: 50%;}
.home-vote .vote-close {position: absolute;right: 30px;top: 20px;font-size: 24px;}
.home-vote .title {margin-top: 20px;font-size: 18px;}
.home-vote .top-title {margin-top: 0px;}
.home-vote .option-list li {margin-top: 10px;font-size: 16px;color: #666;}
.home-vote .option-list label {font-weight: normal;margin: 0;}
.vote-submit-btn {margin-top: 25px;width: 95px;height: 35px;background: #424242;border: none;color: #fff;font-size: 16px;float: left;}
.vote-cancel-btn {margin-top: 25px;width: 95px;height: 35px;border: 2px solid #424242;color: #333;font-size: 16px;float: left;text-align: center;line-height: 31px;margin-left: 20px;}
.vote-cancel-btn:hover {color: #333;}
.home-follow {margin-top: 20px;}
.home-follow-list a {width: 100%;height: 36px;line-height: 36px;display: block;margin-top: 20px;padding-left: 50px;font-size: 18px;border-radius: 18px;}
.home-follow-list a.weibo {background: url(../images/icon-weibo.png) left no-repeat;}
.home-follow-list a.weibo:hover {background: #ffcdd2 url(../images/icon-weibo.png) left no-repeat;color: #c62828;}
.home-follow-list a.weixin {background: url(../images/icon-weixin.png) left no-repeat;}
.home-follow-list a.weixin:hover {background: #dcedc8 url(../images/icon-weixin.png) left no-repeat;color: #558b2f;}
.home-follow-list a.rss {background: url(../images/icon-rss.png) left no-repeat;}
.home-follow-list a.rss:hover {background: #ffecb3 url(../images/icon-rss.png) left no-repeat;color: #ff8f00;}
.home-right-page {margin-top: 30px;}
.home-right-page img {max-width: 100%;}

/* article */
.article-list {margin-top: 15px;}
.article-item {border-bottom: 1px solid #e5e5e5;margin-top: 30px;padding-bottom: 30px;}
.article-item .info h3 {font-size: 28px;line-height: 1.1;}
.article-item .article-author {margin-top: 10px;color: #555;}
.article-item .article-author span {color: #555;}
.article-item .description {margin-top: 15px;color: #555;}
.article-author {margin-top: 10px;}
.article-author li {float: left;margin-right: 20px;}
.article-author span {color: #111;margin-right: 5px;}

.article-detail {margin-top: 20px;}
.article-container,.video-container{width:100%;padding:0 8%;}
.article-goto{margin-top:15px;}
.article-gallery {width: 720px;height: 450px;}
.article-image {width: 720px;height: 450px;margin:0 auto;position: relative;text-align: center;margin-top: 10px;}
.article-image-head {width: 720px;margin:0 auto;background: url(../images/icon-gallery.png) left no-repeat;padding-left: 45px;color: #666;font-size: 16px;border-bottom: 2px solid #ebebeb;padding-bottom: 10px;margin-top: 30px;}
.article-image img {max-width: 100%;max-height: 100%;}
.article-image .pagination {position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;z-index: 999;}
.swiper-pagination-bullet{display:inline-block;width:10px;height:10px;border-radius:10px;background:#000;box-shadow:0px 1px 2px #555 inset;margin:0 10px;cursor:pointer;}
.swiper-active-switch{background: #000;box-shadow: none;}
.article-image-description {width: 720px;margin:0 auto;margin-top: 15px;padding-bottom: 10px;border-bottom: 2px solid #ebebeb;margin-bottom: 30px;color: #555;}

.article-detail h1 {font-size: 32px;border-top: 10px solid #eaeaea;padding-top: 5px;line-height: 1.2;}
.article-fields {margin-top: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;position: relative;}
.article-fields p {float: left;}
.article-fields p span {color: #ff331a;font-size: 16px;font-weight: bold;}
.article-fields .share-btn {float: right;background: url(../images/icon-share.png) left no-repeat;padding-left: 15px;}
#baidu-share {width: 180px;height: 60px;border: 1px solid #eee;border-radius: 3px;position: absolute;bottom: -1px;right: -185px;z-index: 999;padding-top: 10px;padding-left: 10px;background: #fff;display: none;}
#baidu-share.baidu-share2 {right: 50px;}
.bd_weixin_popup {box-sizing: content-box;}
.article-fields .comment-btn {float: right;background: url(../images/icon-comment.png) left no-repeat;padding-left: 20px;margin-right: 10px;}
.article-info {margin-top: 5px;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;line-height: 2;}
.article-info span {color: #999;margin-right: 5px;}
/* .article-info i {color: #999;margin-right: 5px;} */
.article-info .author li {float: left;margin-right: 30px;}
.article-description {margin-top: 15px;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;color: #404040;font-weight: bold;}
.article-description span {color: #999;}
.article-tags {margin-top: 15px;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;color: #404040;}
.article-tags span {color: #111;font-weight: bold;}
.article-tags a {color: #404040;margin: 0 5px;}
.article-hot-comment {background: #f5f5f5;margin-top: 20px;padding: 10px 20px;color: #666;margin-bottom: 15px;}
.article-hot-comment .head {font-size: 16px;font-weight: bold;border-bottom: 1px dashed #999;padding-bottom: 5px;color: #333;}
.article-hot-comment .nickname {margin-top: 8px;color: #111;}
.article-hot-comment .content {margin-top: 5px;border-bottom: 1px dashed #999;padding-bottom: 10px;line-height: 1.2;}
.article-hot-comment .btns {margin-top: 15px;text-align: center;}
.article-hot-comment .btns a {width: 152px;display: inline-block;}
.article-hot-comment .btns a img {width: 100%;}
.article-hot-comment .btns .comment-open {margin-left: 20px;}
.article-comment {background: #f8f8f8;padding: 15px 25px;display: none;}
.article-comment .head {border-bottom: 2px solid #aaa;padding-bottom: 5px;}
.article-comment .head .title {float: left;font-size: 18px;}
.article-comment .comment-title {border-bottom: 2px solid #aaa;padding-bottom: 5px;font-size: 18px;margin-top: 30px;}
.article-comment .head .comment-back {float: right;}
.comment-login {background: #fff;border: 1px solid #ddd;text-align: center;height: 110px;line-height: 110px;margin-top: 15px;color: #555;}
.no-comment {text-align: center;height: 110px;line-height: 110px;}
.comment-editor textarea {background: #fff;border: 1px solid #ddd;width: 100%;height: 110px;margin-top: 15px;color: #555;padding: 5px;}
.comment-seccode {width: 100px;height: 30px;}
#comment-submit-btn {background: #4f4f4f;color: #fff;width: 100px;height: 30px;line-height: 30px;text-align: center;margin-left: 30px;display: inline-block;border-radius: 2px;}
.comment-item {margin-top: 20px;padding-top: 20px;border-top: 1px dashed #ccc;}
.comment-item .avatar {padding-right: 0;}
.comment-item .nickname {float: left;}
.comment-item .comment-time {float: right;color: #999;font-size: 12px;}
.comment-item .comment-content {margin-top: 5px;color: #555;}
.comment-item .comment-footer {margin-top: 5px;text-align: right;font-size: 12px;}
.comment-like-btn {background: url(../images/icon-like.png) left no-repeat;padding-left: 20px;color: #ff331a;}
.comment-unlike-btn {background: url(../images/icon-unlike.png) left no-repeat;padding-left: 20px;margin-left: 10px;color: #51ad6b;}
.comment-box {width: 100%;position: absolute;left: 0;top: 0;z-index: 1999;}
.article-comment .head .comment-close {float: right;margin-top: -5px;}
.article-fields .read-number{margin-right: 15px;}
.article-fields .comment-btn2 {float: right;background: url(../images/icon-comment.png) left no-repeat;padding-left: 20px;margin-right: 10px;}
#comment-alert {width: 300px;height: 130px;background: rgba(0, 0, 0, 0.3);text-align: center;padding: 3px;border-radius: 10px;position: fixed;top: 190px;z-index: 1999;display: none;}
.comment-alert-box {background: #fff;height: 100%;border-radius: 10px;}
#comment-alert .content {font-size: 18px;padding-top: 25px;}
#comment-alert .ok {width: 90px;height: 25px;background: #6471C3;color: #fff;line-height: 25px;border-radius: 2px;display: inline-block;margin-top: 15px;}
#comment-success {width: 308px;height: 130px;background: url(../images/comment-success.png);position: absolute;top: 190px;z-index: 1999;display: none;
    -webkit-animation-name: up-fadeOut;
    animation-name: up-fadeOut;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
@keyframes up-fadeOut {
  30% {
    opacity: 1;
    -webkit-transform: translate3d(0, -60px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -60px, 0);
    opacity: 0;
  }
}

.article-content {padding: 10px;font-size: 16px;}
.article-content img {max-width: 100%;}
.article-content p {text-indent: 2em;}
.article-content p span.info {
    text-align: center;
    display: block;
    line-height: 1.5;
    margin-top: 5px;
    color: #7a7a7a;
    font-size: small;
}
.recommend-article {margin-top: 60px;}
.recommend-article .head {border-bottom: 5px solid #111;}
.recommend-article .head span {float: left;font-size: 18px;}
.recommend-article .head .more {float: right;}
.recommend-article-list {margin-top: 15px;}
.recommend-article-list li {float: left;width: 24%;text-align: center;margin-right: 1%;overflow: hidden;}



/* category */
.category {padding-bottom: 35px;}
.category-top-recommend {margin-top: 15px;}
.category-top-recommend .article {width: 740px;float: left;}
.category-top-recommend .title {font-size: 30px;}
.category-top-recommend .description {margin-top: 6px;}
.category-top-recommend .ad {width: 250px;float: left;margin-left: 10px;display: none;}
.category-article .category-name {border-bottom: 5px solid #111;height: 40px;margin-top: 70px;}
.category-article .category-name h2 {float: left;font-size: 28px;font-weight: 100;}
.category-article .category-name .more {float: right;margin-top: 10px;}
.category-article .category-article-item {margin-top: 15px;margin-bottom: 30px;}
.category-article .category-article-item h3 {font-size: 24px;line-height: 1.1;}
.category-article .category-article-item .article-author {margin-top: 10px;color: #555;}
.category-article .category-article-item .article-author span {color: #555;}
.category-article .category-article-item .description {margin-top: 10px;color: #555;}
.category-right-box {background: #F5F5F5;padding: 20px;}
.category-right-box .top-title {font-size:20px;border-bottom: 2px solid #aaa;padding-bottom: 5px;}
.category-top-article-list {margin-top: 10px;padding-left: 25px;}
.category-top-article-list li {margin: 10px 0;list-style-type: decimal;}
.category-goto img {margin-top: 15px;}
.category .col-sm-5{padding: 30px 15px 15px 55px;}

/* tv */
.vudeo .category-goto{margin-top:60px;}
.video-detail {margin-top: 15px;}
.video-left {width: 680px;float: left;margin-top: 35px;}
.video-right {width: 300px;float: left;margin-left: 20px;}
.video-right .video-close {text-align: right;}
.video-right h1 {font-size: 32px;line-height: 1.1;border-top: 7px solid #000;padding-top: 5px;padding-bottom: 5px;border-bottom: 1px solid #000;}
.video-right .author {margin-top: 15px;}
.video-right .author i {color: #737373;margin-right: 5px;}
.video-right .description {margin-top: 20px;}
.other-video {margin-top: 30px;border-top: 5px solid #000;padding-top: 5px;}
.other-video-list {margin-top: 10px;}
.other-video-list li {margin: 0 1%;float: left;width: 48%;}
.other-video-list .cover {position: relative;}
.other-video-list .cover .title {position: absolute;width: 100%;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);padding: 5px;color: #fff;}

.video-top-recommend {margin-top: 15px;}
.video-top-recommend .banner {width: 700px;float: left;}
.video-top-recommend .banner img {width: 700px;height: 490px;}
.video-top-recommend .banner .title {font-size: 28px;line-height: 1.1;}
.video-top-recommend .banner .description {margin-top: 5px;}
.video-top-recommend .recommend-video {width: 280px;float: left;margin-left: 20px;}
.video-top-recommend .recommend-video img {width: 280px;height: 150px;}
.video-top-recommend .recommend-video .title {font-size: 22px;line-height: 1.1;}
.video-top-recommend .recommend-video .description {font-size: 12px;line-height: 1.4;margin-top: 5px;}
.video-top-recommend .recommend-video-2 {margin-top: 30px;}
.video-body {margin-top: 30px;}
.new-video {width: 700px;float: left;}
.video-goto {width: 280px;float: left;margin-left: 20px;display: none;}
.category-title {border-bottom: 10px solid #000;}
.category-title h2 {float: left;font-size: 30px;font-weight: normal;}
.category-title .more {color: #737373;float: right;margin-top: 25px;}
.new-video-list li {float: left;width: 220px;margin-left: 20px;text-align: center;margin-top: 20px;}
.new-video-list li img {width: 100%;}
.new-video-list li.first {margin-left: 0;}
.new-video-list .title {margin-top: 5px;font-size: 16px;height: 54px;overflow: hidden;}
.html5-video {width: 600px;height: 480px;}
.html5-video2 {width: 600px;height: auto;}

/* photo */
.photo-container{margin-top: 10px;}
.recommend-photo {width: 280px;float: left;margin-left: 20px;}
.recommend-photo-list img {width: 280px;height: 150px;}
.photo-body {margin-top: 60px;}
.photo-list {float: left;width: 610px;text-align: right;}
.photo-large {float: left;width: 380px;margin-left: 10px;}
.photo-detail {margin-top: 15px;padding-bottom: 50px;}
.photo-detail table{width: 100%;table-layout: fixed;}
.photo-handle {height: 40px;line-height: 40px;font-size: 16px;color: #111;}
.photo-handle .btns{float: left;font-size: 28px;color: #e5e5e5;}
.photo-detail .description {padding: 15px;background: #f8f8f8;}
.photo-detail .article-description{border-bottom: none;padding-bottom: 0;height: 160px;}
.other-photo {margin-top: 30px;border-top: 5px solid #111;padding-top: 5px;}
.other-title {font-size: 18px;padding-left: 1%;}
.other-photo-list {margin-top: 10px;}
.other-photo-list li {margin: 0 1%;float: left;width: 48%;}
.other-photo-list .cover {position: relative;}
.other-photo-list .cover .title {position: absolute;width: 100%;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);padding: 5px;color: #fff;}
.show-photo {width: 100%;}
.show-photo img {max-width: 100%;max-height: 100%;}

/* singlepage */
.singlepage h1 {font-size: 32px;margin-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #000;}
.singlepage .content {margin-top: 15px;line-height: 1.8;}

/* user */
.login-body {background: #fff;}
.login-header {height: 80px;box-shadow: 1px 1px 4px 1px #ccc;background: #e50012;}
.login-header .container {background: #e50012;color: #fff;}
.login-header .text-right a {margin: 40px 5px 0;color: #fff;display: inline-block;}
.login-logo img {margin-top: 18px;height: 44px;}
.login-page {background: #f9f9f9;margin-top: 15px;padding: 50px 0;}
.user-login {width: 60%;float: left;border-right: 1px solid #ddd;}
.user-login .main-title {font-size: 2.2rem;}
.sns-login {width: 39%;float: left;text-align: center;}
.sns-login .main-title {font-size: 1.8rem;margin-top: 30px;}
.sns-login a {margin-top: 20px;display: inline-block;}
.login-submit-btn {background: #636fc6;color: #fff;height: 40px;line-height: 40px;width: 100%;border: 1px solid #636fc6;padding-left: 0;border-radius: 2px;}
.user-register-btn {color: #555;height: 40px;line-height: 40px;width: 100%;border: 1px solid #ddd;padding-left: 0;display: block;text-align: center;border-radius: 2px;}
.user-register-btn:hover {color: #555;}
.forgot {color: #297fe1;border-bottom: 1px dashed #297fe1;}
#agree {color: #297fe1;font-weight: normal;}
.register-submit-btn {background: #636fc6;color: #fff;height: 40px;width: 100%;border: 1px solid #636fc6;padding-left: 0;border-radius: 2px;font-size: 20px;margin-top: 10px;}
.register-submit-btn.disabled {background: #999;border: 1px solid #999;}
.user-header {background: #f5f5f5;margin-top: 15px;height: 120px;padding: 10px 0;}
.userinfo {width: 920px;float: left;}
.userinfo .avatar {width: 90px;height: 90px;float: left;margin-left: 15px;position: relative;}
.userinfo .avatar img {border-radius: 50%;width: 100%;}
.userinfo .avatar a {position: absolute;left: 0;top: 0;line-height: 90px;width: 90px;text-align: center;display: none;font-size: 16px;}
.userinfo .avatar:hover a {display: block;}
.userinfo .info {float: left;margin-left: 20px;}
.userinfo .info .username {font-size: 32px;}
.userinfo .info .edit-btns a {margin-right: 10px;color: #666;}
.user-notice {width: 249px;border-left: 1px dotted #ddd;float: left;height: 100px;}
.user-notice .num {position: relative;height: 24px;line-height: 24px;background: url(../images/icon-notice.jpg) left no-repeat;padding-left: 50px;display: inline-block;margin-top: 25px;margin-left: 50px;}
.user-notice .num a {display: inline-block;padding: 0 5px;height: 16px;line-height: 14px;background: #ee0000;border: 1px solid #fff;font-size: 12px;border-radius: 8px;position: absolute;right: 110px;top: -6px;color: #fff;}
.user-notice .link {padding-left: 100px;margin-top: 5px;}
.user-notice .link a {color: #297fe1;}
.trajectory {margin-top: 30px;}
.trajectory .head {font-size: 24px;border-bottom: 2px solid #333;}
.trajectory .head span {color: #999;}
.trajectory-list {margin-top: 10px;}
.trajectory-list .date {float: left;width: 150px;height: 28px;background: url(../images/user-date-bg.jpg);text-align: center;line-height: 28px;color: #666;}
.trajectory-list .no-date {float: left;width: 150px;height: 28px;}
.feed-list {float: left;width: 1210px;margin-left: 40px;}
.feed-list .time {float: left;width: 75px;color: #999;}
.feed-list .info {float: left;width: 1135px;}
.feed-list .info .title {font-size: 18px;}
.feed-list .info .content {color: #999;margin-top: 10px;}
.feed-list .info .more {margin-top: 10px;}
.feed-list .info .more a {color: #297fe1;}
.feed-list .feed-item {margin-bottom: 40px;}
.user-edit-box {width: 480px;padding: 20px;position: absolute;top: 190px;left: 50%;z-index: 1999;background: #fff;display: none;}
.user-edit-box .title {font-size: 20px;border-bottom: 2px solid #333;padding-bottom: 15px;}
.user-edit-box .tip {background: #f7f7f7;color: #999;font-size: 12px;padding: 5px 10px;margin-top: 8px;}
.user-edit-box .close {position: absolute;right: 5px;top: 5px;}
#edit-nickname-form {margin-top: 25px;}
#edit-password-form {margin-top: 25px;}
.trajectory .load-more {text-align: center;margin: 50px 0;}
.trajectory .load-more a {width: 280px;height: 45px;line-height: 45px;background: #f5f5f5;display: inline-block;}
#edit-success {width: 280px;height: 140px;background: url(../images/edit-success.jpg);position: absolute;top: 190px;margin: 0 auto;display: none;z-index: 1999;}
.notice {margin-bottom: 50px;position: relative;min-height: 200px;}
.notice-left {width: 160px;background: #eee;font-size: 16px;height: 100%;position: absolute;padding-top: 10px;}
.notice-left a {width: 150px;display: block;margin-left: 10px;margin-top: 15px;padding: 5px 0 5px 30px;}
.notice-left a.active {background: #fff;}
.notice-right {padding: 30px 30px 30px 190px;}
.notice-list {background: url(../images/icon-notice1.jpg) left 2px no-repeat;padding-left: 35px;color: #555;margin-bottom: 35px;}
.notice-list.new {background: url(../images/icon-notice2.jpg) left 2px no-repeat;font-weight: bold;color: #111;}
.notice-list .user {color: #111;}
.notice-list .user span {color: #999;margin-left: 5px;font-weight: normal;}
.notice-list .content {margin-top: 5px;}
.notice-list .more {color: #297fe1;}
.notice-detail {margin-top: 15px;}
.notice-detail .user {color: #111;font-weight: bold;}
.notice-detail .user span {color: #999;margin-left: 5px;font-weight: normal;}
.notice-detail .content {margin-top: 5px;color: #555;}
.avatar-upload-status {height: 20px;}
.avatar-upload-status div{float: left;}
.avatar-upload-status .avatar-upload-process-box{width: 156px;height: 10px;background: #ccc;margin: 5px;}
.avatar-upload-status #avatar-upload-process{width: 0%;height: 10px;background: #636fc6;}
.avatar-setting-submit {background: #636fc6;width: 200px;height: 40px;border: none;border-radius: 2px;color: #fff;font-size: 22px;}
.visible-ipad {display: none;}
#inputSeccode{width: 60%;display: inline;}
.user-edit-box #seccode,#login-form #seccode,#register-form #seccode{width: 36%;cursor: pointer;height: 34px;margin-top: -3px;display: inline;border-radius: 2px;}
.user-edit-box .edit-btn-wrap{padding-right: 5px;}
.user-edit-box .cancel-btn-wrap{padding-left:5px;}
/* rss */
.rss-category {height: 30px;line-height: 30px;background: #f8f8f8;border-bottom: 1px solid #ddd;margin-top: 20px;position: relative;}
.rss-category .title {float: left;line-height: 30px;padding-left: 25px;font-size: 16px;font-weight: bold;}
.rss-category .xml {float: right;width: 48px;height: 20px;background: #ff5a00;color: #fff;line-height: 20px;margin-top: 5px;margin-right: 95px;text-align: center;}
.rss-category .subscribe {height: 20px;line-height: 20px;border: 1px solid #f8f8f8;position: absolute;right: 5px;top: 5px;}
.rss-category .subscribe dt {font-weight: normal;padding: 0 10px;}
.rss-category .subscribe dt i {background: #fff;border: 1px solid #ddd;padding: 0 2px;}
.rss-category .subscribe dd {display: none;}
.rss-category .subscribe:hover {background: #fff;border: 1px solid #ddd;height: auto;z-index: 9;}
.rss-category .subscribe:hover dd {display: block;width: 100%;}
.rss-category .subscribe:hover dd a {display: block;width: 100%;background: #fff;text-align: center;padding: 2px 0;}
.rss-article {margin-top: 10px;}
.rss-article li {list-style-type: square;line-height: 35px;margin-left: 20px;font-size: 16px;color: #555;}
.rss-article li span {margin-left: 15px;color: #999;font-size: 14px;}

/* radio */
.radio-top-banner {margin-top: 10px;background: rgba(0, 0, 51, 1);}
.radio-top-left {float: left;width: 68%;}
.radio-top-left img {width: 100%;}
.radio-top-right {float: left;width: 32%;color: #fff;text-align: center;font-weight: bold;}
.radio-top-right a {color: #fff;}
.radio-top-right .title {font-size: 28px;margin-top: 30px;}
.radio-top-right .date {font-size: 20px;margin-top: 5px;}
.radio-top-right .more {font-size: 20px;margin-top: 50px;display: inline-block;}
.radio-top-right .play {width: 110px;height: 110px;background: url(../images/volume-play.png);display: inline-block;margin-top: 40px;}
.radio-top-right .play.active {background: url(../images/volume-low.png);-webkit-animation: radio-play 3s infinite step-start;}
@keyframes radio-play {
    0% {
        background: url(../images/volume-low.png);
    }
    33% {
        background: url(../images/volume-medium.png);
    }
    66% {
        background: url(../images/volume-full.png);
    }
    100% {
        background: url(../images/volume-low.png);
    }
}
.recommend-radio-list {margin-top: 15px;}
.recommend-radio-item {background: rgba(0, 0, 51, 1);color: #fff;border-radius: 5px;margin-top: 15px;height: 230px;}
.recommend-radio-item .title {padding: 5px 0px 10px 10px;}
.recommend-radio-item .title a {font-size: 18px;color: #fff;}
.recommend-radio-item .date {font-size: 16px;padding: 10px 0px 10px 10px;}
.recommend-radio-item .more {font-size: 24px;color: #fff;margin-top: 100px;display: inline-block;}
.recommend-radio-item.text-center-item{text-align: center;}
#radio-iframe {width: 100%;border: none;height: 1200px;}

@media (min-width: 1024px) and (max-width: 1199px) {
    .home-category-left {width: 120px;}
    .home-category-right {width: 120px;}
    .home-category-title {width: 120px;height: 120px;padding-top: 40px;font-size: 22px;}
    .home-category-recommend1 {width: 602px;}
    .home-category-recommend2 {width: 345px;}
    .home-category-recommend3 {width: 345px;}
    /* .main-nav {width: 730px;} */
    .home-report .title {height: 50px;line-height: 1.2;margin-top: 5px;}
    .home-report .description {height: 90px;}
    .view-recommend-list2 {margin-top: 30px;}
    .mini-main-nav {width: 700px;}
    .userinfo {width: 750px;}
    .trajectory-list .feed-list {width: 810px;}
    .feed-list .info {float: left;width: 735px;}
    .article-gallery {width: 620px;height: 387px;}
    .article-image {width: 620px;height: 387px;}
    .article-image-head {width: 620px;}
    .article-image-description {width: 620px;}
    #home-top-banner-close {width: 1000px;}
    #home-top-banner {width: 1000px;}
    .article-hot-comment .btns a {width: 134px;}
    .article-hot-comment .btns .comment-open {margin-left: 0px;}
    .article-hot-comment.visible-sm{margin-top: 0;}
    .recommend-radio-item {height: 210px;}
    .recommend-radio-item .more {margin-top: 90px;}
    .home-radio-cover {height: 152px;}
    .home-radio-cover img {left: -21px;}
}
@media (max-width: 1023px) {
    .home-category-recommend1 {width: 540px;}
    .home-category-recommend2 {width: 540px;}
    .home-category-recommend3 {width: 540px;}
    .home-top .logo {width: 200px;}
    .home-top .logo img {width: 100%;}
    .home-top .login-logo img {height: 45px;margin-top: 20px;}
    /* .main-nav {width: 700px;margin-left: 0;} */
    .home-banner {height: 266px;}
    .home-category-recommend2 .recommend-list .cover {width: 40%;}
    .home-category-recommend2 .recommend-list .title {width: 58%;margin-top: 10px;}
    .mini-main-nav {width: 450px;}
    #home-focus-prev {top: 100px;}
    #home-focus-next {top: 100px;}
    .recommend-large .large-left {padding-right: 0;height: 180px;}
    .recommend-large .large-right {padding-left: 0;height: 180px;}
    .w700-margin-top30 {margin-top: 30px;}
    .view-recommend-list2 {margin-top: 30px;}
    .userinfo {width: 450px;}
    .trajectory-list .feed-list {width: 510px;}
    .feed-list .info {float: left;width: 435px;}
    .article-gallery {width: 430px;height: 268px;}
    .article-image {width: 430px;height: 268px;}
    .article-image-head {width: 430px;}
    .article-image-description {width: 430px;}
    #home-top-banner-close {width: 700px;}
    #home-top-banner {width: 700px;}
    /* .article-hot-comment .btns .comment-open {margin-left: 0px;margin-top: 10px;display: block;} */
    .article-hot-comment .btns a {width: 84px;}
    .article-hot-comment .btns .comment-open {margin-left: 0px;}
    .visible-ipad {display: inline-block;}
    .recommend-radio-item {height: 270px;}
    .recommend-radio-item .more {margin-top: 110px;}
    .home-radio-cover {height: 102px;}
    .home-radio-cover img {left: -15px;}
}
/* online-style exchange*/
.login-body.rss-subscribe .login-logo{font-size: 30px;}
.login-body.rss-subscribe .login-logo img{height: 100%;margin-top: -5px;}
.login-body.rss-subscribe .container{margin-top: 15px;}
.showmsg p.msg-text{font-size: 18px;}
.showmsg p.msg-btn{margin-top: 20px;}
.showmsg .jump-btn{cursor:pointer;color: #666;font-size: 12px;}
.video-detail .video-info{margin-top: 0;}
.video-detail .video-info>h1{border-top: none;padding-top: 0;}
.video-detail .article-description{border-bottom: none;padding-bottom: 0;height: 160px;}
.login-body.user-bind .container{margin-top:15px;}
#user-bind-form .user-name{color: #ef303c;}
#user-bind-form .form-group.bottom-none{margin-bottom: 0;}
.login-body.user-get-password .container{margin-top: 15px;}
#get-password-form .back-login{color: #297fe1;}
.login-body.user-login-body .container,.login-body.user-register-body .container{margin-top: 15px;}
#login-form .form-group.bottom-none,#register-form .form-group.bottom-none{margin-bottom: 0;}
#login-form .form-group.bottom-5{margin-bottom: 5px;}
#login-form .form-group.bottom-5 .padding-none{padding:0;}
#login-form .login-btn-wrap{padding-right: 5px;}
#login-form .register-btn-wrap{padding-left:5px;}
.user-setting-avatar-pad .trajectory,.user-setting-avatar .trajectory{min-height: 600px;}
.avatar-table .choose-image-btn, .avatar-table #new-avatar-submit{height: 80px;}
.user-setting-avatar .avatar-table #upload-status, .user-setting-avatar .avatar-table #new-avatar,.user-setting-avatar .avatar-table #new-avatar-submit{display: none;}