*{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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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 25px; position: relative;}

#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.asmagzine .navbarleft li:nth-last-child(2)::after{
	content: "直播";
	position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    background: #ff5967;
    font-size: 12px;
    color: #ffffff;
    border-radius: 10px;
    border-bottom-left-radius: 0;
}

#navbar.asmagzine .navbarleft li.logo::after{display:none !important;}

#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; width:85px; height: 44px;}

#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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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: -93px; width:100px; 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(/uploads/image/jpc2images/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: -93px;}

#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(/uploads/image/jpc2images/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:2240px; height: 160px; position: absolute; left: 50%; margin-left: -1120px; top: 0; transition: all .5s;}

#adfooter .close{position: absolute; top:10px; right:10px; display: block; width: 24px; height: 24px; background: url(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/spirit.png) no-repeat; background-position: -44px -392px;}

#fixedright .gotop a:hover i{background: url(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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:  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(/uploads/image/jpc2images/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: 9px; 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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/spirit.png) no-repeat; background-position: -112px -158px;}





.messagebtn{position: relative; width: 36px; height: 36px; margin-right: 15px; background:  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(/uploads/image/jpc2images/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:  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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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(/uploads/image/jpc2images/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;}

/* 作者专栏 */