/* CSS Document */
body{ font-family: Microsoft Yahei}
a{ color: #222222}
a:hover{color: #1f75d8}
.classify { margin-top: 20px; font-family: "Microsoft YaHei", D1, Tahoma, Verdana; position: relative; }
.classify-title { }
.classify-title .fl a { display: block; padding-left: 20px; padding-right: 60px; line-height: 40px; text-align: justify; color: #fff; font-size: 16px; border: 2px solid #1868c5; position: relative; background-color: #1868c5}
.classify-title .fl a:before{background: url(img/ppk_icon.png) 0 -26px no-repeat ; content:""; display: block; position: absolute;right:15px;
width: 18px;height: 18px;top:6px;}
.classify-title .fl a.active { background-color: #fff; color: #666; border: 2px solid #1868c5; border-bottom: 2px solid #fff; position: relative; z-index: 2; background-position: 80px -48px; }
.classify-title .fr a { color: #1868c5; font-size: 14px; line-height: 40px; }
.classify-body { border: 1px solid #eaeaea; border-top: 2px solid #1868c5; }
.classify-list { margin: 0 20px; padding-top: 15px; line-height: 24px; }
.classify-body .classify-list:last-child { border-bottom: none; }
.classify-list-l { width: 105px; border-right: 1px solid #e5e5e5; text-align: center; font-size: 13px; }
.classify-list-l.fenlei { background: url(img/ppk_icon.png) 0px 3px no-repeat; }
.classify-list-c { width: 100px; text-align: center; }
.classify-list-r { width: 742px; }
.classify-list-r li { display: block; float: left; width: 92px; text-align: left; margin-bottom: 10px; }
.classify-list-c a, .classify-list-r a { display: inline-block; text-align: center; padding: 0 8px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; max-width: 92px; }
.classify-list-c a:hover, .classify-list-r a:hover{}
.classify-list-c a.selected, .classify-list-r a.selected { background-color: #1f75d8; color: #fff; }
.classify-list[id^=filter_]{border-bottom:none; border-top:1px solid #e5e5e5}
.classify-nav { font-size: 12px; line-height: 50px; padding: 0 20px; border: 1px solid #e5e5e5; border-top: none; background-color: #f8f8f8}
.classify-nav span { color: #d7d7d7; min-width: 20px; display: inline-block; text-align: center; }
.classify-nav .fl a { color: #666; }
.classify-nav .fl a.current { color: #222; }
.classify-nav .fr { color: #222; }
.classify-nav .fr span { color: #1868c5; }
.choose-city { border: 2px solid #1868c5; position: absolute; top: 42px; z-index: 1; width: 986px; background-color: #fff; }
.choose-city .hot-city { margin: 0 20px; padding: 15px 0; border-bottom: 1px solid #d7d7d7; }
.hot-city div { font-size: 14px; color: #666; line-height: 30px; }
.hot-city .hot-city-current span { color: #f60; font-size: 18px; margin-left: 12px; }
.hot-city .hot-city-recomend { color: #1868c5; }
.hot-city div a { font-size: #666; display: inline-block; margin-left: 12px; }
.hot-city div a:hover { text-decoration: underline; }
.search-city { margin: 0 20px; padding: 15px 0; }
.scroll-city span { font-size: 14px; color: #1f75d8; margin: 20px; display: block; }
.search-city-first { width: 32px; height: 32px; line-height: 32px; font-size: 18px; font-weight: bold; text-align: center; background-color: #e5e5e5; color: #1f75d8; margin-right: 25px; }
.search-city-con { width: 860px; }
.search-city-con a { font-size: 14px; color: #222; display: inline-block; margin-right: 13px; padding-right: 13px; border-right: 2px solid #ececec; margin-bottom: 18px; line-height: 1; }
.search-city-con a:hover { text-decoration: underline; }
.scroll-contrainer{ height:200px; overflow: hidden; overflow-y: scroll}
/*item*/
.item{}
.item-header{border-left:6px solid #1f75d8;padding-left:20px; font-size: 28px;line-height: 32px; height: 32px;margin-top:20px}
.item-header a{font-size: 28px;}
.item-header span{padding:0 5px; color: #999}
.item-body{margin-top:20px;}
.item-body ul{margin-left:-20px;}
.item-media{float:left;}
.item-media_items{width: 485px;height:162px; overflow: hidden; margin-left:20px; margin-bottom: 20px;}
.media__bd{padding:20px 20px 0 20px;}
.media__bd .media-box__title{ color:#1f75d8; font-size: 18px; line-height: 1; margin-bottom: 10px;}
.media__bd .media-box__desc{ line-height: 1.5; color: #999; margin-bottom: 10px;}
.media-box{display:block; }
.media-box_items{background-color: #f8f8f8; display: flex}
.media-box_items:hover{ background-color: #f4f5f9;}
.media-box_items .media__hd img{ width:160px; height:160px; margin:1px; opacity: 0.9; transition-duration: 0.3s}
.media-box_items:hover .media__hd img{ width:160px;height:160px; margin: 1px; opacity: 1}
.media-box_items .media__bd {}
.media-box_items .media-box__desc:last-child{ color:#666; font-size: 14px;margin-bottom: 0}
.media-box_items .media-box__desc:last-child span{color:#e43a3d;font-size:20px;}
/*panel*/
.panel{}
.panel-default{ border-color: #eaeaea}
.panel-default .panel-heading{padding:15px 20px; background-color: #f8f8f8; border-bottom: 1px solid #eaeaea}
.panel-default .panel-title{font-size:16px; line-height: 1}
.list-group{}
.list-group>li{ float:left;}
.list-group>li a{ font-size:14px;}
.list-group_related>li{ width: 23%;padding-right:2%; overflow: hidden; line-height: 30px; height: 30px;}
.panel-noborder{border:none;}
.panel-noborder .panel-heading{padding:20px 0; border-bottom: 1px solid #eaeaea}
.panel-noborder .panel-title{font-size:18px}
.panel-body .row{margin-left:-20px;margin-right:-20px; position: relative}
/*list*/
.list-group_mediacase{margin-top:-5px; float: left; width: 610px;}
.list-group_mediacase>li{ float: none !important;}
.list-group_mediacase .media-box{padding:20px 0; border-bottom:#e5e5e5 1px solid;display: flex}
.list-group_mediacase .media-box:hover{background:#f8f8f8}
.list-group_mediacase>li:last-child .media-box{border:none}
.list-group_mediacase .media-box .media__hd img{ width: 88px;height:88px;}
.list-group_mediacase .media__bd{ padding-top:0 !important;}
.list-group_mediacase .media__bd .media-box__title{height:44px; line-height: 24px; overflow: hidden; display: block}
.list-group_mediacase .media-box__desc a{padding-right:10px;}
.list-group_txtcase{margin-left:20px; display: block;float: left; width: 350px;}
.list-group_txtcase li a{ line-height:30px; padding-left: 10px; height: 30px; display: block; overflow: hidden; position: relative}
.list-group_txtcase li a:before{content:""; display: block; width: 4px; height: 4px; background-color: #e5e5e5; position:absolute; left: 0px;top:13px;}
.list-group_swipe li{ width: 160px; margin: 0 18px;}
.list-group_swipe li img{ width:160px; height: 160px;}
.list-group_swipe .media__bd{ padding:10px 0}
.list-group_relatedtxt{ margin-left: -10px;margin-right:-10px;}
.list-group_relatedtxt li{ width: 105px; overflow:hidden; margin:0 10px;}
.list-group_relatedtxt li a{ display: block;height:30px; line-height:30px; overflow: hidden}
.swipe-button{ position:absolute; background-image: url(img/swipe_icon.png); background-repeat:no-repeat; width: 60px;height:80px;top:40px; z-index: 99; opacity: 1}
.swipe-button.disabled{ opacity: 0.3;}
.swipe-prev{left:0}
.swipe-next{right:0; background-position: right top}
#tabs_related{}
#tabs_related a{float:left; display: block; font-size:18px; padding:0; margin-right:10px; position:relative;}
#tabs_related a.selected{ color:#1f75d8}
#tabs_related a.selected:before{content:""; display: block; width: 100%;position:absolute; bottom:-21px; height: 2px; background-color: #1f75d8;}

/*tuku*/
.grid{ margin-top: 20px;}
.grid-item { box-shadow: 0 2px 8px #d6d6d6; margin-bottom: 20px;}
.grid-item .img{ position: relative; width: 232px; }
.grid-item .img img{ display: block; width: 232px; position: relative; z-index: 1;}
.grid-item .img .shadow{ height: 30px; left: 0; bottom: 0; width: 232px; opacity:1; background: -webkit-linear-gradient(transparent, #000); background: -o-linear-gradient(transparent, #000); background: -moz-linear-gradient(transparent, #000); background: linear-gradient(transparent, #000); position: absolute; z-index: 2;}
.grid-item .img span{ display: block; position: absolute; z-index: 3; color: #fff; font-size: 12px; line-height: 30px; right: 10px; bottom: 0; height: 30px;}
.grid-item .con{ background: #fff; font-size: 12px; color: #666; line-height: 24px; padding: 9px 10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 212px; }

.tuku-detail{ width: 100%; height: 98%; background: #313131; position: fixed;}
.tuku-show{ position: absolute; left: 0; right: 458px; top: 30px; bottom: 30px;}
.tuku-right{ width: 438px; position: absolute; right: 20px; top: 30px; bottom: 30px; text-align: left;}
.tuku-right .nav{ font-size: 12px; line-height: 30px; color: #eee; width:438px; height: 30px; overflow: hidden; }
.tuku-right .nav a{ color: #eee;}
.tuku-right .nav a:hover{ color: #1f75d8;}
.tuku-right .nav i{ color: #666; font-size: 12px; line-height: 30px;}
.tuku-right .con{ background: #fff; position: absolute; top: 30px; bottom: 0; left: 0; right: 0; overflow-y: scroll; -ms-overflow-style:none; /*overflow:-moz-scrollbars-none;*/ padding: 30px 10px; }
.tuku-right .con::-webkit-scrollbar{width:0px}

.tuku-right .con .title{ text-align: center; padding-bottom: 20px;}
.tuku-right .con .title h1{ font-size: 18px; line-height: 1; color: #313131; font-weight: bold;}
.tuku-right .con .img{ text-align: center; padding-bottom: 20px;}
.tuku-right .con .img img{ width: 200px; height: 139px; display: block; margin: 0 auto;}
.tuku-right .con .list{ padding-bottom: 40px; }
.tuku-right .con .list ul{border: 1px solid #e5e5e5;}
.tuku-right .con .list ul li{border-bottom: 1px solid #e5e5e5; font-size: 14px; line-height: 24px; color: #313131; padding: 4px 10px;}
.tuku-right .con .list ul li span{ color: #e60012; font-weight: bold;}
.tuku-right .con .list ul li:last-child{border-bottom: none;}

.con-about{}
.con-about .about-title{ font-size: 16px; line-height: 1; color: #313131; padding-bottom: 20px;}
.con-about .about-item{}
.con-about .about-item ul{}
.con-about .about-item ul li{ border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px;}
.con-about .about-item ul li:last-child{ border-bottom: none;}
.con-about .about-item ul li .about-item-img{ float: left; width: 140px; height: 88px;}
.con-about .about-item ul li .about-item-img img{ display: block; width: 140px; height: 88px;}
.con-about .about-item ul li .about-item-con{ float: left; width: 241px; padding-left: 20px;}
.con-about .about-item ul li.img-none .about-item-con{ float: left; width: 418px; padding-left: 0;}
.con-about .about-item ul li .about-item-con a{ font-size: 18px; line-height: 26px; color: #1f75d8;}
.con-about .about-item ul li .about-item-con a:hover{ text-decoration: underline;}
.con-about .about-item ul li .about-item-con div{ font-size: 14px; line-height: 21px; color: #666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 62px;}
.con-about .about-item ul li.img-none .about-item-con div{ -webkit-line-clamp: 2; max-height: 41px;}
.con-about .about-item ul li .about-item-con div span{ color: #999; line-height: 36px;}
.tuku-right .con .list-group_relatedtxt li{ width: 85px;}

.tuku-show .title{ font-size: 18px; color: #fff; line-height: 70px;}
.tuku-show .swiper-container{ top: 0; bottom: 0; position: absolute; left: 85px; right: 85px;}
.tuku-show .swiper-container-tips{position: absolute; display: block; right:60px; z-index:2; top: 5px; line-height: 20px; font-size: 14px; color: #fff;}
.tuku-show .swiper-wrapper{ position: absolute; top: 0; bottom: 0;}
.tuku-show .swiper-wrapper .swiper-slide{ width: 100%; height: auto; background-position: center center; background-size: contain; background-repeat: no-repeat; position: relative;}
.tuku-show .swiper-wrapper .swiper-slide img{ position: absolute; top: 50%; display: block; left: 50%; }
.tuku-show .swiper-button-prev{ background-image:url(../css/img/l.png); background-size:44px 76px; width:44px; height:76px; left: 25px;}
.tuku-show .swiper-button-next{ background-image:url(../css/img/r.png); background-size:44px 76px; width:44px; height:76px; right: 25px;}

#content browser {}