*{font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,宋体,"sans-serif";}
body{position: relative;}
.w1200{width: 1200px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.cl:after{content: ""; display: block; clear: both; visibility: hidden; height: 0;}
.oh{overflow: hidden;}
.cp{cursor: pointer;}
.por{position: relative;}
.fixed{position: fixed; top:0; width:300px; overflow: hidden;}
.fwb{font-weight: bold;}
.f20{font-size: 20px !important;}
.mt13{margin-top: 13px;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px;}
.mr0{margin-right: 0 !important;}
.pt14{padding-top: 15px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pb10{padding-bottom: 10px; }
.pb15{padding-bottom: 15px; }
.pb20{padding-bottom: 20px !important;}
.pb0{padding-bottom: 0px !important;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.db{display: block;}
a:hover{color: #e22c29;}
.ellipsis1{ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.ellipsis2{ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ellipsis3{ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.ellipsis4{ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.ellipsis5{ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.ellipsis6{ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.w860{width: 860px;}
.w300{width: 300px;}
.w520{width: 520px;}
.colorRed{color: #e22c29 !important;}
input::-webkit-input-placeholder {color:#afafaf;}
input:-moz-placeholder {color:#afafaf;}
input::-moz-placeholder {color:#afafaf;}
input:-ms-input-placeholder {color:#afafaf;}
textarea::-webkit-input-placeholder {color:#afafaf;}
textarea:-moz-placeholder {color:#afafaf;}
textarea::-moz-placeholder {color:#afafaf;}
textarea:-ms-input-placeholder {color:#afafaf;}

/************** 顶部栏 **************/
#topBar{height: 40px; line-height: 40px; background: #23252c; font-size: 12px; color: #bcbdc1; position: relative; z-index: 11;}
#topBar .topBarLeft{float: left; font-size: 14px; color: #d7d8dc;}
#topBar .topBarRight{float: right; position: relative;}
#topBar .topBarRight .weChat{position: relative; margin:0 10px;}
#topBar .topBarRight .weChatTop{position: relative; padding-left: 25px;}
#topBar .topBarRight .weChatTop i{position: absolute; top: 12px; left:0; display: block; width: 19px; height: 16px; background: url(../images/spirit.png) no-repeat; background-position: -48px 0;}
#topBar .topBarRight .weChatDown{z-index: -10; visibility: hidden; opacity: 0; transition: all .2s; position: absolute; top:40px; left:50%; margin-left: -160px; width:240px; height: 150px; border-radius: 5px; border: 1px solid #f0f0f0; padding: 30px 40px 0; background: #ffffff; box-shadow: 0 0 10px rgba(0 ,0 ,0 , 0.03);}
#topBar .topBarRight .weChatDown .weChatCode{width: 104px;}
#topBar .topBarRight .weChatDown .weChatCode img{display: block; width: 104px; height: 104px;}
#topBar .topBarRight .weChatDown .weChatCode p{font-size: 14px; color: #232529; line-height: 35px; text-align: center;}
#topBar .topBarRight .weChatDown i{position: absolute; top:-7px; left:50%; margin-left: -11px; display: block; width:23px; height: 13px; background: url(../images/spirit.png) no-repeat; background-position: 0 -24px;}
#topBar .topBarRight .weChat:hover .weChatTop{color: #ffffff;}
#topBar .topBarRight .weChat:hover .weChatTop i{background-position: -67px 0;}
#topBar .topBarRight .weChat:hover .weChatDown{z-index: 10; visibility: visible; opacity: 1;}

#topBar .topBarRight .phone{position: relative; margin:0 10px;}
#topBar .topBarRight .phoneTop{position: relative; padding-left: 20px;}
#topBar .topBarRight .phoneTop i{position: absolute; top: 12px; left:0; display: block; width: 12px; height: 16px; background: url(../images/spirit.png) no-repeat; background-position: -86px 0;}
#topBar .topBarRight .phoneDown{visibility: hidden; opacity: 0; z-index: -10; transition: all .2s; position: absolute; top:40px; left:50%; margin-left: -80px; width:104px; height: 150px; border-radius: 5px; border: 1px solid #f0f0f0; padding: 30px 28px 0; background: #ffffff; box-shadow: 0 0 10px rgba(0 ,0 ,0 , 0.03);}
#topBar .topBarRight .phoneDown .phoneCode{width: 104px;}
#topBar .topBarRight .phoneDown .phoneCode img{display: block; width: 104px; height: 104px;}
#topBar .topBarRight .phoneDown .phoneCode p{font-size: 14px; color: #232529; line-height: 35px; text-align: center;}
#topBar .topBarRight .phoneDown i{position: absolute; top:-7px; left:50%; margin-left: -11px; display: block; width:23px; height: 13px; background: url(../images/spirit.png) no-repeat; background-position: 0 -24px;}
#topBar .topBarRight .phone:hover .phoneTop{color: #ffffff;}
#topBar .topBarRight .phone:hover .phoneTop i{background-position: -98px 0;}
#topBar .topBarRight .phone:hover .phoneDown{z-index: 10; visibility: visible; opacity: 1;}

#topBar .topBarRight .applets{position: relative; margin-left: 10px;}
#topBar .topBarRight .appletsTop{position: relative; padding-left: 20px;}
#topBar .topBarRight .appletsTop i{position: absolute; top: 12px; left:0; display: block; width: 16px; height: 16px; background: url(../images/spirit.png) no-repeat; background-position: -110px 0;}
#topBar .topBarRight .appletsDown{visibility: hidden; opacity: 0; z-index: -10; transition: all .2s;position: absolute; top:40px; left:50%; margin-left: -80px; width:104px; height: 160px; border-radius: 5px; border: 1px solid #f0f0f0; padding: 20px 28px 0; background: #ffffff; box-shadow: 0 0 10px rgba(0 ,0 ,0 , 0.03);}
#topBar .topBarRight .appletsDown .appletsCode{width: 104px;}
#topBar .topBarRight .appletsDown .appletsCode img{display: block; width: 104px; height: 106px;}
#topBar .topBarRight .appletsDown .appletsCode p{padding-top: 5px; font-size: 14px; color: #232529; line-height: 35px; text-align: center;}
#topBar .topBarRight .appletsDown i{position: absolute; top:-7px; left:50%; margin-left: -11px; display: block; width:23px; height: 13px; background: url(../images/spirit.png) no-repeat; background-position: 0 -24px;}
#topBar .topBarRight .applets:hover .appletsTop{color: #ffffff;}
#topBar .topBarRight .applets:hover .appletsTop i{background-position: -126px 0;}
#topBar .topBarRight .applets:hover .appletsDown{z-index: 10; visibility: visible; opacity: 1;}


#topBar .topBarRight .magIcon{margin:0 10px; cursor: pointer;}
#topBar .topBarRight .magIcon a{display: block; color: #bcbdc1; padding-left: 20px; position: relative;}
#topBar .topBarRight .magIcon a i{position: absolute; top:12px; left:0; display: block; width: 14px ; height: 16px; background: url(../images/spirit.png) no-repeat; background-position: -130px -645px;}
#topBar .topBarRight .magIcon a:hover{color: #ffffff;}
#topBar .topBarRight .magIcon a:hover i{background-position: -130px -666px;}

#topBar .topBarRight .newsLetterIcon{margin:0 10px; cursor: pointer;}
#topBar .topBarRight .newsLetterIcon a{display: block; color: #bcbdc1; padding-left: 20px; position: relative;}
#topBar .topBarRight .newsLetterIcon a i{position: absolute; top:12px; left:0; display: block; width: 14px ; height: 16px; background: url(../images/spirit.png) no-repeat; background-position: -130px -687px;}
#topBar .topBarRight .newsLetterIcon a:hover{color: #ffffff;}
#topBar .topBarRight .newsLetterIcon a:hover i{background-position: -130px -708px;}


#topBar .topBarRight>.fl{position: relative;}
#topBar .topBarRight>.fl:after{position: absolute; top:11px; right:-10px; content: ''; display: block; width:1px; height: 18px;  background: url(../images/spirit.png) no-repeat; background-position: -147px -645px;}
#topBar .topBarRight .applets:after{display: none;}
/************** /顶部栏 **************/

/************** 导航栏 **************/
#navBar{border-bottom: 1px solid #f0f0f0; position: relative;}
#navBar .w1200{position: relative; z-index: 10; background: #ffffff;}
#navBar .navBarLeft li{float: left; padding: 0 10px;}
#navBar .navBarLeft li a{position: relative; display: block; font-size: 20px; line-height: 36px; color: #232529; padding: 17px 0;}
#navBar .navBarLeft li a:hover{color: #e22c29;}
#navBar .navBarLeft li.logo{padding-right: 90px; padding-left: 0;}
#navBar .navBarLeft li.logo a{padding: 14px 0 12px;}
#navBar .navBarLeft li.logo a,#navBar .navBarLeft li.logo a img{display: block;}
#navBar .navBarLeft li a i{position: absolute; left:0; bottom: 0; display: block; width: 100%; height: 4px; background: #ffffff;}
#navBar .navBarLeft li.on a{font-weight: bold;}
#navBar .navBarLeft li.on a:hover{color: #232529;}
#navBar .navBarLeft li.on a i{background: #e22c29;}
#navBar .navBarRight ul{padding: 17px 0;}
#navBar .navBarRight li{float: left;}
#navBar .navBarRight li a{display: block; font-size: 16px; color: #232529; line-height: 36px;}
#navBar .navBarRight li a:hover{color:#e22c29;}
#navBar .navBarRight li.line{padding: 0 10px; font-size: 16px; color: #cccccc; line-height: 36px;}
#navBar .navBarRight li.searchBtn{position: relative; height: 36px; line-height: 36px; width: 46px; padding-left: 40px; background: #f0f0f1; font-size: 16px; color: #27282d; border-radius: 18px; margin-right: 20px;}
#navBar .navBarRight li.searchBtn i{position: absolute; top:10px; left:15px; display: block; width: 16px; height: 16px; background: url(../images/spirit.png) no-repeat; background-position: -48px -17px;}
#navBar .navBarRight .searchBtn:hover,#navBar .navBarRight .searchBtn.on{background: #fbf1f1; color: #e22c29;}
#navBar .navBarRight .searchBtn:hover i,#navBar .navBarRight .searchBtn.on i{background-position: -64px -17px;}

/* 资讯下拉 */
#navBar .navInfoBox{position: absolute; left:50%; top: -250px; margin-left: -600px; z-index: -10; width:1150px; border: 1px solid #f0f0f0; padding: 30px 24px;  background: #ffffff; visibility: hidden; opacity: 0; transition: all .2s; box-shadow: 0 0 10px rgba(0 ,0 ,0 , 0.03);}
#navBar .navInfoBox li{float: left; border: 1px solid #f0f0f0; border-radius: 5px; margin: 0 10px; width: 208px; height: 108px; overflow: hidden;}
#navBar .navInfoBox li a{position: relative; display: block; font-size: 14px; color: #757575; line-height: 20px; padding: 30px 30px 30px 80px;}
#navBar .navInfoBox li a b{font-size: 16px; color: #27282d; line-height: 24px; display: block; padding-bottom: 6px;}
#navBar .navInfoBox li a i{position: absolute; top:33px; left:33px; display: block; width: 28px; height: 28px; background: url(../images/spirit.png) no-repeat;}
#navBar .navInfoBox li a i.navInfoIcon1{background-position: 0 -38px;}
#navBar .navInfoBox li a i.navInfoIcon2{background-position: -28px -38px;}
#navBar .navInfoBox li a i.navInfoIcon3{background-position: -56px -38px;}
#navBar .navInfoBox li a i.navInfoIcon4{background-position: -84px -38px;}
#navBar .navInfoBox li a i.navInfoIcon5{background-position: -112px -38px;}
#navBar .navInfoBox li a:hover{background: #e22c29; color: rgba(255, 255, 255, 0.9); color: #ffffff\0;}
#navBar .navInfoBox li a:hover b{color: #ffffff;}
#navBar .navInfoBox li a:hover i.navInfoIcon1{background-position: 0 -66px;}
#navBar .navInfoBox li a:hover i.navInfoIcon2{background-position: -28px -66px;}
#navBar .navInfoBox li a:hover i.navInfoIcon3{background-position: -56px -66px;}
#navBar .navInfoBox li a:hover i.navInfoIcon4{background-position: -84px -66px;}
#navBar .navInfoBox li a:hover i.navInfoIcon5{background-position: -112px -66px;}
#navBar .navInfoBox.show{position: absolute; left:50%; top: 70px; margin-left: -600px; visibility: visible; opacity: 1; z-index: 8;}

/*搜索框下拉*/
.navSearchBox{position: absolute; left:50%; top: -500%; margin-left: -600px; width:998px; border: 1px solid #f0f0f0; padding: 40px 100px 40px; background: #ffffff; z-index: -10; visibility: hidden; opacity: 0; transition: all .2s; box-shadow: 0 0 10px rgba(0 ,0 ,0 , 0.03);}
.navSearchBox .navSearchTitle{font-size: 32px; color: #232529; font-weight: bold;}
.navSearchTab ul{padding-left: 115px; padding-top: 18px;}
.navSearchTab li{float: left; color: #ffffff; font-size: 14px; padding: 0 12px; line-height: 30px;}
.navSearchTab li a{color: #232529; display: block;}
.navSearchTab li a:hover{color: #e22c29; display: block;}
.navSearchTab li.navAllSearch{background: #e22c29; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 2px;}
.navSearchInput{width:996px; height:52px; line-height: 52px; border:1px solid #e22c29; border-radius: 5px;}
.navSearchInput .searchMenu{position: relative; width: 77px;}
.navSearchInput .searchMenu .searchSelected{position: relative; padding: 0 25px 0 20px; font-size: 16px; color: #232529; background: #ffffff; z-index: 6; border-radius: 5px; border-bottom-right-radius: 0; border-bottom: 1px solid #e22c29;}
.navSearchInput .searchMenu .searchSelected i{position: absolute; top:50%; margin-top: -3px; right:0; display: block; width:12px; height: 7px; background: url(../images/spirit.png) no-repeat; background-position: -23px -31px; transition: all .1s;}
.navSearchInput .searchMenu .searchTab{visibility: hidden; opacity: 0; z-index: -10; transition: all .2s; position: absolute; top:0; left:2px; background: #ffffff; padding: 5px 18px 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0 ,0 ,0 , 0.03);}
.navSearchInput .searchMenu .searchTab li{font-size: 16px; line-height: 36px; color: #75787e; text-align: center; cursor: pointer; border-bottom: 2px solid #ffffff; white-space:nowrap; overflow: hidden;}
.navSearchInput .searchMenu .searchTab li:hover,.navSearchInput .searchMenu .searchTab li.on{color: #232529; border-bottom: 2px solid #e22c29; }
.navSearchInput .searchMenu .searchSelectedOn i{background-position: -23px -24px;}
.navSearchInput .searchMenu .searchTabOn{visibility: visible; opacity: 1; z-index: 5; position: absolute; top:52px; left:2px;}
.navSearchInput .searchInput input{display: block; width:777px; height: 32px; border:none; line-height: 32px; outline: none; padding: 10px; font-size: 16px; color: #232529}
.navSearchInput .searchBtn{position: relative; cursor: pointer;}
.navSearchInput .searchBtn input{display: block; height: 52px; width: 122px; padding-left: 58px; text-align: left; color: #fff; background: #e22c29; font-size: 20px; border: none; outline: none;}
.navSearchInput .searchBtn i{position: absolute; top:18px; left:30px; display: block; width: 18px; height: 18px; background: url(../images/spirit.png) no-repeat; background-position: -80px -17px;}
.navSearchInput .searchBtn:hover input{background: #e7504c;}
.navSearchTag {padding-top: 38px; padding-left: 4px;}
.navSearchTag span{font-size: 14px; line-height: 26px; color: #2e3034; margin-right: 18px; cursor: pointer;}
.navSearchTag span:hover{color: #e22c29;}
.navSearchBox .navSearchClose{position: absolute; top:40px; right:40px; width:22px; height: 21px; background: url(../images/spirit.png) no-repeat; background-position: -98px -17px; transition: all .2s;}
.navSearchBox .navSearchClose:hover{transform: rotate(180deg);}
.navSearchBox.on{position: absolute; left:50%; top: 70px; margin-left: -600px;  z-index: 8; visibility: visible; opacity: 1; transition: all .2s;}

/* 产品分类下拉 */
#navBar .navProductBox{position: absolute; left:50%; top: -800%; margin-left: -600px; visibility: hidden; opacity: 0; z-index: -10; width:1200px; background: #ffffff; transition: all .2s; box-shadow: 0 0 10px rgba(0 ,0 ,0 , 0.03); border: 1px solid #f0f0f0;}
#navBar .navProductBox.show{position: absolute; left:50%; top: 70px; margin-left: -600px; visibility: visible; opacity: 1; z-index: 8;}
#navBar .navProductCon{background: #ffffff; overflow: hidden;}
#navBar .navProductCon .navProductLeft{width: 120px; background: #4f5156; height: 100%; padding-bottom: 9999px; margin-bottom: -9999px;}
#navBar .navProductCon .navProductLeft ul{padding-bottom: 5px;}
#navBar .navProductCon .navProductLeft li a{display: block; font-size: 14px; color: #ffffff; line-height: 30px; padding: 0 10px 0 25px; cursor: pointer;}
#navBar .navProductCon .navProductLeft li a:hover,#navBar .navProductCon .navProductLeft li.on a{background: #ffffff; color: #df2b28;}
#navBar .navProductCon .navProductRight {width: 1080px; background: #ffffff; height: auto;}
#navBar .navProductRight .navProductClass{background: #ffffff; display: none;}
#navBar .navProductRight .navProductClass.on{opacity: 1; display: block;}
#navBar .navProductRight .navProductClass .fl {width: 135px; padding: 15px 0;}
#navBar .navProductRight .navProductClass .fl a{position: relative; display: block; width: 70px; padding: 0 35px 0 30px; font-size: 14px; color: #262626; line-height: 28px; font-weight: bold;}
#navBar .navProductRight .navProductClass .fl a:after { content: ''; display: block; width: 6px; height: 10px; position: absolute; top: 50%; margin-top: -6px; right: 20px; visibility: visible; background: url(../images/spirit.png) no-repeat; background-position: -127px -161px;}
#navBar .navProductCon .navProductRight .navProductClass a:hover{color: #df2b28;}
#navBar .navProductRight .navProductClass .fr{width: 915px; font-size: 0; border-bottom: 1px dotted #dfdfdf; padding: 15px 0 15px 0; margin-right: 30px;}
#navBar .navProductRight .navProductClass .fr a{font-size: 14px; color: #666666; line-height: 28px; margin-left: 12px; display: inline-block; zoom: 1; *display: inline;}
#navBar .navProductRight .navProductClass li:last-child .fr{border-bottom: none;}

/************** /导航栏 **************/

/************** 底部 **************/
#footerBar{background: #23252c; border-top: 2px solid #e22c29; position: relative; z-index: 5;}
#footerBar .footerBarTop{border-bottom: 1px solid #313338; padding-top: 60px; padding-bottom: 40px;}
#footerBar .footerBarTop .aboutUs{position: relative; width:270px; padding-right: 60px; font-size: 14px; line-height: 30px; color: #8d8e92; border-right: 1px solid #1c1e25;}
#footerBar .footerBarTop .aboutUs:after { content: ''; width: 0; height: 100%; border-right: 1px solid #2a2c32; position: absolute; right: 0; top: 0;}
#footerBar .footerBarTop .footerBarTitle{font-size: 18px; color: #e5e6ec; padding-bottom: 10px; font-weight: bold;}
#footerBar .footerBarTop .sitemap{width:510px; padding: 0 35px;}
#footerBar .footerBarTop li a{ font-size: 14px; line-height: 30px; color: #8d8e92; }
#footerBar .footerBarTop li a:hover{color: rgba(255, 255, 255, 0.8);}
#footerBar .footerBarTop .sitemapList{padding: 0 32px;}
#footerBar .footerBarTop .shareBox{position: relative; width:250px; padding-left: 35px; border-left: 1px solid #1c1e25;}
#footerBar .footerBarTop .shareBox:before { content: ''; width: 0; height: 100%; border-right: 1px solid #2a2c32; position: absolute; left: 0; top: 0;}
#footerBar .footerBarTop .shareBox li{padding-left: 35px; width:48px; text-align: center; position: relative; padding-bottom: 10px;}
#footerBar .footerBarTop .shareBox li i{display: block; width: 48px; height: 48px; background: url(../images/spirit.png) no-repeat;
  transition: all 0.2s cubic-bezier(.17, .67, .88, 1.25); 
  -o-transition: all 0.2s cubic-bezier(.17, .67, .88, 1.25);
  -webkit-transition: all 0.2s cubic-bezier(.17, .67, .88, 1.25);
  -moz-transition: all 0.2s cubic-bezier(.17, .67, .88, 1.25);
}
#footerBar .footerBarTop .shareBox li.weChat i{background-position: 0 -190px;}
#footerBar .footerBarTop .shareBox li.qq i{background-position: -48px -190px;}
#footerBar .footerBarTop .shareBox li.wb i{background-position: -96px -190px;}
#footerBar .footerBarTop .shareBox li.weChat a:hover i{background-position: 0 -238px;}
#footerBar .footerBarTop .shareBox li.qq a:hover i{background-position: -48px -238px;}
#footerBar .footerBarTop .shareBox li.wb a:hover i{background-position: -96px -238px;}
#footerBar .footerBarTop .shareBox li.sh i{background-position: 0 -286px;}
#footerBar .footerBarTop .shareBox li.tt i{background-position: -48px -286px;}
#footerBar .footerBarTop .shareBox li.zh i{background-position: -96px -286px;}
#footerBar .footerBarTop .shareBox li.sh a:hover i{background-position: 0 -334px;}
#footerBar .footerBarTop .shareBox li.tt a:hover i{background-position: -48px -334px;}
#footerBar .footerBarTop .shareBox li.zh a:hover i{background-position: -96px -334px;}
#footerBar .footerBarTop .shareBox .weChatDown{z-index: 0; visibility: hidden; opacity: 0; transition: all .2s; position: absolute; top:-210px; left:50%; margin-left: -164px; width:240px; height: 150px; border-radius: 5px; border: 1px solid #f0f0f0; padding: 30px 40px 0; background: #ffffff;  box-shadow: 0 0 10px rgba(0 ,0 ,0 , 0.03);}
#footerBar .footerBarTop .shareBox .weChatDown .weChatCode{width: 104px;}
#footerBar .footerBarTop .shareBox .weChatDown .weChatCode img{display: block; width: 104px; height: 104px;}
#footerBar .footerBarTop .shareBox .weChatDown .weChatCode p{font-size: 14px; color: #232529; line-height: 35px; text-align: center;}
#footerBar .footerBarTop .shareBox .weChatDown span{position: absolute; bottom:-7px; left:50%; margin-left: -11px; display: block; width:23px; height: 14px; background: url(../images/spirit.png) no-repeat; background-position: -120px -24px;}
#footerBar .footerBarTop .shareBox .weChat .line{position: absolute; top:-20px; left:0; width: 100%; height: 25px;}
#footerBar .footerBarTop .shareBox .weChat a:hover .weChatDown{z-index: 10; opacity: 1; visibility: visible; position: absolute; top:-200px; left:50%; margin-left: -164px;}
#footerBar .footerInfo{padding: 35px 0;}
#footerBar .footerInfo .footerInfoFont, #footerBar .footerInfo .footerInfoFont a{font-size: 14px; line-height: 24px; color: #686a6e;}
#footerBar .footerInfo .footerInfoFont a:hover{color: rgba(255, 255, 255, 0.8);}
#footerBar .footerInfo .mfLogo img{display: block; width: 182px; height: 35px;}
/************** /底部 **************/

/* 头部广告 */
#adHead{position: relative; height: 160px; width:100%; overflow: hidden; transition: all .2s;}
#adHead a{display: block; width: 100%; height: 160px; overflow: hidden;}
#adHead a img{display: block; width:2240px; height: 160px; position: absolute; left: 50%; margin-left: -1120px; top: 0; transition: all .5s;}
#adHead .close{position: absolute; top:10px; right:10px; display: block; width: 24px; height: 24px; background: url(../images/spirit.png) no-repeat; background-position: 0 0; cursor: pointer;}
#adHead .close:hover{background-position: -24px 0;}
#adHead .adTip{position: absolute; top:0; left:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
#adHead a:hover img{transform: scale(1.05);}
/* /头部广告 */

/* 左侧广告 */
.adAsMainLeft{width: 860px; height: 90px; overflow: hidden;}
.adAsMainLeft a{position: relative; display: block; height: 90px; overflow: hidden;}
.adAsMainLeft a img{display: block; width: 860px; height: 90px; transition: all .5s;}
.adAsMainLeft .adTip{position: absolute; top:0; right:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
.adAsMainLeft a:hover img{transform: scale(1.05);}
/* /左侧广告 */

/* 右侧广告 */
.adAsMainRight{width: 300px; height: 200px; overflow: hidden;}
.adAsMainRight a{position: relative; display: block; height: 200px; overflow: hidden;}
.adAsMainRight a img{display: block; width: 300px; height: 200px; transition: all .5s;}
.adAsMainRight .adTip{position: absolute; top:0; right:0; display: block; width:32px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
.adAsMainRight a:hover img{/*transform: scale(1.05);*/}
/* /右侧广告 */

/* 底部通栏广告 */
#adFooter{position: fixed; bottom: 0; left:0; height: 160px; width:100%; overflow: hidden; transition: all .2s; z-index: 12;}
#adFooter a{display: block; width: 100%; height: 160px; overflow: hidden;}
#adFooter a img{display: block; width:1920px; height: 160px; position: absolute; left: 50%; margin-left: -960px; top: 0; transition: all .5s;}
#adFooter .close{position: absolute; top:10px; right:10px; display: block; width: 24px; height: 24px; background: url(../images/spirit.png) no-repeat; background-position: 0 0; cursor: pointer;}
#adFooter .close:hover{background-position: -24px 0;}
#adFooter .adTip{position: absolute; top:0; left:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
#adFooter a:hover img{transform: scale(1.05);}
/* /底部通栏广告 */

/* 对联广告 */
.adDuiLian{width: 80px; height: 266px; transition: all .2s; z-index: 12;}
.adDuiLian a{display: block; width: 100%; height: 266px; overflow: hidden;}
.adDuiLian a img{display: block;  width: 80px; height: 266px; transition: all .5s;}
.adDuiLian .close{position: absolute; bottom:-24px; left:0; display: block; height: 24px; width: 100%; line-height: 24px; text-align: center; cursor: pointer; background: #f6f6f6; font-size: 13px; color: #696a6e;}
.adDuiLian .close span{padding-left: 18px; position: relative; display: inline-block; zoom: 1; *display: inline;}
.adDuiLian .close span:after{content: ''; display: block; position: absolute; top:6px; left:0;  width: 12px; height: 12px; background: url(../images/spirit.png) no-repeat; background-position: -53px -754px;}
.adDuiLian .close:hover{background: #e6e6e6;}
.adDuiLian .adTip{position: absolute; top:0; left:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
.adDuiLian a:hover img{transform: scale(1.05);}
#adDuiLianLeft{position: fixed; top:50%; margin-top: -170px; left:0;}
#adDuiLianRight{position: fixed; top:50%; margin-top: -170px; right:0;}
@media (min-width: 1440px){
	.adDuiLian{width: 120px; height: 400px; transition: all .2s; z-index: 12;}
	.adDuiLian a{display: block; width: 100%; height: 400px; overflow: hidden;}
	.adDuiLian a img{display: block;  width: 120px; height: 400px; transition: all .5s;}
	.adDuiLian .close{position: absolute; bottom:-26px; left:0; display: block; height: 26px; width: 100%; line-height: 26px; text-align: center; cursor: pointer; background: #f6f6f6; font-size: 14px; color: #696a6e;}
	.adDuiLian .close span{padding-left: 21px; position: relative; display: inline-block; zoom: 1; *display: inline;}
	.adDuiLian .close span:after{content: ''; display: block; position: absolute; top:6px; left:0;  width: 14px; height: 14px; background: url(../images/spirit.png) no-repeat; background-position: -53px -735px;}
	.adDuiLian .close:hover{background: #e6e6e6;}
	.adDuiLian .adTip{position: absolute; top:0; left:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
	.adDuiLian a:hover img{transform: scale(1.05);}
	#adDuiLianLeft{position: fixed; top:50%; margin-top: -250px; left:0;}
	#adDuiLianRight{position: fixed; top:50%; margin-top: -250px; right:0;}
}
/* /对联广告 */

/* 右侧浮窗广告 */
.adRightFix{position: fixed; bottom: 0; right:0; width: 300px; height: 180px; overflow: hidden; transition: all .2s; z-index: 12;}
.adRightFix a{display: block; width: 100%; height: 180px; overflow: hidden;}
.adRightFix a img{display: block;  width: 300px; height: 180px; transition: all .5s;}
.adRightFix .close{position: absolute; top:10px; right:10px; display: block; width: 24px; height: 24px; background: url(../images/spirit.png) no-repeat; background-position: 0 0; cursor: pointer;}
.adRightFix .close:hover{background-position: -24px 0;}
.adRightFix .adTip{position: absolute; top:0; left:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
.adRightFix a:hover img{transform: scale(1.05);}
@media (min-width: 1440px){
	.adRightFix{position: fixed; bottom: 0; right:0; width: 340px; height: 200px; overflow: hidden; transition: all .2s; z-index: 12;}
	.adRightFix a{display: block; width: 100%; height: 200px; overflow: hidden;}
	.adRightFix a img{display: block;  width: 340px; height: 200px; transition: all .5s;}
	.adRightFix .close{position: absolute; top:10px; right:10px; display: block; width: 24px; height: 24px; background: url(../images/spirit.png) no-repeat; background-position: 0 0; cursor: pointer;}
	.adRightFix .close:hover{background-position: -24px 0;}
	.adRightFix .adTip{position: absolute; top:0; left:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
	.adRightFix a:hover img{transform: scale(1.05);}
}
/* /右侧浮窗广告 */

/* 内容插播广告 */
#asMain .adContent{width: 860px; height: 80px; overflow: hidden;}
#asMain .adContent a{position: relative; display: block; height: 80px; overflow: hidden;}
#asMain .adContent a img{display: block; width: 860px; height: 80px; transition: all .5s;}
#asMain .adContent .adTip{position: absolute; top:0; right:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
#asMain .adContent a:hover img{transform: scale(1.05);}
/* /内容插播广告 */


/* 返回顶部 */
#fixedRight{position: fixed; left: 50%; bottom: 10px; margin-left: 620px; transition: all .2s; display: none;}
#fixedRight div{padding-bottom: 10px;}
#fixedRight a{position: relative; display: block; width: 60px; height: 60px; background: #f6f6f6; text-align: center; font-size: 14px; color: #28272d; line-height: 20px;}
#fixedRight a:hover{color: #e22c29; background: #f2f2f2;}
#fixedRight .feedBack a{padding-top: 10px; height: 50px;}
#fixedRight .gotop i{position: absolute; top:22px; left:50%; margin-left: -12px; display: block; width: 24px; height: 17px; background: url(../images/spirit.png) no-repeat; background-position: -44px -392px;}
#fixedRight .gotop a:hover i{background: url(../images/spirit.png) no-repeat; background-position: -44px -414px;}
/* /返回顶部 */

/************** 头部广告 **************/
.adAsMainUp{width: 1200px; height: 100px; overflow: hidden;}
.adAsMainUp a{position: relative; display: block; height: 100px; overflow: hidden;}
.adAsMainUp a img{display: block; width: 1200px; height: 100px; transition: all .5s;}
.adAsMainUp .adTip{position: absolute; top:0; right:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}
.adAsMainUp a:hover img{transform: scale(1.05);}
/************** /头部广告 **************/

.adBanner{position: relative; height: 220px; width:100%; overflow: hidden; transition: all .2s;}
.adBanner a{display: block; width: 100%; height: 100%; overflow: hidden;}
.adBanner a img{display: block; width:1920px; height: 100%; position: absolute; left: 50%; margin-left: -960px; top: 0; transition: all .5s;}
/*.adNewsLetter .adTip{position: absolute; top:0; right:0; display: block; padding: 0 5px; height: 18px; font-size: 12px; color: #e0e0e0; text-align: center; line-height: 18px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#40000000",endColorstr = "#40000000");}*/
.adBanner a:hover img{transform: scale(1.05);}


/************** 登录弹出框 **************/
#blackPop{display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 19; -moz-opacity: 0.4; opacity: .40; filter: alpha(opacity=40);}
#loginPop{display: none; position: fixed; top: 50%; left: 50%; margin-left: -231px; margin-top: -265px; width:312px; height: 485px; padding: 30px 75px 20px; border-radius: 5px; background: #ffffff; z-index: 20;}
#loginPop .close{position: absolute; top:15px; right:15px; display: block; width:12px; height: 12px; background: url(../images/spirit.png) no-repeat -120px -146px; cursor: pointer; transition: all .2s;}
#loginPop .close:hover{transform: rotate(180deg);}
/************** /登录弹出框 **************/

/************** /第三方登录弹窗 **************/
#thirdPartyLogin{display: none; position: fixed; top: 50%; left: 50%; margin-left: -231px; margin-top: -240px; width:312px; height: 430px; padding: 30px 75px 20px; border-radius: 5px; background: #ffffff; z-index: 20;}
#thirdPartyLogin .close{position: absolute; top:15px; right:15px; display: block; width:12px; height: 12px; background: url(../images/spirit.png) no-repeat -120px -146px; cursor: pointer; transition: all .2s;}
#thirdPartyLogin .close:hover{transform: rotate(180deg);}
#thirdPartyLogin .loginPhone .checkBox{width:312px;}
/************** /第三方登录弹窗 **************/


/************** 登录 **************/
.loginTable .loginTableCon .loginTableTitle{overflow: hidden; border-bottom: 1px solid #e1e1e1; margin-bottom: 28px;}
.loginTable .loginTableCon .loginTableTitle span{float: left; width: 50%; border-bottom: 3px solid #ffffff; font-size: 18px; color: #666666; line-height: 46px; text-align: center; cursor: pointer;}
.loginTable .loginTableCon .loginTableTitle span:hover{color: #e22c29;}
.loginTable .loginTableCon .loginTableTitle span.on{font-weight: bold; color: #27282d; border-bottom: 3px solid #e22c29;}
.loginTable .loginTableCon .loginForm li{position: relative; padding-bottom: 22px; overflow: hidden;}
.loginTable .loginTableCon .loginForm li .redBtn{width:100%;}
.loginTable .loginTableCon .loginForm ul{background: #ffffff; display: none;}
.loginTable .loginTableCon .loginForm ul.on{display: block;}
.inputBox{float: left; width:288px; height: 23px; line-height: 23px; padding:10px; border: 1px solid #e1e1e1; border-radius: 5px; background: #ffffff; outline: none; font-size: 16px; color: #27282d; font-family: Helvetica; overflow: hidden;}
.inputBox.on{border:1px solid #e22c29; background: #ffffff;}
.inputBox.inputCodeBox{padding-right: 135px; width:163px;}
.codeIMG{position: absolute; top: 1px; right:5px; width: 110px; height: 43px; cursor: pointer; overflow: hidden;}
.codeIMG span{width: 110px; height: 43px; overflow: hidden; display: table-cell; vertical-align: middle; background: #fff;}
.codeIMG span img{max-width: 110px; margin: 0 auto; max-height: 36px; display: block; background: #000;}
.checkBox {float: left; position: relative; line-height: 16px; height: 16px; width: 130px; overflow: hidden;}
.checkBox input { width: 1px; height: 1px; opacity: 0;}
.checkBox label:hover{color: #e22c29;}
.checkBox label.on{background-position: 0 0;}
.checkBox label {position: absolute; left: 0; top: 0; cursor: pointer; padding-left: 30px; font-size: 14px; height: 16px; color: #2c2c2c; background: url(../images/checkbox.png) no-repeat 0 -16px;}
.passwordReg a{float: left; font-size: 14px; color: #323232; line-height: 16px;}
.passwordReg a:hover{color: #e22c29;}
.passwordReg span:after{float: left; content: ''; display: block; width: 0;  height: 12px; border-right: 1px solid #e1e1e1; padding-left: 10px; margin-right: 10px; margin-top: 2px;}
.redBtn{display: block; height: 43px; line-height: 43px; font-size: 16px; color: #ffffff; background: #e22c29; border-radius: 5px; text-align: center; border:none; outline: none; border:1px solid #e22c29;}
.redBtn:hover{background: #c92724; color: #ffffff; border:1px solid #c92724;}
.redBorderBtn{display: block; height: 43px; line-height: 43px; font-size: 16px; color: #e22c29; background: #ffffff; border-radius: 5px; text-align: center; border:1px solid #e22c29; outline: none;}
.redBorderBtn:hover{background: #fbf1f1;}
.otherLogin{padding-bottom: 20px;}
.otherLogin .otherLoginFont{font-size: 14px; color: #878787; text-align: center; line-height: 22px; padding-bottom: 15px;}
.otherLogin .otherLoginFont a{color: #e22c29;}
.otherLogin .otherLoginFont a:hover{color: #c92724;}
.otherLogin .otherLoginBtn{text-align: center; font-size: 0;}
.otherLogin .otherLoginBtn a{display: inline-block; zoom: 1; *display: inline; width: 42px; height: 42px; margin: 0 15px; background: url(../images/spirit.png) no-repeat; transition: all .2s;}
.otherLogin .otherLoginBtn a.wchat{background-position: 0 -645px;}
.otherLogin .otherLoginBtn a.wb{background-position: -42px -645px;}
.otherLogin .otherLoginBtn a.qq{background-position: -84px -645px;}
.otherLogin .otherLoginBtn a.wchat:hover{background-position: 0 -687px;}
.otherLogin .otherLoginBtn a.wb:hover{background-position: -42px -687px;}
.otherLogin .otherLoginBtn a.qq:hover{background-position: -84px -687px;}
.loginForm .onShow{position: absolute; bottom:0; left:10px; font-size: 12px; color: #e22c29; line-height: 22px;}
.loginForm .onError{position: absolute; bottom:0; left:10px; font-size: 12px; color: #e22c29; line-height: 22px;}
.loginForm .onCorrect{position: absolute; bottom:0; left:10px; font-size: 12px; color: #878787; line-height: 22px;}
.loginForm .onHide{display: none;}
.inputBox.inputAreaCode{padding-left: 70px; width:228px;}
.areaCode{position: absolute; top:1px; left:1px;}
.areaCode input{width:40px; height: 23px; padding: 10px; border:none; outline: none; border-radius: 5px; text-align: center; font-size: 16px; color: #2c2c2c;}
.areaCode:after{position: absolute; top:0; right:1px;content: '';display: block;width: 0;height: 16px;border-right: 1px solid #e1e1e1;margin-top: 14px;}
.numCodeBtn{display: block; width:100%; line-height: 43px; font-size: 16px; color: #e22c29; text-align: center; border: none; outline: none; background: #ffffff;}
.numCodeBtn:hover{color: #c92724;}
/************** /登录 **************/

/* 标签列表 */
#asMain .tagBox{width:1220px; padding-bottom: 20px;}
.tagBox{position: relative; width:880px; height: 116px; margin-left: -10px;/* overflow: hidden;*/}
.tagBox .tagBoxList{position: absolute; top:0; left:0; background: #ffffff; font-size: 0; z-index: 7; transition: all .2s;}
.tagBox .tagBoxList a{float: left; display: block; height: 38px; line-height: 38px; padding: 0 20px; text-align: center; background: #f6f6f6; border-radius: 38px; font-size: 16px; color: #27282d; margin-bottom: 20px; margin-right: 10px; margin-left: 10px;}
.tagBox .tagBoxList a:hover{color: #e22c29; background: #fbf1f1;}
.tagBox .tagBoxList span{float: left; position: relative; display: block; height: 38px; line-height: 38px; padding: 0 38px 0 20px; text-align: center; color: #e22c29; background: #fbf1f1; border-radius: 38px; font-size: 16px; margin-bottom: 20px; cursor: pointer; margin-left: 10px; display: none;}
.tagBox .tagBoxList span.on{display: block;}
.tagBox .tagBoxList span i{position: absolute; top:16px; right:20px; display: block; width: 12px; height: 7px; background: url(../images/spirit.png) no-repeat; background-position: -35px -24px;}

/*标题*/
.title{border-bottom: 1px solid #f0f0f0; line-height: 28px; margin-bottom: 25px;}
.title .titleLeft{float: left;}
.title .titleLeft a{position: relative; bottom:-1px; display: inline-block; zoom: 1; *display: inline; font-size: 20px; font-weight: bold; color: #27282d; padding-bottom: 10px; border-bottom: 2px solid #e22c29;}
.title .titleLeft a:hover{color: #e22c29;}
.title .titleRight{float: right; font-size: 14px; color: #999999;}
.title .titleRight a{font-size: 14px; color: #666666;}
.title .titleRight a:hover{color: #e22c29;}

/*面包屑导航*/
.breadNav{padding: 30px 0; font-size: 14px; color: #666666; line-height: 20px;}
.breadNav a{color: #666666;}
.breadNav a:hover{color: #e22c29;}

/*分页*/
.pageNav{text-align: center; padding: 10px 0 45px;}
.pageNav span{display: inline-block; zoom: 1; *display: inline; height: 36px; line-height: 36px; padding: 0 15px; background: #ffffff; border:1px solid #f0f0f0; border-radius: 3px; margin:0 10px; cursor: pointer; font-size: 16px; color: #1f2022;}
.pageNav span:hover{color: #e22c29;}
.pageNav span.on{background: #e22c29; color: #ffffff;}
.pageNav span.on:hover{background: #c92724;}

/*切换标题*/
#asMain .asMainArticle .articleMenu { border-bottom: 1px solid #efefef; margin-bottom: 20px;}
#asMain .articleMenu .articleMenuLeft li{margin-right: 31px;}
#asMain .articleMenu .articleMenuLeft li a{display: block; font-size: 20px;line-height: 30px; padding-bottom: 15px; color: #27282d; font-weight: bold; border-bottom: 4px solid #ffffff;}
#asMain .articleMenu .articleMenuLeft li.on a{border-bottom: 4px solid #e22c29; color: #e22c29;}
#asMain .articleMenu .articleMenuLeft li a:hover{color: #e22c29;}

#asMain .specialTitle{border-bottom: 1px solid #efefef; text-align: center; margin-bottom: 45px;}
#asMain .specialTitle li{margin: 0 18px; display: inline-block; zoom: 1; *display: inline;}
#asMain .specialTitle li a{display: block; font-size: 20px;line-height: 30px; padding-bottom: 15px; color: #27282d; font-weight: bold; border-bottom: 4px solid #ffffff;}
#asMain .specialTitle li.on a{border-bottom: 4px solid #e22c29; color: #e22c29;}
#asMain .specialTitle li a:hover{color: #e22c29;}

/*查看更多*/
#asMain .moreArticleBtn{margin-right: 40px; margin-left: 20px; margin-bottom: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #e22c29; border:1px solid #e22c29; cursor: pointer; transition: all .3s;}
#asMain .moreArticleBtn:hover{background: #e22c29; color: #ffffff;}

#asMain .articleListBox .articleList .moreArticleBtn{margin-right: 40px; margin-left: 20px; margin-bottom: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #e22c29; border:1px solid #e22c29; cursor: pointer; transition: all .3s;}
#asMain .articleListBox .articleList .moreArticleBtn:hover{background: #e22c29; color: #ffffff;}

#asMain .articleMore{width: 160px; height: 50px; line-height: 50px; text-align: center; border:1px solid #f09594; font-size: 16px; color: #e22c29; margin: 0 auto; cursor: pointer; margin-bottom: 70px; transition: all .5s;}
#asMain .articleMore:hover{background: #e22c29; color: #ffffff; border:1px solid #e22c29;}

/*时间地址小图标*/
#asMain .activityDescription p{position: relative; font-size: 14px; color: #909296; padding-left: 32px; line-height: 22px;}
#asMain .activityDescription p .iconTime{position: absolute; top:3px; left:10px; display: block; width: 16px; height: 16px; background: url(../images/spirit.png) no-repeat; background-position: -96px -158px;}
#asMain .activityDescription p .iconLocation{position: absolute; top:3px; left:10px; display: block; width: 13px; height: 16px; background: url(../images/spirit.png) no-repeat; background-position: -112px -158px;}


.messageBtn{position: relative; width: 36px; height: 36px; margin-right: 15px; background: url(../images/memberspirit.png) 0 0 no-repeat; cursor: pointer;}
.messageBtn:hover,.messageBtn.on{background-position: -36px 0;}
.messageBtn i,.messageBtn.on i{position: absolute; top:3px; right:-3px; height: 16px; line-height: 16px; padding:0 5px; background: #e22c29; border-radius: 20px; font-size: 12px; color: #ffffff; text-align: center; font-style: normal; display: inline-block; zoom: 1; *display: inline;}
.memberPhoto{position: relative; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; cursor: pointer; background: url(../images/author.jpg) no-repeat; background-size: 100% 100%;}
.memberPhoto img{display: block; width: 36px; height: 36px;}

/*我的消息*/
.myMessage{width:280px; background: #ffffff; position: absolute; right: 50%; top: -500%; margin-right: -600px; z-index: -10; visibility: hidden; opacity: 0; transition: all .2s; box-shadow: 0px 10px 10px 0px rgba(0 ,0 ,0 , 0.1); border-top: 1px solid #f0f0f0;}
.myMessage .myMessageTitle{padding: 10px 20px; border-bottom: 1px solid #e8e8e8; font-size: 16px; line-height: 26px; color: #232529;}
.myMessage .myMessageTitle span{float: right; font-size: 14px; color: #666666; line-height: 26px; cursor: pointer;}
.myMessage .myMessageTitle span:hover{color: #e22c29;}
.myMessage .messageList{background: #fcfcfc; height: 140px; overflow: hidden;}
.myMessage .messageList .messageListCon{height: 140px;}
.myMessage .messageList li a{position: relative; display: block; padding: 10px 60px 10px 20px; border-bottom: 1px solid #e8e8e8; font-size: 14px; color: #232529; line-height: 24px;}
.myMessage .messageList li a i{position: absolute; top:14px; right:20px; height: 16px; line-height: 16px; padding:0 5px; background: #a3a3a3; border-radius: 20px; font-size: 12px; color: #ffffff; text-align: center; font-style: normal; display: inline-block; zoom: 1; *display: inline;}
.myMessage .messageList li a:hover{background: #e22c29; color: #ffffff;}
.myMessage .messageList li a:hover i{background: #ffffff; color: #e22c29;}
.myMessage .allMessageBtn a{display: block; height: 50px; line-height: 50px; text-align: center; border-top: 1px solid #e8e8e8; background: #ffffff; font-size: 14px; color: #232529; box-shadow: 0px -5px 10px rgba(0 ,0 ,0 , 0.05);}
.myMessage .allMessageBtn a:hover{background: #e22c29; color: #ffffff;}
#navBar .myMessage .mCSB_inside > .mCSB_container{margin-right: 0;}
#navBar .myMessage .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: #e7e7e7;}
#navBar .myMessage .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background: #e7e7e7;}
#navBar .myMessage .mCSB_scrollTools .mCSB_draggerRail {display: none;}
#navBar .myMessage .mCSB_scrollTools { position: absolute; width: 4px; height: auto; left: auto; top: 1px; right: 0; bottom: 0;}
.myMessage .noMessage{display: none; padding: 20px; font-size: 16px; line-height: 26px; color: #232529; text-align: center;}
.myMessage.on{position: absolute; right: 50%; top: 70px; margin-right: -600px; z-index: 8; visibility: visible; opacity: 1;}

/*会员登录*/
.memberLogin{display: none;}
.memberLoginBox{width:140px; background: #ffffff; position: absolute; right: 50%; top: -500%; margin-right: -600px; z-index: -10; visibility: hidden; opacity: 0;  transition: all .2s; box-shadow: 0px 10px 10px 0px rgba(0 ,0 ,0 , 0.1); border-top: 1px solid #f0f0f0;}
.memberLoginBox div{padding: 15px 20px; font-size: 16px; line-height: 26px; color: #232529; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
.memberLoginBox div.memberExit{border-bottom: none; cursor: pointer; font-size: 14px;}
.memberLoginBox div.memberExit:hover{color: #e22c29;}
.memberLoginBox .memberNavList{padding: 5px 0;}
.memberLoginBox .memberNavList a{position: relative; display: block; padding: 0 20px 0 45px; height: 40px; line-height: 40px; font-size: 14px; color: #232529;}
.memberLoginBox .memberNavList a i{position: absolute; top:12px; left:20px; display: block; width: 16px; height: 16px; background: url(../images/memberspirit.png) no-repeat;}
.memberLoginBox .memberNavList a i.memberCenterIcon{background-position: -72px 0;}
.memberLoginBox .memberNavList a i.spaceIcon{background-position: -88px 0;}
.memberLoginBox .memberNavList a:hover{background: #e22c29; color: #ffffff;}
.memberLoginBox .memberNavList a:hover i.memberCenterIcon{background-position: -72px -16px;}
.memberLoginBox .memberNavList a:hover i.spaceIcon{background-position: -88px -16px;}
.memberLoginBox.on{position: absolute; right: 50%; top: 70px; margin-right: -600px; z-index: 8; visibility: visible; opacity: 1;}


/* 微信登录（仅评论） */

.cancelBtn{display: block; height: 43px; line-height: 43px; font-size: 16px; color: #666666; background: #eeeeee; border-radius: 5px; text-align: center; border:none; outline: none; border:1px solid #eeeeee;}
.cancelBtn:hover{background: #eaeaea; color: #666666; border:1px solid #eaeaea;}
#weChatBlackPop{position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 19; -moz-opacity: 0.4; opacity: .40; filter: alpha(opacity=40);}
#weChatLogin{position: fixed; top: 50%; left: 50%; margin-left: -231px; margin-top: -160px; width:312px; height: 270px; padding: 30px 75px 20px; border-radius: 5px; background: #ffffff; z-index: 20;}
#weChatLogin .close{position: absolute; top:15px; right:15px; display: block; width:12px; height: 12px; background: url(../images/spirit.png) no-repeat -120px -146px; cursor: pointer; transition: all .2s;}
#weChatLogin .close:hover{transform: rotate(180deg);}
#weChatLogin .loginTableCon p{text-align: center; font-size: 18px; color: #666666; padding-bottom: 40px;}
#weChatLogin .loginTableCon .cp{margin-bottom: 20px;}

/* /微信登录（仅评论） */


/* 人物专访 */
.title .rwzf{padding-left: 30px;}
.title .rwzf a{position: relative; bottom: -1px; display: inline-block; zoom: 1; *display: inline; font-size: 18px; color: #27282d; padding-bottom: 10px;}
.title .rwzf a:hover{color: #e22c29; font-weight: bold;}
.title .rwzf a:after{content: ""; position: absolute; top:2px; right:-28px; display: block; width: 24px; height: 12px; background: url(../images/new.png) no-repeat;}
#asMain .specialTitle li a.rwzf{position: relative;}
#asMain .specialTitle li a.rwzf:after{content: ""; position: absolute; top:2px; right:-28px; display: block; width: 24px; height: 12px; background: url(../images/new.png) no-repeat;}
/* /人物专访 */

/* 作者专栏 */
.title .author{padding-left: 30px;}
.title .author a{position: relative; bottom: -1px; display: inline-block; zoom: 1; *display: inline; font-size: 18px; color: #27282d; padding-bottom: 10px;}
.title .author a:hover{color: #e22c29; font-weight: bold;}
/* 作者专栏 */