/* reset ������ʽ */
* { padding: 0; margin: 0; }
ol, ul { list-style: none; }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none; color: #ff4444; }
.clear { clear: both; overflow: hidden; }
.clearfix { *zoom:1
}
.clearfix:after { content: "\20"; clear: both; height: 0; display: block; overflow: hidden }
.main { width: 1000px; margin: 0 auto; zoom: 1; }
.main:after { content: "\20"; clear: both; height: 0; display: block; overflow: hidden }
.shadow { box-shadow: 0 1px 2px #f1f1f1; background-color: #fff; }
/* end ������ʽ */
/*tab1*/
.tab { border: 1px solid #ececec; background: #fff; border-radius: 2px; height: 350px; overflow: hidden; width: 998px; position: relative; margin: 0 auto; font-family: Microsoft Yahei; color: #333 }
.tab .c { width: 304px; padding-left: 694px; height: 350px; overflow: hidden; float: left; display: inline; }
.tab .pic { float: left; display: inline; margin: 5px 0 0 -689px; width: 660px; height: 340px; overflow: hidden; }
.tab .tips { height: 75px; line-height: 90px; overflow: hidden; color: #b2b2b2; overflow: hidden; font-size: 14px }
.tab .tips a { color: #999 }
.tab .tips a:hover { color: #666 }
.tab .tit { height: 52px; line-height: 48px; font-size: 22px; overflow: hidden; }
.tab .des { width: 240px; line-height: 24px; color: #999; font-size: 12px; }
.tab .control { position: absolute; height: 12px; left: 695px; top: 319px; z-index: 333; }
.tab .control a { width: 12px; height: 12px; overflow: hidden; float: left; display: inline; margin-right: 3px; background: url(http://www1.pcbaby.com.cn/2014/index/x.png) no-repeat 0 -304px; }
.tab .control a.current { background-position: 0 -290px; }
.tab .btn { width: 24px; height: 46px; position: absolute; top: 151px; background: url(http://www1.pcbaby.com.cn/2014/index/x.png) no-repeat; z-index: 333; }
.tab .btnL { left: 21px; display: none; }
.tab .btnR { right: 21px; display: none; }
.tab-active .btnL { background-position: 0 -356px; display: block; }
.tab-active .btnR { background-position: 0 -404px; display: block; }
.tab-active .btnL:hover { background-position: 0 -452px; }
.tab-active .btnR:hover { background-position: 0 -500px; }
/* baike */
.box-baike { background-color: #fff; font-family: Microsoft Yahei; color: #333; margin-bottom: 50px; }
.baike-th { height: 51px; background: url(http://www1.pcbaby.com.cn/2014/baike/images/icon-btn.png) repeat-x 0 bottom; margin: 20px auto 2px; }
.baike-th .baike-th-name, .baike-th em { float: left; }
.baike-th .baike-th-name { font-size: 20px; color: #ff4444; border-bottom: 2px solid #ff4444; line-height: 49px; vertical-align: middle; }
.baike-tb-dl-in, .baike-tb-dl:hover { position: relative; zoom: 1; }
.baike-tb-dl { display: inline; float: left; width: 292px; height: 100px; margin: 23px 20px 0px 20px; z-index: 110; }
.baike-th em { width: 905px; height: 22px; margin: 16px 0 0 12px; overflow: hidden; font-size: 14px; line-height: 22px; }
.baike-th em a { margin: 0 3px; display: block; float: left; }
.baike-tb-dl dl { float: left; display: inline; width: 292px; height: 100px; overflow: hidden; }
.baike-tb-dl-in dl, .baike-tb-dl:hover dl { z-index: 120; position: absolute; top: -16px; left: -20px; height: auto; background-color: #fff; border: 1px solid #ff4444; padding: 15px 20px 4px 19px; }
.box-baike dt { height: 42px; line-height: 42px; overflow: hidden; border-bottom: 1px dashed #ececec; font-size: 14px; font-weight: 600; }
.box-baike dt i { display: inline; float: left; width: 31px; height: 31px; overflow: hidden; margin: 5px 12px 0 0; background: url(http://www1.pcbaby.com.cn/2014/baike/images/icon-baike.png) no-repeat; }
.box-baike dt .icon1 { background-position: 0 0 }
.box-baike dt .icon4 { background-position: -42px 0 }
.box-baike dt .icon7 { background-position: -82px 0 }
.box-baike dt .icon2 { background-position: -122px 0 }
.box-baike dt .icon5 { background-position: -160px 0 }
.box-baike dt .icon8 { background-position: -200px 0 }
.box-baike dt .icon3 { background-position: -240px 0 }
.box-baike dt .icon6 { background-position: -280px 0 }
.box-baike dl dt .icon9 { background-position: -319px 0px }
.box-baike dl dt .icon10 { background-position: -361px 0px }
.box-baike dl dt .icon11 { background-position: -401px 0px }
.box-baike dl dt .icon12 { background-position: -441px 0px }
.box-baike dl dt .icon13 { background-position: -479px 0px }
.box-baike dl dt .icon14 { background-position: -519px 0px }
.box-baike dl dt .icon15 { background-position: -559px 0px }
.box-baike dl dt .icon16 { background-position: -599px 0px }
.box-baike dl dt .icon17 { background-position: -639px 0px }
.box-baike dl dt .icon18 { background-position: -680px 0px }
.box-baike dd { overflow: hidden; padding: 4px 0 4px; }
.box-baike dd span { width: 96px; float: left; line-height: 28px; height: 28px; }
.box-baike dd a { padding: 0 5px; line-height: 20px; height: 20px; overflow: hidden; border: 1px solid #fff; float: left; font-size: 12px; line-height: 18px; }
.box-baike dd a:hover { color: #666 !important; border: 1px solid #999; color: #666; border-radius: 10px; }
.baike-tb-dl-in dl dt .icon1, .baike-tb-dl:hover dl dt .icon1 { background-position: 0 -36px }
.baike-tb-dl-in dl dt .icon4, .baike-tb-dl:hover dl dt .icon4 { background-position: -42px -36px }
.baike-tb-dl-in dl dt .icon7, .baike-tb-dl:hover dl dt .icon7 { background-position: -82px -36px }
.baike-tb-dl-in dl dt .icon2, .baike-tb-dl:hover dl dt .icon2 { background-position: -122px -36px }
.baike-tb-dl-in dl dt .icon5, .baike-tb-dl:hover dl dt .icon5 { background-position: -160px -36px }
.baike-tb-dl-in dl dt .icon8, .baike-tb-dl:hover dl dt .icon8 { background-position: -200px -36px }
.baike-tb-dl-in dl dt .icon3, .baike-tb-dl:hover dl dt .icon3 { background-position: -240px -36px }
.baike-tb-dl-in dl dt .icon6, .baike-tb-dl:hover dl dt .icon6 { background-position: -280px -36px }
.baike-tb-dl-in dl dt .icon9, .baike-tb-dl:hover dl dt .icon9 { background-position: -319px -36px }
.baike-tb-dl-in dl dt .icon10, .baike-tb-dl:hover dl dt .icon10 { background-position: -361px -36px }
.baike-tb-dl-in dl dt .icon11, .baike-tb-dl:hover dl dt .icon11 { background-position: -401px -36px }
.baike-tb-dl-in dl dt .icon12, .baike-tb-dl:hover dl dt .icon12 { background-position: -441px -36px }
.baike-tb-dl-in dl dt .icon13, .baike-tb-dl:hover dl dt .icon13 { background-position: -479px -36px }
.baike-tb-dl-in dl dt .icon14, .baike-tb-dl:hover dl dt .icon14 { background-position: -519px -36px }
.baike-tb-dl-in dl dt .icon15, .baike-tb-dl:hover dl dt .icon15 { background-position: -559px -36px }
.baike-tb-dl-in dl dt .icon16, .baike-tb-dl:hover dl dt .icon16 { background-position: -599px -36px }
.baike-tb-dl-in dl dt .icon17, .baike-tb-dl:hover dl dt .icon17 { background-position: -639px -36px }
.baike-tb-dl-in dl dt .icon18, .baike-tb-dl:hover dl dt .icon18 { background-position: -680px -36px }
.baike-tb-dl-in dl dt a, .baike-tb-dl:hover dl dt a { color: #ff4444; }
.box-baike .baike-tb-more { height: 20px; background-color: #f8f8f8; margin: 27px 0 0px; text-align: center; line-height: 20px; padding: 10px 0; }
.box-baike .up a { display: inline-block; background: url(http://www1.pcbaby.com.cn/2014/index/x.png) no-repeat 0px -709px; padding-left: 16px; }
.box-baike .down a { display: inline-block; background: url(http://www1.pcbaby.com.cn/2014/baike/images/icon-btn.png) no-repeat -64px -245px; padding-left: 16px; }
.more-box { display: none; float: left; }
/*end baike  */
.w1000 { width: 1000px; margin: 0 auto; position: relative; }
.w1000 .ob-nav li em { padding: 0 7px; }
button { border: none; }
.w1000 .ob-nav .hot { left: 260px; }
.baike-nav { width: 100%; height: 36px; background-color: #ba0d11; }
.baike-nav-main { width: 1000px; position: relative; margin: 0 auto; }
.baike-nav-main ul li { float: left; display: block; padding-top: 4px; margin-right: 10px; }
.baike-nav-main ul li a { font-size: 14px; color: #fff; background-color: #ba0d11; height: 32px; text-align: center; line-height: 32px; display: block; font-family: Microsoft Yahei;padding:0px 16px;max-width:100px;overflow:hidden; }
.baike-nav-main ul li a.active { color: #d51316; background-color: #fff; }
.baike-nav-main ul li a:hover { color: #fff !important; }
.baike-nav-main ul li a.active:hover { color: #d51316 !important; }
/*����Ʒ�ưٿ�*/
.hot_pp_baike{ margin-top: 20px; }
.hot_pp_baike li { float: left; margin-right: 20px; width: 235px; }
.hot_pp_baike li:last-child{ margin-right: 0;}
.hot_pp_baike li .img { float: left;}
.hot_pp_baike li .img img{ width: 120px; height: 90px; border: 1px solid #dcdcdc; display: block;}
.hot_pp_baike li .con{ float: left; margin-left: 10px;}
.hot_pp_baike li .con a{ color: #f44; font-size: 14px; line-height: 18px; width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.hot_pp_baike li .con .con_list{ color: #333; font-size: 12px; line-height: 20px; margin-top: 15px; width: 100px;}
.hot_pp_baike li .con .con_list span{ color: #666;}
/*���Ų�Ʒ�ٿ�*/
.hot_cp_baike{ margin-top: 20px; }
.hot_cp_baike li { float: left; margin-right: 20px; width: 235px; }
.hot_cp_baike li:last-child{ margin-right: 0;}
.hot_cp_baike li .img { float: left;}
.hot_cp_baike li .img img{ width: 120px; height: 90px; border: 1px solid #dcdcdc; display: block;}
.hot_cp_baike li .con{ float: left; margin-left: 10px;}
.hot_cp_baike li .con a{ color: #333; font-size: 14px; line-height: 18px; width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.hot_cp_baike li .con .con_list{ color: #333; font-size: 12px; line-height: 20px; margin-top: 15px; width: 100px;}
.hot_cp_baike li .con .con_list span{ color: #666;}
.hot_cp_baike li .con .con_list em{ color: #f44; font-size: 16px; display: block; font-weight: bold;}

.w1000 #list-crumb{ margin-top: 15px;}

.media-body .hot_pp_baike li{ width: 350PX; font-family: Microsoft Yahei;}


.list-pic{width:740px; position:relative; margin-bottom: 30px;}
.list-img-small .swiper-container { width: 630px; height: 150px; }
.list-img-small .swiper-button-prev { left: 0px; }
.list-img-small .swiper-button-next { right: 0px; }
.list-img-small .swiper-slide img{ width:150px; height:150px;}
.list-img-small .swiper-button-prev{ background-image:url(l.png); background-size:45px 150px; width:45px; height:150px; margin-top: -75px;}
.list-img-small .swiper-button-next{ background-image:url(r.png); background-size:45px 150px; width:45px; height:150px; margin-top: -75px;}
.list-img-small .swiper-button-prev, .list-img-small .swiper-button-next{ opacity: .9 !important; transition: .3s;}
.list-img-small .swiper-button-prev:hover, .list-img-small .swiper-button-next:hover{ opacity: 1 !important; transition: .3s;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: .3 !important;}

.ad-img {font-family: Microsoft Yahei;}
.ad-img .ad-img-top{ font-size: 14px; line-height: 1; color: #333; }
.ad-img .ad-img-top a{ display: block; float: right; color: #4553e8}
.ad-img .img img{ border: 1px solid #dcdcdc; width: 128px; height: 96px; display: block; margin: 20px auto;}
.ad-img ul { margin-bottom: 10px;}
.ad-img ul li { font-size: 12px; line-height: 24px;}
.ad-img ul li span{ color: #666; display:block; float: left;}
.ad-img ul li em{ color: #333; display:block; float: left; max-width: 116px; height: 24px; overflow: hidden;}
.ad-img a.zixun{ width: 100%; height: 48px; border-radius: 2px; background: #ff4444; color: #fff; text-align: center; line-height: 45px; display: block; font-size: 16px; opacity: .8; transition: .3s;}
.ad-img a.zixun:hover{ color: #fff !important; opacity: 1; transition: .3s;}
.links-item dd.list-txt li{ width: auto;}
.slider-box-ask li:before{content:''; width: 3px; height: 3px; background-color: #ccc; position: absolute; left: 0; top: 10px;}
.slider-box-ask li{ position: relative; padding-left: 10px; width: 166px !important;}

.note{ display: block; font-size: 12px; line-height: 36px; color: #666; font-family: Microsoft Yahei; margin-top: 15px;}
.media .ask-list{ width: 700px; background-color: #f7f7f7; padding: 19px; font-family: Microsoft Yahei; border: 1px solid #e5e5e5;}
.media .ask-list div{ font-size: 14px; color: #333; line-height: 1; margin-bottom: 10px;}
.media .ask-list ul li{ font-size: 12px; line-height: 30px; width: 220px; margin-right: 20px; float: left; color: #333; height: 30px; overflow: hidden;}
.media .ask-list ul li:nth-child(3n){ margin-right: 0;}

.list-pic .baike-cp-pic{ margin-left: 0; padding-top: 0;}
.list-pic .baike-cp-pic li{ width: 155px; margin-right:40px; float: left; font-family: Microsoft Yahei; margin-left: 0; margin-bottom: 0;}
.list-pic .baike-cp-pic li a, .list-pic .baike-cp-pic li a img{ width: 155px; height: 155px;}
.list-pic .baike-cp-pic li:last-child{ margin-right: 0;}
.list-pic .baike-cp-pic li span{ font-size: 20px; line-height: 36px; color: #f44;}
.list-pic .baike-cp-pic li em{ font-size: 12px; line-height: 1; color: #333;}

.swiper-slide.active{}
.swiper-slide .mask{ position: absolute; top: 0; left: 0; width: 150px; height: 150px; border: 2px solid #ff6634; box-sizing: border-box; display: none;}
.swiper-slide.active .mask, .swiper-slide:hover .mask{ display: block;}
.swiper-big-show{ background: #f0f0f0; position: relative;}
.swiper-big-show.hide{ display: none;}
.swiper-big-show-con{ width: 100%; height: 430px;}
.swiper-big-show-con img{ height: 430px; width: auto; display: block; margin: 0 auto;}
.swiper-big-show-option{ background-color: rgba(0,0,0,.2); position: absolute; bottom: 0; width: 100%; height: 40px; text-align: center;}
.swiper-big-show-option a{ color: #fff; display: inline-block; margin: 0 auto; font-size: 14px; line-height: 40px; font-family: Microsoft Yahei;}


/*2020-11-6*/
.ad-phone .ap1{ font-size: 18px; line-height: 20px; text-align: center; color: #ff5000;}
.ad-phone .ap2{ margin-top: 10px;}
.ad-phone .ap2 input{ font-size: 12px; text-align: center; border: 1px solid #b9b9b9; border-radius: 3px; line-height: 24px; padding: 6px 0; width: 100%; background: #fff; font-family: Microsoft Yahei;}
.ad-phone .ap2 input:focus{ outline: none;}
.ad-phone .ap3{ margin-top: 10px;}
.ad-phone .ap3 button{ background: #f00; color: #fff; text-align: center; line-height: 38px; border-radius: 3px; display: block; width: 100%; font-family: Microsoft Yahei; cursor: pointer;}
.ad-phone .ap4{ margin-top: 10px; font-size: 12px; color: #999; line-height: 14px;}