/* CSS Document */
.top { background: #6fa0d7; line-height: 44px; min-height: 44px !important; z-index: 9 !important;}
.top a { display: block; text-align: center; color: #fff; }
.top a:active { background-color: #649845; }
.top .topNav { border: #66964F 1px solid; border-width: 0 1px; font-size: 0; }
.top .topNav a { font-size: 15px; position: relative; }
.top .topNav a:before { content: ''; position: absolute; left: -1px; top: 11px; height: 22px; width: 1px; background: #66964F; }
.topBtn { }
.topBtn a { width: 50px; }
.topBtn a.now, .topBtn2 a.now { background: #649845; }
.topBtn img { vertical-align: middle; }
.topBtn .logo39 { width: 33px; }
.topBtn .menu { width: 26px; }
.topMenu { background: #649845; line-height: 36px; font-size: 12px; height: 0px; overflow: hidden; transition: all 0.25s; }
.topMenu a { display: block; text-align: center; color: #fff; font-size: 14px; }
.topMenu a:active { color: #f60; }
.topMenu.show { height: 36px; }
.topFixed { position: relative; height: 44px !important; width: 100%; top: 0; left: 0; background: #FD901F; z-index: 9; }
.top .btn { display: inline-block; vertical-align: top; height: 44px;   transition: background-color 0.2s;}
.top h1 { width: 86px; margin: 0 auto; font-size: 16px; line-height: 45px;}
.top-left { position: absolute; left: 0; top: 0; }
.top-right { position: absolute; right: 0; top: 0; }
.top .btn-back { width: 40px; background: url(../images5/img.png) center -37px no-repeat; background-size: 100px auto; }
.top .btn-search { width: 34px; background: url(../images5/img.png) center -88px no-repeat; background-size: 100px auto; }
.top .btn-ask { width: 34px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMA+UvnVi4Q9uoCkgXxw7R/cAvGMgnkkRS/lIZDNuuro6FaK8eaenVIaj4cDDwbkgAAASNJREFUKM99k9t2gjAQRScJhHBHEAQKFrDVtuf//68xWhZSwn46rE1m5TJDMyGvcsGYyCse0hqZKmgYg0al8tU6Aoiz4kh0LLIYEM5C+g2QuDTjJkDjz/aMyFlVi3D+8wFKl1a4AsHzT0TGrnwEU1EKjLTBCHHff4qaNqmREoUK3bbuoELiiMlCDE4BMpvOEFCMwqYL5KRwMJm/vxHJqj3qOOioOUARYyaeGLwDfQCfz6jRbl97r8VPpriJGomScvvWOuR7B7ui2buWGvx+qe62ndCHRCmSbZ0gfTyos2UdKGlvB7ogmJtp+q+/UPq2Vpx8kh5u1kYuW3fAsByD+jEGXZbDEEEshqiHxvOg6dufMWH6y1+OYHBRzBNxdQvNAn79pl9G4xxJ7EeB5gAAAABJRU5ErkJggg==) center 13px no-repeat; background-size: 15px auto; }
.top .btn-nav { width: 34px; background: url(../images5/img.png) center -138px no-repeat; background-size: 100px auto; }
.nav { position: fixed; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 11; left:0; }
.nav-box { position: absolute; top: 44px; right: 0; background: #FFFFFF; bottom: 0; width: 152px; color: #333; }
.nav-box .tit { padding: 10px 10px 0; font-size: 12px; }
.nav-box .close { float: right; width: 18px; height: 18px; border-radius: 50%; background: #DDDDDD url(../images5/img.png) center -195px no-repeat; background-size: 100px auto; margin: 3px 0 0; }
.nav-so { border: #DDDDDD 1px solid; margin: 10px 10px 0; height: 18px; border-radius: 4px; background-image: url(../images5/img.png); background-size: 100px auto; background-repeat: no-repeat; background-position: 70px -247px; }
.nav-list { font-size: 13px; line-height: 23px; padding: 0 10px; }
.nav-list ul { }
.nav-list li { padding: 10px 0 0; }
.nav-list li a { display: block; background-color: #F7F7F7; border-radius: 3px; padding: 0 0 0 38px; background-image: url(../images5/img.png); background-size: 100px auto; background-repeat: no-repeat; }
.nav-list li a.now { background-color: #ddd; }
.nav-list li a:active { background-color: #ddd; color: #333; }
.nav-list li a.nav-icon1 { background-position: 13px -295px; }
.nav-list li a.nav-icon2 { background-position: 13px -345px; }
.nav-list li a.nav-icon3 { background-position: 13px -395px; }
.nav-list li a.nav-icon4 { background-position: 13px -445px; }
.nav-list li a.nav-icon5 { background-position: 13px -495px; }
.nav-list li a.nav-icon6 { background-position: 13px -545px; }
.nav-list li a.nav-icon7 { background-position: 13px -595px; }
.nav-list li a.nav-icon8 { background-position: 13px -645px; }
.nav-list li a.nav-icon9 { background-position: 13px -695px; }
.nav-list li a.nav-icon10 { background-position: 13px -744px; }
.crumbs { font-size: 16px; line-height: 30px; padding: 0 15px; color: #999;border-bottom: #E7E7E7 1px solid; }
.crumbs a { color: #999; }
.crumbs a:active { color: #f60; }
.crumbs b { color: #333; }
.head { padding: 10px 15px 0; }
.head .logo { }
.head .logo img { width: 105px; }
.head .hotkey { text-align: right; font-size: 12px; line-height: 14px; padding: 20px 0 0; }
.head .hotkey a { color: #666; }
.head .hotkey a:first-of-type { }
.head .hotkey i { position: relative; top: -1px; }
.search { margin: 12px 15px 0; border: #73A85F 1px solid; padding: 4px 15px; position: relative; border-radius: 20px; font-size: 14px; }
.search:before { content: ''; position: absolute; right: 6px; top: 0; width: 36px; height: 36px; background: url(../images5/search.png) center center no-repeat; background-size: 22px; }
.navMap { font-size: 14px; padding: 18px 15px 0; }
.navMap:after { content: ''; display: block; clear: both }
.navMap li { text-align: center; }
.navMap li a { display: block; width: 56px; padding: 60px 0 2px 0; position: relative; }
.navMap li a:active { opacity: 0.9; }
.navMap li a:before { position: absolute; top: 0; left: 0; width: 100%; height: 54px; background-color: #73A85F; border-radius: 50%; content: ''; background-repeat: no-repeat; background-position: center center; }
.navMap .iconMap1:before { background-image: url(../images5/navicon1.png); background-size: 28px auto; }
.navMap .iconMap2:before { background-image: url(../images5/navicon2.png); background-size: 28px auto; }
.navMap .iconMap3:before { background-image: url(../images5/navicon3.png); background-size: 23px auto; }
.navMap .iconMap4:before { background-image: url(../images5/navicon4.png); background-size: 29px auto; }
.foot { text-align: center; color: #fff; padding: 10px 0 12px; background: #75A758 !important; position: relative; margin: 30px 0 0; }
.foot p { font-size: 13px; padding: 6px 0 0; line-height: 28px; }
.foot p a { color: #fff; display: inline-block; vertical-align: top; margin: 0 5px; }
.foot p i { font-size: 10px; }
.foot-dl { }
.foot-dl a { font-size: 15px; }
.foot-dl b { font-size: 13px; display: inline-block; vertical-align: top; box-sizing: border-box; border: #D1D4DA 1px solid; border-radius: 5px; padding: 0 5px; height: 28px; margin: 0 5px; }
.foot .totop { position: absolute; width: 24px; height: 24px; background: url(../images5/back.png); right: 29px; top: 12px; background-size: 24px; }
@media screen and (min-width:640px) {
    .navMap li, .listKey li { width: 16.66%; }
}
/*base box wrap*/
.boxA { margin: 15px 0 0; }
.boxA .tit { background: #F7F9F7; border-top: #C2D9B6 1px solid; padding: 0 15px; }
.boxA .tit h2 { font-size: 16px; color: #52902e; line-height: 2; font-weight: normal; position: relative; padding: 0 0 0 12px; }
.boxA .tit h2:before { content: ''; position: absolute; top: 8px; left: 0; width: 3px; height: 16px; background: #82B665; }
.boxA .tit h2 i { font-size: 14px; margin: 0 0 0 10px; }
.boxA .tit .btn { float: right; font-size: 12px; line-height: 22px; background: #89BD6C; color: #fff; width: 70px; text-align: center; border-radius: 4px; margin: 6px 0 0; }
.boxA .tit .btn:active { opacity: 0.8; }
.boxA .tit .arrow { float: right; height: 33px; width: 33px; background: url(../images5/arrow.png) right center no-repeat; background-size: auto 16px; }
.boxA .tit .arrow:active { opacity: 0.8; }
.boxA .tit-link{
    float: right;
    font-size: 12px;
    line-height: 32px;
    color: #f90; z-index: 1; position: relative;
}
.boxA .subtit { position: relative; margin: 7px 15px 0; padding: 0 13px; border-bottom: #EEEEEE 1px solid; line-height: 36px; color: #333; }
.boxA .subtit:before { content: ''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; background: #82B665; margin: -2px 0 0 0; }
/*common swipe*/
.swipe {}
.swipe:last-of-type { border: none; }
.swipeTab { font-size: 15px; background: #F1F5F0; height: 32px; }
.swipeTab:after { content: ''; display: block; clear: both }
.swipeTab li { text-align: center; float: left; width: 33.33%; padding: 5px 0 0; height: 25px; }
.swipeTab li b { display: inline-block; vertical-align: top; line-height: 25px; }
.swipeTab .now b { border-bottom: #82B665 2px solid; }
.swipeTab .now b { color: #333; }
.swipeCon { }
.swipeItem{display: none;}
.hid{display: block;}
.swipeCon { overflow: hidden;  position: relative; width: 100%; }
.swipeWrap { overflow: hidden; position: relative; }
.swipeWrap > div { float: left; width: 100%; position: relative; }
#bfd-art, #bfd-drug{ min-height: 10px;}
.reco { border: none; margin: 15px 0; }
.reco .swipeItem { padding: 0 10px; box-sizing: border-box; }
.reco .swipeItem:after { content: ''; display: block; clear: both; }
/* .reco a { font-size: 14px; float: left; width: 50%; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; } */
.reco a img { width: 100%; }
.reco a span { position: absolute; left: 5px; bottom: 0; right: 5px; color: #fff; line-height: 25px; background: rgba(0, 0, 0, 0.5); text-indent: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.reco .swipeTab, .apps .swipeTab { text-align: center; border: none; padding: 0; background: none; }
.reco .swipeTab li, .apps .swipeTab li { float: none; display: inline-block; background: #b5b5b5; width: 8px; height: 8px; padding: 0; margin: 0 5px; border-radius: 50%; }
.reco .swipeTab li.now, .apps .swipeTab li.now { border: none; background: #82b665; }
.apps { width: 100%; padding: 0; }
.apps li { float: left; width: 25%; text-align: center; font-size: 13px; }
.apps li a { width: 100%; padding:0; }
.apps li b { display: block; }
.apps li img { width: 56px !important; height: 56px !important; border-radius: 6px; }
.apps li span { padding: 8px 0 0; display: block; }
/* bot fixed */
.fixedBot { position: fixed; width: 100%; left: 0; top: 0; color: #fff;z-index: 10;}
.fixedBot .close { width: 20px; text-align: center; font-size: 14px; line-height: 21px; overflow: hidden; position: absolute; right: 0; top: 0px; background:rgba(0,0,0,0.3); }
.fixedBot .close:after {content: 'X'; }
.fixedBot a { color: #fff; font-size: 13px; padding: 10px; background: rgba(51,51,51,0.8); }
.fixedBot a img { /*width: 80px; height: 50px;*/ display: block;background-size: 100% auto;height: 100%;}
.fixedBot a span { line-height: 25px; display: block; padding: 0 0 0 10px; }
.fixedBot a span i { color: #f16304; }
.fixedBot a b { background: #649845; padding: 3px 13px; border-radius: 5px; height: 26px; margin: 10px 0 0; }
.fixedBot a:active { background: rgba(51,51,51,0.9); }
#bottomsuspension{    position: fixed; z-index: 10; width: 100%; left: 0; top: 0; color: #fff; }
#bottomsuspension small{z-index:10;right: 20px !important;}
.aLink{position: absolute;top: 0;display: block;z-index: 100;max-height: 100px;height: 75px;width: 100%;}
.aLink a{width: 50%;float: left;padding:0;    height: 75px;background: none;}