@charset "utf-8";
/* CSS Document */

html,body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video,button { margin:0;  padding:0; font-family:'STHeiti','Microsoft YaHei','����','arial';  }
body {font-size: 14px;  -webkit-font-smoothing: antialiased; /*font-family:Arial; */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color:#333333; /*font-family:'STHeiti','Microsoft YaHei','����','arial';*/ 
	font-family: "pingfang sc","Hiragino Sans GB","Microsoft Yahei",sans-serif;
	background-color: #f4f5f6; padding-top: 80px; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block;}
a { text-decoration: none; color:#333333;} a:visited { color:#333333; } a:hover { color:#222222;}
 .hr10 { height:10px; clear:both;}
.fl { float: left;} .fr { float: right;} .cl { clear: both; width: 100%��} .tc { text-align: center;} .tl { text-align: left; } .tr { text-align: right; } .hr20 { height: 20px; clear: both;} .hr25 { height: 25px; clear: both;} .hr30 { height: 30px; clear: both;} .hr40 { height: 40px; clear: both;} .font20 { font-size: 20px;} .font30 { font-size: 30px;} .overflowH { overflow: hidden;}  .posRel { position: relative;}
 
.white,.white a,.white a:link,a.white,a.white:link,.white a:visited,a.white:hover { color:#ffffff;}
.yellow,.yellow a,.yellow a:link,a.yellow,a.yellow:link,.yellow a:visited,a.yellow:hover { color:#e8c83c;}
.red,.red a,.red a:link,a.red,a.red:link,.red a:visited,a.red:hover { color:#ff4444;}
.gray,.gray a,.gray a:link,a.gray,a.gray:link,.gray a:visited { color:#666666;}
.gray a:hover,a.gray:hover { color:#333333;}
.gray2,.gray2 a,.gray2 a:link,a.gray2,a.gray2:link,.gray2 a:visited { color:#999999;}
.gray2 a:hover,a.gray2:hover { color:#666666;}
.blue,.blue a,.blue a:link,a.blue,a.blue:link,.blue a:visited { /*color:#0078ff;*/ color: #4fafff;}
.blue a:hover,a.blue:hover {/* color:#006ce6;*/ color: #3da3f8;}
iframe,img {border:0;}img {vertical-align: middle;}
ul,ol,li {list-style:none;}
input,textarea { outline: 0;  -webkit-user-modify: read-write-plaintext-only; border:0px; color: #333333;}
select {color: #333333; font-family:'STHeiti','Microsoft YaHei','����','arial'; font-size: 16px; }
input {  /* -webkit-appearance: none; */-webkit-tap-highlight-color: transparent; font-size:14px; background: none;}
/* *{  -webkit-tap-highlight-color: transparent;  -webkit-appearance: none; } */

.borderB { border-bottom: #eceff2 1px solid; }

.pages { height:30px; margin:10px auto; padding:0px; text-align:center; clear:both;}
.pages a,.pages span {display:inline-block; padding:0px 7px; height:22px; line-height:22px; margin:0px 2px; }
.pages a { background-color:#ffffff; border:#dddddd 1px solid; color:#666666;}
.pages a:hover,.pages span.pageDq { background-color:#f8f8f8; border:#cccccc 1px solid; color:#666666;}

/*--------------*/

.wrapper { /*width: 100%;*/ min-width: 1200px; margin: 0 auto;}
.sideMenuNull { width: 200px; float: left; height: 200px;}
/*.sideMenuNull.sideMenuClose { width: 100px; }*/
/*.mainWrap.sideMenuClose { overflow: visible;}
.footerWrap.sideMenuClose { margin-left: 0px; }*/

.sideMenu { width: 139px; height: 600px; padding-bottom: 10000px; margin-bottom: -10000px; /*margin-top: 30px;*/ background-color: #ffffff; /*position: fixed; z-index: 998; left: 0; top: 0; */border-right: #ececec 1px solid;  float: left;  overflow: hidden;}
.sideMenu ul.menuList { text-align: center; width: 139px; margin-top: 130px; position: fixed; z-index: 998; top: 0; background-color: #ffffff;border-right: #ececec 1px solid;}
.sideMenu ul.menuList li { height: 38px; margin-bottom: 1px;}
.sideMenu ul.menuList li a { display: block; height: 38px; line-height: 38px; border-left: 4px #ffffff solid; /*padding-left: 50px;*/ background-color: #ffffff; color: #8b95a0; font-size: 18px;}
.sideMenu ul.menuList li a:hover,.sideMenu ul.menuList li a.curr { border-left: 4px #4fafff solid; background-color: #f6faff; color: #333333;}
.wrapIndex {/* width: 1400px;*/ width: 1200px;  overflow: hidden; margin: 30px auto 30px auto; background-color: #ffffff;}
.mainWrap {/* width: 1140px;*/ width: 1140px;  overflow: hidden; margin: 30px auto 30px auto; background-color: #ffffff; }
.wrapIndex .mainWrap { width: 940px;  float: left; margin: 0 auto;}
.wrapIndex.shadowBox { margin-left: auto; margin-right: auto;}
.colConBoxLine { display: none;}
.wrapIndex .colConBoxLine { display: block; margin: 0 10px; height: 1px; clear: both; border-bottom: #eceff2 1px solid;}
.colConBox .colConBoxLine { display: block; margin: 0 10px; height: 1px; clear: both; border-bottom: #eceff2 1px solid;}/*--20170607--*/
.wrapIndex .bannerTl { /*background-color: #ffffff;*/ margin-top: -1px; padding: 0 30px; }
.conMainWrap { width: 1200px; overflow: hidden; margin: 0 auto 30px auto; }
.mainBox { background-color: #ffffff; /*border: #e7e8e8 1px solid; margin:30px 4px; box-shadow:0 0 4px #cccccc;   margin-top: 30px; */ overflow: hidden;/* float: left;*/}

.headerWrap { width: 100%; min-width: 1200px; height: 79px; position: fixed; left: 0; top: 0; z-index: 999; background-color: #ffffff; border-bottom: #ececec 1px solid;}
.header {/* width: 100%;*/   /*width: 1400px;*/ max-width: 1400px; min-width: 1200px; margin: 0 auto; height: 79px; position: relative;}
/*.header .logo,.conHeader .logo { display: block; height: 40px; width: 180px; float: left; margin: 0px 20px 0px 5px; background: url(/staticn/v1cn/web2017/images/logo.png) no-repeat 0 0; background-size: contain; overflow: hidden; text-indent: -999px;}*/
.header .logo,.conHeader .logo { display: block; height: 40px; width: 90px; float: left; margin: 0px 20px 0px 5px; background: url(https://v1.files.v1.cn/img/2021/06/18/1a04e958-3e9d-4dd0-bc54-ff6dce6c3014.png) no-repeat 0 0; background-size: contain; overflow: hidden; text-indent: -999px;}

.toujiangLogo { display: none; height: 50px; width: 110px; float: left; margin: -5px 20px 0px 0px; background: url(/staticn/v1cn/web2017/images/logo_tower.png) no-repeat 0 0; overflow: hidden; text-indent: -999px;}

.headerL { float: left; height: 40px; margin: 20px 10px 19px 10px; position: absolute; left: 0; top: 0; z-index: 1; }
.headerL img { width: 180px;}
/*.headerR { float: right; height: 67px; padding: 16px 10px 16px 10px; position: relative; }*/
.headerR_wrap { height: 79px; position: absolute; right: 0; top: 0; z-index: 1;}
.headerR { /*float: right; */height: 67px; padding: 8px 10px 4px 10px; position: relative; }

.headerR .userBox { height: 30px; padding: 15px 5px; margin:0px; line-height: 30px; max-width:140px; min-width: 110px; /*overflow: hidden;*/ float: right; /*border:#ffffff 1px solid; background-color: #ffffff; box-shadow:0 0 4px #ffffff;*/ position: relative;}
/*.headerR .userBox:hover { border:#ececec 1px solid; box-shadow:0 0 4px #cccccc;}*/
.headerR .userBox .tx { width: 30px; height: 30px; border-radius: 30px; margin-right: 10px; overflow: hidden; float: left; }
.headerR .userBox .tx img {width: 30px; height: 30px; border-radius: 30px;}
.headerR .userBox .name { height: 30px; font-size: 16px; overflow: hidden; color: #a5abb3; } 
.headerR .userBox .name a { color: #a5abb3; }
.headerR .userBox .name a:hover { color: #666666; }
.headerR .userBox:hover .userMenuList { display: block;}


.headerR .operation { float: right; }
.headerR .operation li { width: 50px; height: 50px; float: left; margin: 0 3px; padding: 5px 5px; border:#ffffff 1px solid; background-color: #ffffff; box-shadow:0 0 4px #ffffff; }
.headerR .operation li:hover { border:#ececec 1px solid; box-shadow:0 0 4px #cccccc; }

.icoBt { display: inline-block; width: 50px; height: 50px; background-image: url(/staticn/v1cn/web2017/images/ico_bg.png); background-repeat: no-repeat; cursor: pointer; overflow: hidden; text-indent: -999px; }
.sideMenuBt { display: block; background-position: 0 0; float: left; margin:0px 10px 0px 10px;}
.icoBt1 { background-position: 0 -60px; }
.icoBt2 { background-position: 0 -120px; }
.icoBt3 { background-position: 0 -180px; }
.icoBt4 { background-position: 0 -240px; }
.icoUser { background-position: 0 -300px; }
.icoBt1:active { background-position: -60px -60px; }
.icoBt2:active { background-position: -60px -120px; }
.icoBt3:active { background-position: -60px -180px; }
.icoBt4:active,.icoBt4.curr { background-position: -60px -240px; }
.icoUser:active { background-position: -60px -300px; }

.userMenuList {width: 100%; display: none; font-size: 16px; padding: 15px 0; text-align: center; position: absolute; left: -1px; top:48px; z-index: 999; /*border: #ececec 1px solid;*/ padding-top: 23px;}
.userMenuList ul { border: #ececec 1px solid; background-color: #ffffff; overflow: hidden;}

#moreMenu { position: relative;}
.moreMenuList { width: 199px; display: none; font-size: 16px; padding: 15px 0; text-align: center; /*background-color: #ffffff;*/ position: absolute; right: -13px; top:48px; z-index: 999;  padding-top: 23px; }
#moreMenu:hover .moreMenuList { display: block;  }
.moreMenuList ul {border: #ececec 1px solid; background-color: #ffffff; overflow: hidden;}
.moreMenuList a,.userMenuList a { display: block; height: 60px; line-height: 60px; color: #8b95a0; }
.headerR .operation .moreMenuList li { width: 100%; clear: both; height: 60px; border: 0; box-shadow: none; margin: 0; padding: 0;} .headerR .operation .moreMenuList li:hover {border: 0; box-shadow: none; margin: 0; padding: 0;}
.moreMenuList a:hover,.userMenuList a:hover { background-color: #f6faff; color: #333333; }

ul.topNav,ul.topNav li { float:left; height:40px; font-size: 16px; color: #a5abb3; line-height: 40px;}
ul.topNav a { display:inline-block; margin:0 8px; height:40px;  color: #a5abb3; }
ul.topNav a:hover { color: #9ca4af;}
.topNavMoreBt { display:inline-block; height:40px; line-height: 40px; background-image:url(/staticn/v1cn/web2017/images/arr_more.png); background-repeat:no-repeat; background-position:right -45px; padding-right:44px; padding-left:10px; position:relative; cursor:pointer; font-size: 16px; color: #a5abb3; }
.topNavMoreBt.open { background-position:right 4px;}
.topNavMoreMenu { width:100px;  right: 10px; border:#dddddd 1px solid; background-color:#ffffff; position:absolute; top:39px; z-index:100; display: none; font-size: 16px; }
.topNavMoreMenu a { display:block; text-align:center; height:40px; line-height:40px;}
.topNavMoreMenu a:hover { background-color:#f6f8f9;}

.searchBox { height: 40px;/* width: 540px; */ width: 450px;  margin: 0px 10px 0px 30px; float: left; position: relative; }
.searchBoxR { height: 40px;/* width: 540px;*/ width: 450px; float: right; position: relative; }
.searchBox input,.searchBoxR input { display: block; float: left;/* width:430px;*/  width:340px; height:30px;line-height:30px;padding:4px 9px;color:#ccc;border:1px solid #cbcbcb;box-shadow:0 0 4px #cbcbcb inset; font-size: 16px;}
.searchBox input:hover,.searchBox input:focus,.searchBoxR input:hover,.searchBoxR input:focus{color:#333; border:1px solid #1093ee;box-shadow:0 0 4px #1093ee inset;}
.searchBox .searchBt,.searchBoxR .searchBt { display: block; width: 89px; height: 38px; float: left; border-top: #cbcbcb 1px solid; border-right: #cbcbcb 1px solid; border-bottom: #cbcbcb 1px solid; background: #e3e7ec url(/staticn/v1cn/web2017/images/search_bt.png) no-repeat center center; }

.ArticleInfoList { overflow: hidden; clear: both; }
.articleRow {padding: 10px; }
.articleRow .articleTop { color: red; font-size: 10px; padding-left: 5px; }
.articleRow .articleContentL { min-height: 140px; padding-bottom: 20px; box-sizing: border-box; position: relative; overflow: hidden; }
.articleRow .articleCardCoverR { display: block; float: right; margin-left: 20px; }
.articleRow .title { font-size: 16px; }
.articleRow .articleTitle {font-size: 16px; padding-bottom: 10px;}
.articleRow .articleOther {font-size: 14px; color: #aab0b7; height: 20px; }
.articleRow .articleContentL .articleOther { position: absolute; bottom: 0; width: 100%; }
.articleRow .coverList { display: block; padding: 12px 0; font-size: 0; }
.articleRow .coverList li { display: inline-block; margin-right: 12px; }
.articleRow .coverList li:last-child { margin-right: 0; }
.articleRow .articleCardCover { position: relative; overflow: hidden; box-sizing: border-box; border-radius: 4px; border: 1px solid #f2f2f2; cursor: pointer; width: 242px; height: 140px; }
.articleRow .articleCardCover a { display: inline-block; width: 100%; height: 100%; }
.articleRow img { width: 100%; height: 100%; object-fit: cover; }

.articleContent { width: 819px; float: left; margin: 0 auto; min-height: 500px; border-right: 1px solid #ececec; padding: 20px 50px;}
.articleContent .title { font-size: 28px; font-weight: bold; margin: 10px 0; }
.articleContent .content { font-size: 18px; margin-top: 10px; padding-bottom: 50px; border-bottom: 1px solid #ececec; color: #222222; line-height: 1.667; }
.articleContent .content img { max-width: 100%; }
.articleContent .userInfo { margin-top: 20px; height: 50px; width: 100%; }
.articleContent .userInfo .userAvatar { height: 50px; width: 50px; }
.articleContent .userInfo img { height: 100%; width: 100%; border-radius: 50%; }
.articleContent .userInfo .userInfoOther { float: right; height: 50px; display: block; width: 88%; }
.articleContent .userInfo .userInfoOther .nickname { font-size: 16px; padding-bottom: 10px; }
.articleContent .userInfo .userInfoOther .articleTime { bottom: 0; font-size: 14px; color: #aab0b7; height: 10px; }
.articleContent .userInfo .acticle-jubao { float: right; height: 50px; line-height: 50px; }

.articleRecommendCard { width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #ececec; }
.articleRecommendList li:last-child { border-bottom: 0px; }
.articleRecommendCard .recomendTitle { font-size: 14px; width: 100%; }
.articleRecommendCard .recomendCover { width: 240px; height: 140px; padding-top: 10px;}
.articleRecommendCard .recomendCover img { width: 100%; height: 100%; border-radius: 3%; object-fit: cover; }

.articleComment .plList li { border-bottom: 0; }
.articleComment .plList .pic img { object-fit: cover; }
.articleComment .plList .plConBox { padding: 10px 0 !important;}

.dmInfoList { overflow: hidden; clear: both; }
.dmRow {padding: 10px; }
.dmRow .dmTop { color: red; font-size: 10px; padding-left: 5px; }
.dmRow .dmContentL { min-height: 140px; padding-bottom: 20px; box-sizing: border-box; position: relative; overflow: hidden; }
.dmRow .dmCardCoverR { display: block; float: right; margin-left: 20px; }
.dmRow .title { font-size: 16px; }
.dmRow .dmTitle {font-size: 16px; padding-bottom: 10px;}
.dmRow .dmOther {font-size: 16px; color: #aab0b7; height: 20px; text-align: center; padding-top: 20px; }
.dmRow .dmContentL .dmOther { position: absolute; bottom: 0; width: 100%; }
.dmRow .coverList { display: block; padding: 12px 0; font-size: 0; }
.dmRow .coverList li { display: inline-block; margin-right: 100px; }
.dmRow .coverList li:last-child { margin-right: 0; }
.dmRow .dmCardCover { position: relative; overflow: hidden; box-sizing: border-box; border-radius: 4px; border: 1px solid #f2f2f2; cursor: pointer; width: 250px; height: 250px; }
.dmRow .dmCardCover a { display: inline-block; width: 100%; height: 100%; }
.dmRow img { width: 100%; height: 100%; object-fit: cover; }

.dmContent { width: 819px; float: left; margin: 0 auto; min-height: 500px; border-right: 1px solid #ececec; padding: 20px 50px;}
.dmContent .title { font-size: 28px; font-weight: bold; margin: 10px 0; }
.dmContent .content { font-size: 18px; margin-top: 10px; padding-bottom: 50px; border-bottom: 1px solid #ececec; color: #222222; line-height: 1.667; }
.dmContent .content img { max-width: 100%; }
.dmContent .userInfo { margin-top: 20px; height: 50px; width: 100%; }
.dmContent .userInfo .userAvatar { height: 50px; width: 50px; }
.dmContent .userInfo img { height: 100%; width: 100%; border-radius: 50%; }
.dmContent .userInfo .userInfoOther { float: right; height: 50px; display: block; width: 92%; }
.dmContent .userInfo .userInfoOther .nickname { font-size: 16px; padding-bottom: 10px; }
.dmContent .userInfo .userInfoOther .articleTime { bottom: 0; font-size: 14px; color: #aab0b7; height: 10px; }

.dmRecommendCard { width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #ececec; }
.dmRecommendCard li:last-child { border-bottom: 0px; }
.dmRecommendCard .recomendTitle { font-size: 14px; width: 100%; }
.dmRecommendCard .recomendCover { width: 240px; height: 140px; padding-top: 10px;}
.dmRecommendCard .recomendCover img { width: 100%; height: 100%; border-radius: 3%; object-fit: cover; }

.dmComment .plList li { border-bottom: 0; }
.dmComment .plList .pic img { object-fit: cover; }
.dmComment .plList .plConBox { padding: 10px 0 !important;}

.audioInfoList { overflow: hidden; clear: both; }
.audioInfoList ul { display: block; padding: 12px 0; font-size: 0; }
.audioInfoList li { height: 100px; width: 400px; display: inline-block; margin-right: 30px; margin-bottom: 40px; background-color: #d5b4eb; }
/*.audioInfoList li:last-child { margin-right: 0; }*/
.audioInfoList ul li div { display: inline-block; vertical-align: top;}
.audioInfoList ul li .audioNumber {line-height: 100px; font-size: 15px; width: 50px; overflow: hidden; text-align: center; }
.audioInfoList .audioCardCover { position: relative; overflow: hidden; box-sizing: border-box; border-radius: 4px; border: 1px solid #f2f2f2; cursor: pointer; width: 80px; height: 80px; margin: 10px 10px; }
.audioInfoList img { width: 100%; height: 100%; object-fit: cover; }
.audioInfoList ul li .auditInfo { width: 180px; height: 70px; margin: 15px 0;}
.audioInfoList ul li .auditInfo div { width: 100%; display: block; }
.audioInfoList ul li .auditInfo .auditTitle { font-size: 15px; height: 40px; line-height: 40px; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
.audioInfoList ul li .auditInfo .auditSinger { font-size: 13px; color: #5f5d60; height: 30px; line-height: 30px; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
.audioInfoList ul li .auditOperation {font-size: 14px; width: 65px; height: 80px; margin: 10px 0; }
.audioInfoList ul li .auditOperation .audioAudition {font-size: 14px; display: block; width: 100%; height: 40px; line-height: 40px; }
.audioInfoList ul li .auditOperation .audioDownload {font-size: 14px; display: block; width: 100%; height: 40px; line-height: 40px; }

.exhibitionInfoList { overflow: hidden; clear: both; }
.exhibitionInfoList .coverList { display: block; padding: 12px 0; font-size: 0; }
.exhibitionInfoList .coverList li { width:150px; display: inline-block; margin-right: 40px; margin-bottom: 40px; }
.exhibitionInfoList .exhibitionCardCover { position: relative; overflow: hidden; box-sizing: border-box; border-radius: 4px; border: 1px solid #f2f2f2; cursor: pointer; width: 100%; height: 200px; }
.exhibitionInfoList .exhibitionCardCover a { display: inline-block; width: 100%; height: 100%; }
.exhibitionInfoList img { width: 100%; height: 100%; object-fit: cover; }
.exhibitionInfoList .exhibitionOther { color: #aab0b7; height: 90px; padding-top: 5px; overflow: hidden; }
.exhibitionInfoList .exhibitionOther .title { font-size: 15px; font-weight: 400; height: 40px; line-height: 20px; overflow: hidden; }
.exhibitionInfoList .exhibitionOther .price { font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; color: red; overflow: hidden; }
.exhibitionInfoList .exhibitionOther .time { font-size: 12px; height: 15px; /*margin-top: 8px;*/ line-height: 15px; color: #666; overflow: hidden; }

.exhContent { margin: 0 auto; min-height: 500px; border-right: 1px solid #ececec; padding: 20px 50px;}
.exhContent .basicInfo { width: 100%; display: inline-block; }
.exhContent .basicInfo .cover { float: left; width: 200px; height: 290px; position: relative; overflow: hidden; box-sizing: border-box; }
.exhContent .basicInfo .cover img { width: 100%; height: 100%; object-fit: cover;  }
.exhContent .basicInfo .textInfo { width: 849px; float: left; margin-top: 20px; margin-left: 50px; position: relative; overflow: hidden; box-sizing: border-box; }
.exhContent .basicInfo .textInfo .title { font-size: 28px; font-weight: bold; padding: 20px 0; border-bottom: 1px dashed #dadada; }
.exhContent .basicInfo .textInfo .otherInfo {width: 849px;font-size: 16px; margin-top: 34px;}
.exhContent .basicInfo .textInfo .otherInfo dl {line-height: 30px;}
.exhContent .basicInfo .textInfo .otherInfo dt {color: #999; float: left;}
.exhContent .basicInfo .textInfo .otherInfo dd {color: #666; margin-left: 90px;}
.exhContent h2 { border-bottom: 1px solid; margin-top: 30px; line-height: 50px; }
.exhContent .content { font-size: 18px; margin-top: 10px; padding-bottom: 50px; /*border-bottom: 1px solid #ececec;*/ color: #222222; line-height: 1.667; }
.exhContent .content img { max-width: 100%; }

.infoList { overflow: hidden; clear: both;}
.bannerTl { width: 940px;/* height: 160px;*/ overflow: hidden; margin:0 auto; clear: both; }
.infoList .bannerTl { margin-bottom: 25px; padding-right: 3px;}
.bannerTl img {/* width: 940px;*/ max-width: 940px; /* height: 160px;*/ height: auto; }
.bannerCon { margin:25px auto; padding: 0 4px; clear: both; text-align: center;}
.bannerCon img { max-width: 100%; height: auto; margin: 0 auto;}
.sideBanner { width: 100%; margin-bottom: 20px;}
.sideBanner img {/* width:100%; height: auto;*/ width: 350px; height: 600px;}
.sideBanner.s1 img { width: 350px; /*height: 240px;*/ height: 280px;}
.sideBanner.s2 img { width: 350px; /*height: 700px;*/}
.sideBanner.s3 img { width: 350px; /*height: 340px;*/ height: 350px;}

#popBanner { width: 300px; height: 275px; position: fixed; z-index: 100; right: 0; bottom: 10px;}
/*#popBanner .closeBt { display:block; width: 55px; height: 23px; color: #666666; cursor: pointer; float: right; clear: both; border: #dddddd 1px solid; line-height: 23px; text-align: center; background-color: #ffffff;}
#popBanner .box,#popBanner .box img { width: 300px; height: 250px;}*/

/*--*/
.footerWrap { padding: 30px 5px; text-align: center; background-color: #ffffff; border-bottom: #ececec 1px solid; color: #666666; line-height: 24px; /*margin-left: 200px; */ }
.footerWrap.conFooter {margin: 0 auto;}
.wanganList {max-width: 1160px; padding: 5px 5px; border: #e5e5e5 1px solid; margin: 10px auto; overflow: hidden; text-align: center; }
.wanganList a { display: inline-block; margin: 0 5px;}
.wanganList a img { width: auto; height: auto; }
.gonganBei { display: inline-block; height: 24px; line-height: 24px; background: url(/staticn/v1cn/web2017/images/ico_gongan.png) no-repeat left center; padding-left: 24px; margin-left: 10px; }

/*--------channel style--------*/
.conHeader { height:40px; margin-top: 30px; margin-bottom: 30px; }

.shadowBox {/*margin:0px 4px; */ margin-left: 4px; margin-right: 4px; box-shadow:0 0 4px #cccccc; background-color: #ffffff; /*overflow: hidden;*/}
.conMainL .shadowBox {margin:0px 4px; overflow: hidden;}
.padBoxLr { padding-right: 20px; padding-left: 20px;}
.padBox { padding: 20px;}
.mainWrap.shadowBox { margin-left: auto; margin-right: auto;}

.conMainL {/* width: 820px;*/ width: 825px; float: left;/* margin-right: 25px;*/ margin-right: 15px;/* overflow: hidden;*/}
.conMainR { overflow: hidden; /*--*/ /*width: 340px;*/width: 350px; margin-right: 4px; float: right;}

.tipTime { display: block; position: absolute; height: 18px; z-index: 1; bottom: 6px; right: 6px; line-height: 18px; border: #dddddd 1px solid; border-radius: 2px; padding: 0 3px; background: url(/staticn/v1cn/web2017/images/transparent_bg.png) repeat 0 0; color: #ffffff; font-size: 12px; }

.listMoreBar { height: 30px; clear: both; text-align: center; padding: 20px 0;}
.listMoreBar span { display: inline-block; height: 26px; line-height: 26px; color: #899bb1; padding: 0 10px; border: #c5ced9 1px solid; cursor: pointer; border-radius: 3px;}

/*-----*/
.footerNav { width: 1200px; border: 1px solid #dcdcdc; overflow: hidden; padding: 1px 1px 1px 0px; margin:0 auto 20px auto; clear: both;}
.footerNav li {/* width: 20%; */width: 16%;  width: 16.6666%; width: 14.285%; height: 40px; float: left; line-height: 40px; text-align: center;}
.footerNav li a { display: block; border-left:#ffffff 1px solid; border-right: #dcdcdc 1px solid; background-color: #efefef;  }

/*---------*/
.miniWrap { width: 1000px; margin: 0px auto; clear: both; }

.wrapIndex .bannerTl { width: 740px;/* height: 160px;*/ overflow: hidden; margin:0 auto; clear: both; }
.wrapIndex .bannerTl img {/* width: 940px;*/ max-width: 740px; /* height: 160px;*/ height: auto; }
.wrapIndex .bannerTl embed {width: 740px; height: 70px;}

.footerIndexMain {padding-left:145px; padding-right:5px; width:1050px; margin:0 auto;}
.footerIndexMain .wanganList a img { width: 100px; height: auto; }
.footerIndexMain .footerNav { width: auto;}