section,header,footer,nav,article,aside {display: block;}


/*********** CSS Reset **********/
html, body, div, form, p, a, h1, h2, h3, h4, h5, h6, img, table, td, th, input, span, section, header, footer, nav, article, aside, fieldset, textarea, dl, dt, dd, blockquote, ul, ol,select,option{ margin: 0; padding: 0;color: #555;}
body{font-size:12px;font-family:Microsoft YaHei;background:#fff;}
a img,hr{border:none;vertical-align: top;*border:none;}
ol,ul {list-style: none;}
li{ list-style-type: none;}
caption,th { text-align: left;}
address,caption,cite,code,dfn,ins,em,th,var {font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
textarea{overflow:auto;}
a{text-decoration: none; color: #333;}
a:hover{color: #0d77ce;}
.b{font-weight: bold;}
.header-cont {width:1000px;margin:0 auto;position:relative;}
.column{width:1000px;margin: 0 auto;overflow:hidden;}
.column02 {width:1000px;margin: 0 auto;position:relative;}
.clear{clear: both;overflow: hidden;}
.hide{display: none;}
.t-c{text-align: center;}
.ov{overflow:hidden;zoom: 1;}
.f-l{float: left; _display: inline;}
.f-r{float: right; _display: inline;}
.fz-st{font-family: Microsoft YaHei;}
.pos-r{position: relative;}
.mar-t-40{margin-top: 40px;}
.mar-t-41{margin-top: 20px;}
.mar-r-20{margin-right: 20px;}
.mar-t-20{margin-top: 20px;}
.mar-t-25{margin-top: 25px;}
.mar-t-15{margin-top: 10px;}
.mar-t-10{margin-top: 10px;}
.mar-t-5{margin-top: 5px;}
.mar-t-30{margin-top: 30px;}
.mar-t-35{margin-top: 40px;}
.mar-t-96{margin-top: 96px;}
.mar-t-8{margin-top: 8px;}
.mar-t-9{margin-top: 9px;}
.mar-t-18{margin-top: 18px;}
.mar-t-45{margin-top: 45px;}
.mar-b-15{margin-bottom: 15px;}
.mar-l-25{margin-left: 25px;}
.mar-c-15{margin-top: 5px;margin-bottom:5px;}
.f-wight{font-weight: bold;}
.h-140{height: 140px;}
.h-152{height: 152px;}
.h-200{height: 200px;}
.h-205{height: 205px;}
.h-125{height: 125px;}
.h-317{height: 317px;}
.h-365{height:365px;}
.fz-14,.fz-14 a{font-size: 14px;}
.fz-16,.fz-16 a{font-size: 16px;}
.bor-b{border-bottom: 1px solid #d9d9d9}
.bor-t{border-top: 3px solid #0d77ce}
.bor-t02{border-top: 2px solid #0d77ce}
.cor-0d7{color: #0d77ce;}
.cor-666{color: #666666;}
.cor-950{color:#95000c;}
.cor-959{color: #959595;}
.h-24{height: 24px;}
.h-26{height: 26px;}
.lh-26{line-height: 26px;}
.lh-28{line-height: 28px}
.lh-38{line-height: 38px;}
.bg-000{background: #000;}
.bg-111{background: #111;}
.h-30{height: 30px;}
.h-90{height: 90px;}
.h-55{height:55px;}
.bg-333{background: #333333;}
/*头部-顶部*/
.top-bar{width: 100%; height: 40px; background: #f6f6f6; border-bottom: 1px solid #e9e9e9;}
.top-bar-menu{width: 740px; height: 40px; overflow: hidden;float: left;}
.top-bar-menu ul li{float: left; line-height: 40px; margin-right: 10px; _display: inline;}
.top-bar-menu ul li a{font-size: 14px; color: #666666;}
.top-bar-menu ul li a:hover{color: #0d77ce;}
.w-290{width: 290px;}
.login-bar{float:right; height: 40px;border-left: 1px solid #e9e9e9;}
.login-bar ul li:first-child {padding:0 10px;}
.login-bar ul li{height: 40px; float: left; border-right: 1px solid #e9e9e9; line-height: 40px; _display: inline; }
.login-bar ul li .login_area ul li {padding:0;border-right:0;}
.login-bar  a{font-family: Microsoft YaHei; color:#666666;}
.login-bar  a .wxlogo {display:none;position:absolute;top:36px;right:37px;}
.login-bar  a:hover{color: #0d77ce;}
.login-bar ul li.weixin  a:hover span {display:block;}
.login-bar p {line-height: 40px;float:left;margin-left:12px;overflow: hidden; float: left;}
.login-bar p.cn a {font-family: Microsoft YaHei;}
/*.mod-title{width: 70px; height: 40px; float: left; background: url(images/btn.jpg) 0 -48px no-repeat; line-height: 36px; text-align: center; margin-top: 25px;}
.mod-title a{font-size: 24px; color: #fff; font-weight: bold;}*/
.mod-title{height: 40px; float: left; background: url(../../img/bg_title_right.gif) no-repeat right 0; line-height: 36px; text-align: center; margin-top: 25px;}
.mod-title div {height: 40px;padding:0 10px;background: url(../../img/bg_title_left.gif) no-repeat left 0;}
.mod-title a{font-size: 24px; color: #fff; font-weight: bold;}
div.guanggao {float:left;width:300px;height:80px;margin-left:50px;}
/*头部-中间*/
.header{width: 100%; height: 90px;overflow: hidden; }
.logo{width: 260px; height: 90px; float: left;}
.ad-01{width:485px; height: 90px; float: left; margin-left: 20px;}
.login-r{width: 235px; _width: 240px; float: right; _display: inline; }
.login-r1{width: 270px; float: right;  _display: inline; height: 55px;}
.search-box{width: 100%;overflow: hidden; }
.all{width: 60px; height: 27px; border:1px solid #949494; line-height: 28px; float: left;_display: inline; }
.all a{color: #9fa0a0; font-size: 13px;  padding-left: 10px; _padding-left:10px; _display: inline;  }
.w-196{width: 196px;_width: 198px; }
.w-230{width: 230px; _width: 220px;}
.txt-input{height: 26px; line-height: 26px; color: #cecece; text-indent: 5px; float: left; border: 1px solid #949494;
    border-right:none;  _display: inline; font-size: 12px;}
.search-ico{width: 38px; height: 29px;float: left;margin-top: -1px; _display: inline; background: url(images/btn.jpg) -16px 0 no-repeat;}
.search-hot{width: 222px; overflow: hidden; }
.search-hot ul{width: 240px; overflow: hidden;}
.search-hot li{float: left; width: 65px; height: 20px; line-height:20px; margin-right: 15px; overflow: hidden; }
.search-hot li a{ color: #888888;}
.search-hot li a:hover{color: #0d77ce;}
/*导航*/
.nav-bar{width: 100%; height: 40px; background: #0d77ce;}
.nav-bar ul{width: 1000px; height: 40px;overflow:hidden;}
.nav-bar ul li{height: 29px;float: left; line-height: 40px; color: #5b97c9;}
.nav-bar ul li a{font-size:14px;color:#ffffff; padding: 11px 10px 0px 10px;font-weight:bold;}
.nav-bar ul li a:hover{color: #fff;}
.nav-bar ul.type li a {padding: 11px 8px 0px 8px;}
.nav-bar ul.type li a span {display:none;position:absolute;top:31px;left:0;}
.nav-bar ul.type li.xinwen a span {position:absolute;top:31px;left:57px;}
.nav-bar ul.type li.jingji a span {position:absolute;top:31px;left:139px;}
.nav-bar ul.type li a:hover span {display:block;}
.pic-summary,.pic-list,.txt-list{width: 100%; overflow: hidden;}
.bg{width: 100%;filter:alpha(opacity=54);opacity:0.54; position: absolute; z-index: 10; left:0; bottom: 0; _bottom: -1px;  }
.bg1{width: 100%; background: #333; position: absolute; z-index: 10; left:0; bottom: 0; _bottom: -1px;  }
.h3 a{width: 100%; height: 24px;color: #fff; text-align: center; line-height: 24px; position: absolute; z-index: 15;
    left: 0; bottom: 0; _bottom: -1px; _display: inline;overflow: hidden;}
.p-h3{width: 100%; height: 26px; line-height: 26px; _line-height: 30px; text-align: center; background: #333333; overflow: hidden;}
.p-h3 a{color: #fff;}
.img-h3{width: 100%; height: 20px; line-height: 18px; _line-height: 22px; text-align: center; background: #333333;overflow: hidden;}
.img-h3 a{color: #fff; font-size: 12px;}
/*频道页导航*/
.nav-bar-tv ul li{ position: relative; z-index: 1;}
.nav-bar-tv ul li a{ color: #dcdcdd; padding: 11px 30px 0px 30px;}
.nav-bar-tv ul li.li-tv{ background: #f08300; height: 40px;color: #ea9507; z-index: 0;}
.nav-bar-tv ul li.li-tv a{ color: #fff; padding: 11px 29px 0px 29px;}
.nav-bar-tv ul li.li-tv02 a{ color: #fff; padding: 30px;}
.nav-bar-tv ul li em{display: block; width:2px; background: url("images/icon.png") no-repeat -69px 0px;height: 40px;position: absolute;   z-index: 10; left: -1px;}
.nav-col ul li a{ color: #fff;}/*导航颜色*/
/*面包屑*/
.crumb{width: 100%; height: 50px; line-height: 50px; overflow: hidden; font-size: 14px; color: #666666; border-bottom: 1px solid #e2e2e2;}
.crumb a{ font-size: 14px; font-family:Microsoft YaHei;}
/*尾部*/
.bg-bor{ background: #DCDCDC; border-top: 1px solid #c6c6c6; }
.bor{ border-top: 1px solid #c6c6c6; }
.footer{width: 100%; -height:130px; overflow: hidden;}
.footer-end{width: 100%; -height: 100px; float: left; margin-top: 20px; display: inline;}
.footer ul{width: 480px; height: 18px; margin:0 auto; overflow: hidden;}
.footer-end p {font-family:Microsoft YaHei;}
/*float: left; margin-left: 315px;*/
.footer ul li{float: left; padding-left: 0px; padding-right: 8px; line-height: 18px; height: 18px;}
.footer ul li a {color: #666666;}
.footer ul li a:hover{color: #0d77ce;}
.footer p{width: 100%; height: 18px; line-height: 18px;text-align: center;}
/*左右栏*/
.w-665{width: 665px;}
.w-664{width: 664px;}
.w-670{width: 670px;}
.w-717{width: 717px;}
.w-250{ width: 250px !important;}
.con-l{overflow: hidden; float: left;  _display: inline;}
.con-r{overflow: hidden; float: right; _display: inline;}
/*标题*/
.mod-tit2{width: 100%;padding-top:5px;line-height:28px;}
.bor2-a9a{border-top: 2px solid #575757;}
.bor1-a9a{border-top: 1px solid #a9a9a9;}
.mod-tit2 a{font-size: 20px;}
/*要闻*/
.txt-list1,.pic-list1{width: 345px; float: left; _display: inline; overflow: hidden; }
.txt-list1 .txt-ul li{width: 100%; height: 38px; overflow: hidden;}
.txt-list1 .txt-ul2 li{width: 100%; height: 26px; overflow: hidden;}
.mod-tit1 a{font-size: 18px; color: #0d77ce; font-weight: bold; width: 100%; line-height: 28px;}
.mod-tit2 a{font-size: 18px; color: #575757; width: 100%; line-height: 28px;font-weight: bold;}
.mod-tit3 a{font-size: 18px; color: #575757; width: 100%; line-height: 28px;font-weight: bold;}
.mod-tit4 a{font-size: 20px; color: #555; width: 100%; line-height: 28px;}
/*广告位*/
.ad-02{width: 300px; /*height: 240px;*/ overflow: hidden;}
.ad-04{width: 300px; height: 600px; overflow: hidden;}
.ad-03{width:1000px; height: 90px;overflow: hidden;}
.ad-05{ width: 300px;  overflow: hidden; height: 250px;}
.ad-07{ width: 670px; overflow: hidden;heighte: 130px;}
.ad-08{ width: 300px;  overflow: hidden; height: 350px;}
.ad-09{float:right;width: 300px;}
.ad-09_ms{float:right;width: 300px;margin-top: 30px;}
.ad-10{ width: 300px;  overflow: hidden; height: 317px;}
.w-400{width: 410px;}
.w-300{width: 300px;}
.yd{width: 2px; height: 2px; background: #333333; float: left; margin-top: 12px; margin-right: 12px; _display: inline;  overflow: hidden;zoom: 1;}
/*文字内容*/
.txt-show{float: left; margin-left: 12px; _margin-left:2px; _display: inline; overflow: hidden;}
.txt-show1{width: 100%; float: left; _display: inline; overflow: hidden;}
.txt-show li{width: 100%; height: 26px; overflow: hidden;}
.txt-show1 li{width: 100%; height: 28px; overflow: hidden;}
.txt-list ul li{width: 100%; height: 24px; line-height: 24px; overflow: hidden;}
.txt-list ul li a{font-family:Microsoft YaHei;}
.txt-list ul li em{width: 2px; height: 2px; background: #333; float: left; overflow: hidden; margin-top: 12px; margin-right: 7px;}
/*图文列表*/
.list-ul li{width: 100%; float: left; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #e2e2e2;}
.list-ul h3 a{width: 100%; height: 18px; line-height: 18px; color:#000; font-weight: bold; font-size: 15px;}
.list-ul h3 a:hover{color: #0d77ce;}
.cont-summary{width: 500px; float: right; /*height: 92px;*/  overflow: hidden; margin-top: 25px; }
.p-cont{color: #959595; width: 100%; /*height: 68px;*/font-size:13px;line-height: 22px; overflow: hidden;}
/*热门视频*/
.h-363{height: 363px;}
.h-855{/*height: 855px;*/}
.h-317{height: 317px;}
.hot-videos,.hot-video-ul{width: 100%;overflow: hidden;}
.hot-video-ul span{float: left; font-size: 12px; font-family:Microsoft YaHei; color: #959595; margin-top: 5px; margin-left: 15px; _display: inline;}
.hot-video-ul li{width: 100%;position: relative; float: left; margin-bottom: 20px; _display: inline; }
.v-play{width: 21px; height: 21px; position: absolute; left: 94px; bottom: 6px; _display: inline;}
.hot-video-ul h3{width: 165px; height:46px; overflow: hidden; float: right;  line-height: 22px; margin-top: 22px;}
.hot-video-ul .h3-t{width: 145px; height:46px; overflow: hidden; float: right;  line-height: 22px; margin-top: 22px;}
.hot-video-ul h3 a{color: #004276; font-family:Microsoft YaHei; font-size: 14px;}
/*热门图片*/
.hot-imgs{width: 100%; height: 320px; overflow: hidden;}
.h-275{height: 275px;}
.h-265{height: 265px;}
.hot-list-ul{width: 320px; overflow: hidden;}
.hot-list-ul li{width:138px; height:128px; float: left; margin-right: 22px; margin-bottom: 15px;  _display: inline; overflow: hidden;}
.hot-list-ul h3{width: 100%; height: 22px; line-height: 22px;text-align: center;}
.hot-list-ul h3 a{color: #666; font-size: 12px;  font-family:Microsoft YaHei;}
.hot-list-ul h3 a:hover{color:#0d77ce;}
/*文字列表*/
.txt-list2{width: 100%;overflow: hidden; zoom: 1;}
.txt-list2 ul li{width: 100%; height: 28px; line-height: 28px; _line-height: 30px; overflow: hidden; zoom: 1; }
.txt-list2 ul li a{font-size: 14px;}
.txt-list2 .ico{width: 14px; height: 14px; float: left; background: url(images/btn.jpg) -91px 0 no-repeat; margin-top:9px; _margin-top:6px;margin-right: 8px;_display: inline;}
/*视频*/
.list1,.title-list,.pic-list-show{width:100%;overflow: hidden;}
.list1 li{float: left; margin-bottom: 15px;}
.list2{width: 325px; overflow: hidden}
.list2 li{float: left; margin-right: 30px; margin-bottom: 0px;}
.video1{position: relative; width: 120px; height: 92px; float: left; _display: inline;}
.video1{width: 132px; height: 102px;}
.video .h3 a,.video1 .h3 a{font-size: 12px;}
.play{width: 21px; height: 21px; position: absolute; right: 5px; bottom: 25px; _display: inline;}
.w-210{width: 210px;}
.txt-show dd a{width: 100%; height: 23px; line-height: 23px; overflow: hidden; float: left; font-size: 14px; _display: inline;}
/*公告*/
.sh-cont .cont-next{width: 235px;overflow: hidden;}
.sh-cont .cont-next a{color: #3b415b;  font-family:Microsoft YaHei; }
.sh-cont .cont-next li{width: 100%; height: 22px; line-height: 22px; overflow: hidden; }
/*排行*/
.ph-cont{width: 100%;overflow: hidden; float: left;}
.ph-cont ul {margin-top:-15px;}
.ph-cont ul li{float: left; margin-top: 15px; width: 100%; height: 20px; line-height: 20px;}
.nums{font-size: 16px; font-weight: bold; font-family:Arial; width:22px; height: 20px; float: left; _display: inline;}
.nums b{float: left; _display: inline; }
.nums .num-ico{width: 11px; height: 20px; background: url(images/btn.jpg) -88px -48px no-repeat;  float: left; _display: inline;}
.ph-title a{width: 208px; height: 20px; float: left; margin-left: 10px; font-size: 14px; overflow: hidden; line-height: 20px; display: inline;}
.counts{width: 55px; height: 20px; line-height: 20px;  text-align:right; color: #95000c; font-family: Arial; font-size: 12px; float: left; margin-left: 5px; _display: inline; overflow: hidden; }

/*视频首页05，频道06，内容图片列表07*/
.pic-list05{ overflow: hidden;}
.pic-list05 li{width: 150px; height:160px;float: left; text-align: center;margin: 10px 21px 15px 0;}
.pic-list05 h3,.pic-list06 h3,.pic-list07 h3{font-size: 14px; line-height: 32px; height: 28px; overflow: hidden; font-weight: bold;}
.pic-list06,.pic-list07{ overflow: hidden;*padding-bottom: 11px;}
.pic-list06 li{width: 143px; float: left; text-align: center;margin: 0px 23px 12px 0;}
.pic-list07 li{width: 150px; float: left; text-align: center;margin: 10px 23px 15px 0;}
.pic-list05 li em,.pic-list06 li em,.pic-list07 li em{ font-size: 12px; color: #888; display: block; line-height: 20px; height: 20px; overflow: hidden;}

/*生活，娱乐*/
   /*左侧*/
.list-box{ overflow: hidden;}
.list-box-ul{overflow: hidden;padding-bottom: 22px;}
.list-box-ul li{ float: left;}
.list-box-ul li.w-420{ width: 420px;}
.list-box-ul li.w-226{width: 226px;padding-top: 10px; float: right;}
.list-box-ul li .img-box{ height: 147px;position: relative;}
.list-box-ul li .img-box h3{ position: relative; z-index: 2;top: -28px; display: block; background: #000; height: 28px; line-height: 28px; text-align: center;opacity: 0.8;filter:alpha(opacity=80)}
.list-box-ul li .img-box h3 a{color: #fff;}
.list-box-ul dt a{font-weight: bold; font-size: 16px; line-height: 34px; height: 34px;}
.list-box-ul dd em{display: inline-block; margin-right:  8px; color: #000;}
.list-box-ul dd a{ height: 26px;font-size:13px;line-height: 26px;}
.bor-b{ border-bottom: 1px solid #f3f3f3; margin-bottom: 18px;}/*边框*/
/*右侧*/
.summary-box{ overflow: hidden;}
.mar-t-38{margin-top: 38px;}
.summary-box dt{ overflow: hidden;}
.w-206{ width: 206px;}
.bor-b-df{ border-bottom: 1px solid #dfdfdd;padding-bottom: 3px;}
.bor-t-df{ border-top:2px solid #575757; padding-top: 5px; }
.summary-box dt{ margin:20px 0 15px 0;}
.summary-box dt h3 a{ color: #004276; font-weight: bold; font-size: 14px; height: 24px; line-height: 24px;}
.summary-box dt p{ height: 40px; line-height: 20px; overflow: hidden; color: #888; font-family:Microsoft YaHei;}
.summary-box dd em{display: inline-block;margin-right:  8px; color: #333;}
.summary-box dd a{ height: 26px;font-size:13px;line-height: 26px; overflow: hidden;}
/*频道图片部分*/
 /*tab图片*/
.mod-tit-list{height: 36px; position: absolute; right: 0px; top: 0px;}
.mod-tit-list  li{float: left; height: 36px; line-height: 36px;  color: #e4d9da;}
.mod-tit-list  li a{padding-right: 10px;padding-left: 10px;   color: #666;}
.mod-tit-list  li a.sel{color: #0d77ce}
.pic-list-box{width: 100%; height: 344px; overflow: hidden; }
.pic-left{width: 360px; height: 344px; float: left;overflow: hidden; position: relative;}
.h3-title a{width: 100%;height: 40px; font-size: 14px; line-height: 40px; overflow: hidden; text-indent: 15px; color: #fff;
    position: absolute; bottom: 0; _bottom: -1px; left: 0; z-index: 15;}
/*.h3-title a:hover{color: #0d77ce;}*/
.img-bg{width: 100%; height:40px; background: #000; filter:alpha(opacity=54);opacity:0.54; position: absolute; z-index: 10; left:0; bottom: 0; _bottom: -1px;  }
.pic-right{width: 638px; height: 344px; overflow: hidden; float: right;_display: inline; }
.pic-right ul{width: 642px; height: 348px;overflow: hidden;}
.pic-right ul li{float: left; width: 210px; height: 171px; margin-right:3px; position: relative; margin-bottom:3px;_display: inline; overflow: hidden; }
/*无tab图片*/
.h500{ height: 500px; }
.pic-left02{width: 327px; height: 500px; float: left;overflow: hidden; position: relative;}
.pic-right02{width: 662px; height: 500px; overflow: hidden; float: right;_display: inline;}
.pic-right02 ul{width: 680px; height: 500px;overflow: hidden;}
.pic-right02 ul li{float: left; width: 324px; height: 244px; margin-right:12px; position: relative; margin-bottom:12px;_display: inline; overflow: hidden; }
.pic-right02 ul li a,.pic-left02 a{font-family:Microsoft YaHei !important;}

/*热播剧目*/
.hot-video02{ height: 416px;border-top:2px solid #575757;*height: 405px;margin-bottom: 18px;*margin-bottom: 5px; margin-top: 28px;}
.hot-video02 h3{font-size: 18px; line-height: 28px; overflow: hidden;font-weight:bold;}
.hot-video02 h3 a {color:#575757;}
.hot-video02-ul li{ width: 104px; position: relative; overflow: hidden; float: left; margin: 12px  23px 0 23px;}
.hot-video02-ul li img{ z-index: 0;}
.hot-video02-ul li span{ position: absolute;z-index: 2; display: block; top: 0; width: 34px; height: 34px; background:url("images/icon.png") no-repeat 0px -30px;
    left: 0;*display: inline-block; *left: 0px; }
.hot-video02-ul li span.span02{background-position: -34px -30px;}
.hot-video02-ul li span i{ display: block; width: 20px; line-height: 20px; height: 20px; text-align: center; font-weight: bold;color: #fff;  font-style: normal;}
.hot-video02-ul li em{ font-size: 12px; text-align: center; display: block; line-height: 24px; height: 24px; overflow: hidden;}
.nums-box{width:93px; overflow: hidden; margin:  0 auto;}
.nums-video{width: 108px;  overflow: hidden; padding-top: 20px;*padding-top: 10px;}
.nums-video li{width: 12px; height: 12px; margin-right: 15px; background: url("images/icon.png") no-repeat -99px 0px; cursor: pointer; float: left; }
.nums-video li.on{ background-position: -81px 0px;}

/*专题精选*/
/*.zt-list{width: 100%; height: 380px; }
.zt-img{width: 100%; height: 125px; overflow: hidden; float: left;_display: inline; margin-top: 5px;}
.zt-cont-box{width: 100%; float: left; margin-top: 12px;_display: inline;}
.zt-cont-box .date{width: 52px;  line-height: 20px; color: #666; float: left; overflow: hidden;}
.zt-cont{width: 235px;  float: left; _display: inline;}
.bor-l{border-left: 1px dotted #808080;}
.zt-h3 a{width: 100%; height:16px; line-height: 16px; overflow: hidden;font-size: 14px; color: #0042a0;  margin-left: 8px; _display: inline;}
.zt-cont p{width: 100%; height: 55px; line-height: 18px;  overflow: hidden; float: left; margin-top: 5px;margin-left: 8px; _display: inline;}*/
/*娱乐，旅游幻灯片*/
.list-banner{ overflow: hidden; position: relative;}
.list-banner ul li{width: 100%; float: left;}
.list-banner .imgs li h3{ position:relative; top: -36px; display: block; background: #333; z-index: 2; height: 36px; line-height: 36px; opacity: 0.7;filter:alpha(opacity=70); padding-left: 34px;}
.list-banner .imgs li h3 a{ color: #fff; font-size: 18px;}
.list-banner .show{width: 80px; height: 15px; position: absolute; right:5px; bottom: 10px; z-index: 5;}
.list-banner .show li{float: left; margin-right: 10px; display: inline-block; _display: inline; width: 10px; height: 10px; }
.list-banner .show li a{width: 12px; height: 12px; background: url(images/icon.png) -99px 0px no-repeat; display: inline-block; }
.list-banner .show li a.sel{ background-position:-80px 0px;}

/*今日推荐*/
.h387 h2{ font-size:18px; margin-bottom: 12px;font-weight:bold; }
.hot-summary{ width: 334px;overflow: hidden;}
.hot-summary  li{ float: left;width: 133px; margin: 0px 33px  15px 0;}
.hot-summary  li h3 a{ font-size: 14px; font-weight: bold;  color: #0d77ce; line-height: 28px; height: 28px;display: block;}
.hot-summary  li p{ color: #888; height: 38px; line-height: 18px;}



.footer span{/*display:block;*/width: 100%;margin:0 auto;text-align: center;}
.footer span a img{text-align: center;padding-bottom:15px;margin:0 auto;vertical-align:middle;}

div.top_banner {
  width: 1000px;
  margin: 0 auto;
}

/* login */
div.login {
    float: right;
    max-width: 130px;
    margin-top: 28px;
    position: relative;
}

div.toggle-menu.unlogin {
    display: none;
}

div.login a.login-btn {
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
    padding: 2px 15px;
    border: 1px solid #379EF1;
    color: #379EF1;
    border-radius: 13px;
    outline: none;
}

div.login-box {
    display: none;
    width: 370px;
    height: 480px;
    overflow: hidden;
    background: #ffffff;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

div.login-box h3.title {
    width: 270px;
    padding: 0 50px;
    height: 70px;
    line-height: 70px;
    font-size: 17px;
    font-weight: 400;
    color: #333333;
    font-family: 'Microsoft yahei', '微软雅黑', Tahoma, Verdana, Arial, sans-serif;
    border-bottom: 1px solid #E4E4E4;
    position: relative;
    overflow: hidden;
}

div.login-box h3.title span.icon {
    float: left;
    display: block;
    width: 40px;
    margin-right: 10px;
    background: #ffffff;
}

div.login-box h3.title span.icon img {
    width: 40px;
    vertical-align: middle;
    line-height: 40px;

}

div.login-box h3.title button.close {
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
    position: absolute;
    font-size: 21px;
    line-height: 35px;
    margin: -17px 15px 0 0;
    top: 50%;
    right: 0;
}

div.login-box h3.title button.close:hover, div.login-box h3.title button.close:focus {
    color: #2b2e38;
}

/* 主体框 */
div.login-box div.hole-box {
    width: 370px;
    height: 460px;
    overflow: hidden;
    position: relative;
}

/* 加载框 */
div.login-box div.login-loading {
    position: absolute;
    width: 370px;
    height: 410px;
    left: 0;
    top: 0;
}

div.login-box div.login-loading img.login-loading-image {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px;
}

/* 登录框 */
div.login-box div.login-box-ipt-area {
    position: absolute;
    width: 370px;
    height: 410px;
    left: 370px;
    top: 0;
    overflow: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

div.login-box div.login-box-ipt-area div.form-area {
    height: 320px;
    margin: 20px 50px 0px;
}

div.login-box div.login-box-ipt-area div.form-area .h30 {
    height: 30px;
    overflow: hidden;
}

div.login-box div.login-box-ipt-area div.form-area .h20 {
    height: 20px;
    overflow: hidden;
}

div.login-box div.login-box-ipt-area div.form-area .h10 {
    overflow: hidden;
    height: 10px;
}

div.login-box .read-only {
    display: none;
}

div.login-box div.form-area div.ipt-area {
    border: 1px solid #E4E4E4;
    position: relative;
    line-height: 40px;
    height: 42px;
    overflow: hidden;
}

div.login-box div.form-area div.ipt-area .ipt-txt {
    width: 220px;
    padding-top: 2px;
    height: 38px;
    margin-left: 40px;
    border: none;
    background: transparent;
    color: #666;
    font-size: 14px;
    line-height: 40px;
    font-family: 'Microsoft yahei', '微软雅黑', Tahoma, Verdana, Arial, sans-serif;
}

div.login-box div.form-area #captcha-box,
div.login-box div.form-area #captcha-box-hr {
    display: none;
}

div.login-box div.form-area div.ipt-area .captcha {
    width: 90px;
}

div.login-box div.form-area div.ipt-area span.captcha-result {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 140px;
    top: 11px;
}

div.login-box div.form-area div.ipt-area span.success {
    background-image: url('./http://res.ybtvyun.com/t/site/10004/64b8c29f3779d80ca20b689072fd9481/assets/css/images/member-icons.png');
    background-repeat: no-repeat;
    background-position: 0 -20px;
}

div.login-box div.form-area div.ipt-area span.failed {
    background-image: url('./http://res.ybtvyun.com/t/site/10004/64b8c29f3779d80ca20b689072fd9481/assets/css/images/member-icons.png');
    background-repeat: no-repeat;
    background-position: 0 -40px;
}

div.login-box div.form-area div.ipt-area img.captcha-image {
    position: absolute;
    cursor: pointer;
    top: -1px;
    right: -1px;
}

div.login-box div.form-area .chk-area {
    height: 20px;
    overflow: hidden;
}

div.login-box div.form-area div.chk-area label.remember-area {
    display: table;
    vertical-align: top;
    float: left;
}

div.login-box div.form-area div.chk-area label.remember-area input.ipt-chk {
    margin-top: -1px;
    vertical-align: middle;
}

div.login-box div.form-area div.btn-area {
    height: 40px;
    overflow: hidden;
}

div.login-box div.form-area div.btn-area p.login-submit {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Microsoft yahei', '微软雅黑', Tahoma, Verdana, Arial, sans-serif;
}

div.login-box div.form-area div.btn-area p.submit {
    background-color: #0099E4;
}

div.login-box div.form-area div.btn-area p.loading {
    display: none;
    cursor: default;
    background: #57BCED url('./images/loading1.gif') center center no-repeat;
}

/*
div.login-box div.form-area div.btn-area p.loading i { font-size: 20px; }
*/
div.login-box div.form-area div.btn-area p.submit:hover {
    background-color: #3788E4;
}

div.login-box div.form-area div.txt-area {
    height: 20px;
}

div.login-box div.form-area div.txt-area p {
    text-align: right;
    color: #0099E4;
}

div.login-box div.form-area div.txt-area p a {
    color: #0099E4;
}

div.login-box div.form-area div.txt-area p a:hover {
    text-decoration: underline;
}

div.login-box div.form-area .elem-text {
    font-size: 12px;
    line-height: 20px;
    color: #CCCCCC;
    font-family: 'Microsoft yahei', '微软雅黑', Tahoma, Verdana, Arial, sans-serif;
}

div.login-box div.form-area a.elem-text:hover {
    text-decoration: underline;
}

div.login-box div.form-area .chk-area a {
    float: right;
    color: #0099e4;
}

div.login-box div.form-area div.ipt-area span.icon {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 12px;
    left: 10px;
    background-image: url("http://res.ybtvyun.com/t/site/10004/64b8c29f3779d80ca20b689072fd9481/assets/css/images/member-icons.png");
    background-repeat: no-repeat;
}

div.login-box div.form-area div.ipt-area span.icon-account {
    background-position: -100px 0;
}

div.login-box div.form-area div.ipt-area span.icon-password {
    background-position: -100px -21px;
}

/* social login */
div.login-box div.social-login {
    border-top: 1px solid #E4E4E4;
    height: 50px;
    position: relative;
}

div.login-box div.social-login span.text-title {
    position: absolute;
    top: -10px;
    height: 20px;
    display: block;
    line-height: 20px;
    width: 100px;
    overflow: hidden;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    background: #ffffff;
    color: #CCCCCC;
}

div.login-box div.social-login div.social-btns {
    margin-top: 15px;
    text-align: center;
}

div.login-box div.social-login div.social-btns a.icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 15px;
    outline: none;
    background-image: url("http://res.ybtvyun.com/t/site/10004/64b8c29f3779d80ca20b689072fd9481/assets/css/images/member-icons.png");
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div.login-box div.social-login div.social-btns a.icon-qq {
    background-position: -50px 0;
}

div.login-box div.social-login div.social-btns a.icon-sina {
    background-position: -50px -40px;
}

div.login-box div.social-login div.social-btns a.icon-wechat {
    background-position: -50px -80px;
}

/* 快速登录 */
div.login-box div.login-box-quick-area {
    width: 370px;
    height: 410px;
    position: absolute;
    left: 370px;
    top: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

div.login-box div.login-box-quick-area .avatar {
    width: 100px;
    height: 100px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    cursor: pointer;
}

div.login-box div.login-box-quick-area .avatar img {
    width: 90px;
    height: 90px;
    border: 5px solid #E4E4E4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

div.login-box div.login-box-quick-area p.user-account {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666666;
    font-size: 14px;
}

div.login-box div.login-box-quick-area p.desc {
    margin-top: 10px;
    text-align: center;
    line-height: 30px;
    color: #CCCCCC;
    font-size: 12px;
}

div.login-box div.login-box-quick-area div.switch-btn {
    margin-top: 80px;
    height: 30px;
    text-align: center;
}

div.login-box div.login-box-quick-area div.switch-btn a {
    color: #0099e4;
    font-size: 12px;
    line-height: 30px;
}

div.login-box div.login-box-quick-area div.switch-btn a:hover {
    text-decoration: underline;
}

/* user */
div.toggle-menu span.rotate-tag {
    display: block;
    width: 100%;
    height: 15px;
    background: #FFFFFF;
    index: 10px;
    position: relative;
}

div.user {
    float: right;
    width: 46px;
    height: 30px;
    margin-top: 5px;
    position: relative;
}

div.user .thumb-area {
    width: 46px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
}

div.user .thumb-area > img.user-thumb {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
}

div.user .thumb-area > i.down-tag {
    line-height: 30px;
    margin-left: 3px;
    color: #666666;
    display: inline-block;
    width: 11px;
    height: 30px;
    background: #000;
    float: right;
    background: url("http://res.ybtvyun.com/t/site/10006/5b0200335969075ee208c08339732f4a/assets/css/images/years-arrow.png") left center no-repeat;
}

div.toggle-menu.logined {
    width: 90px;
    position: absolute;
    right: 4px;
    top: 48px;
    padding: 0 5px 5px 5px;
    border: 1px solid #ededed;
    background: #FFFFFF;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 1000;
    display: none;
}

div.toggle-menu.logined:before {
    content: '';
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    right: 30px;
    background: #FFFFFF;
    index: 1px;
    -webkit-box-shadow: 0 0 8px rgba(60, 60, 60, 0.4);
    -webkit-box-shadow: 0 0 8px rgba(60, 60, 60, 0.4);
    -moz-box-shadow: 0 0 8px rgba(60, 60, 60, 0.4);
    box-shadow: 0 0 8px rgba(60, 60, 60, 0.4);
}

div.toggle-menu.logined ul.user-options {
    overflow: hidden;
}

div.toggle-menu.logined ul.user-options li {
    float:none;
	height: 28px;
    margin-bottom: 2px;
    overflow: hidden;
}

div.toggle-menu.logined ul.user-options li a {
    display: block;
}

div.toggle-menu.logined ul.user-options li i {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-right: 2px;
    background-image: url("http://res.ybtvyun.com/t/site/10006/5b0200335969075ee208c08339732f4a/assets/css/images/member-icons.png");
    background-repeat: no-repeat;
}

div.toggle-menu.logined ul.user-options li i.icon-user {
    background-position: -100px 0px;
}

div.toggle-menu.logined ul.user-options li i.icon-setting {
    background-position: -100px -61px;
}

div.toggle-menu.logined ul.user-options li i.icon-logout {
    background-position: -100px -41px;
}

div.toggle-menu.logined ul.user-options li span {
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #999;
}

div.toggle-menu.logined ul.user-options li a:hover span {
    color: #333;
}