@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0 auto;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
fieldset, img{border:0;}
ul,ol{list-style:none;}
table{border-collapse:0;border-spacing:0;border-collapse:collapse;}
a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
input,button{outline:0;border:0;/*-webkit-appearance:none;*/background:0 0;font-family:inherit;font-weight:inherit;font-size:inherit;-webkit-writing-mode:horizontal-tb}
b,em{font-style:normal;}
body{ font:16px 'Microsoft Yahei';background:#fff;-webkit-text-size-adjust:none;min-width:320px;max-width:640px}
.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr{zoom:1;}
a,input,textarea{outline:none;-moz-outline:none;-webkit-tap-highlight-color:rgba(0,0,0);}
a:active,a:focus{outline:none;}

.w60{width:60px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mlr15{margin:0 15px;}
.ov{margin:0 auto ;overflow:hidden;position:relative;}
.mr40{margin-right:140px;}
.no-border{border:0;}
.cur_pointer{cursor:pointer;}

/*头部样式*/
.wrap{position:relative;overflow:hidden;max-width:640px;min-width:320px;background:#EFEFEF;}
.header{ max-width:640px;min-width:320px;height:55px;padding:5px 3%;
         margin:0 auto;background:url(http://y0.ifengimg.com/2485bc43b033c495/2012/1115/vip12110502.png) no-repeat -450px 0;}
.header .logo_box{float:left;width:363px;_width:360px;}
.header .logo{float:left;width:221px;height:40px;margin:0;padding:0;}
.header .logo a{display:block;width:221px;height:40px;background:url( http://y1.ifengimg.com/vipvideo/logo.jpg) no-repeat;margin:0;}
.header ul{list-style:none;text-align: center;}
.header ul li{float:left;text-align:center;}
/*导航样式*/
.layout{background:url(http://y1.ifengimg.com/a/2015_12/d61e86fb8a1ae08.png) repeat 0 0;}
.nav{font-size:18px;color:#8a1e23;border-bottom:1px solid #d7d7d7;padding-bottom:5px;width:100%;}
.nav a{width:24%;height:24x;line-height:24px;color:#8a1e23;margin-top:9px;display: inline-block;text-align:center;}
.nav a span{width:60px;display:inline-block;}
.nav a .cur{ color:#1F7585;border-bottom:2px solid #1F7585;}

/*轮播图样式*/
.focus{margin:10px 15px 0;overflow:hidden;position:relative;}
.focus .f-img{position:absolute;left:0;top:0;display:-webkit-box;width:400%;}
.focus .f-img>li{-webkit-box-flex:1;width:100%;position:relative;}
.focus .f-img li a img{width:100%;}
 .focus .f-img li .mk{width:100%;line-height:25px;background:#000;opacity:1;position:absolute;bottom:0;display:block;font-size:14px;text-align:left;text-indent:10px;color:#fff;} 
 .focus .i-btns{position:absolute;right:10px;bottom:5px;}
.header{height:40px;background:#25879A;}
.focus .i-btns li{width:8px;height:8px;border-radius:100%;background:#989898;margin-left:6px;display:inline-block;text-indent:-9999em;}
.focus .i-btns li.current{background:#b21414;}

/* 列表样式 */
.i-title{margin:40px 10px 35px;border-top:2px groove #FFF;}
.i-title .round-btn{ text-align:center; background:#FFF;border:1px solid #FFF;border-radius:20px;color:#1F7585;padding:5px 10px;margin-left:20px;width:100px;}
.i-title .title-left{
    background:#1F7585;border:1px solid #1F7585;border-radius:20px;color:#FFF;margin:-18px -2px;padding:5px 10px;width:auto;
    float:left;
}
.i-title ul li a{color:#333;font-size:0.8em;}

.i-title .fashion-ul {margin-top:10px;}
.i-title .fashion-ul li{width:50%;float:left;margin:0;}
.i-title .fashion-ul li img{width:95%;}
.i-title .fashion-ul li div{width:93%;margin:5px 0;}
.i-title .fashion-ul li p{overflow:hidden;}

.i-title .movie-ul {margin-top:10px;}
.i-title .movie-ul li{width:33%;float:left;margin:0;}
.i-title .movie-ul li img{width:95%;}
.i-title .movie-ul li div{margin:3px 0;}

.i-title .title-right{float:right;margin-top:-20px;background:#EEE;height:35px;line-height:35px;width:50px;text-align:right;}
.i-title .title-right a{color:#333;}
.i-title li{margin-top:24px;}
.i-title .pd-ul{margin-top:30px;}
.i-title .pd-ul li{float:left;height:30px;line-height:30px;margin:10px;}

.t-recom{margin:15px auto;}
.t-recom a{width:32%;display:inline-block;text-align:center;overflow:hidden;}
.t-recom p{margin-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333;font-size:14px;}
.t-recom img{display:block;margin:0 auto;-webkit-box-shadow:0 0 6px #ddd;}
.check-more{margin:40px 20px 10px;background:#FFF;cursor:pointer;border:1px solid #3b8dad;height:34px;line-height:34px;position:relative;border-radius:20px;display:block;text-align:center;color:#333;}

/*底部*/
.footer{background-color:#25879A;margin:15px auto 2px;padding: 0px 15%;border-top:1px solid #e5e5e5;text-align:center;color:#999;font-size:14px;}
.footer a{color:#FFF;font-size:14px;font-weight:700;font-family: Helvetica,STHeiti,Droid Sans Fallback;padding:0 1.5%;line-height:35px;}
.footer p{line-height:35px;text-align:center;color:#FFF;padding:0;}
.footer a.b-c{color:#8a1e23;}
.footer ul{text-align:center;width:150px;}
.footer ul li{width:50px;float:left;height:20px;}
.footer ul li span{margin-left:5px;}

/* 播放器 */
.playarea{width:100%;margin:0 auto;overflow:hidden;background:#000;}
.playarea .playercont{height:240px;overflow:hidden;width:100%;}
.playarea .playercont .video{position:relative;z-index:200;width:100%;height:240px;overflow:hidden;background:#000;}
.video_html5{display:inline;float:left;height:240px;z-index:200;position:relative;background:#000;margin-left:2%;}
.video_html5 img{display:block;height:240px;width:400px;margin:0 auto;}
.video_html5_play{ height: 74px; width:100%; position: absolute;  background: url('http://res.vip.v.ifeng.com/play/images/html5_start.png') no-repeat center center;top:87px;opacity: 0.8; cursor: default; }
.video_html5_play:hover{ opacity: 1; }
a.html5_btn{ position: absolute; text-decoration: none; display: block; color: #fff; width: 65px; height: 28px; line-height: 28px; text-align: center; font-size:14px;  background: url('http://res.vip.v.ifeng.com/play/images/vipplay110621.jpg') no-repeat 0 -132px; }
a.html5_btn:hover{ background-position: -65px -132px; }
.html5_pay{ left: 130px; }
.html5_cancel{ left: 220px; }

/* 登陆弹层 */
.viploginbox{width:400px;border:2px solid #3C7A8A;background:#fff;top: 50%;left: 50%;margin: -150px 0 0 -198px;position: fixed;z-index: 1210;_position:absolute;_top:expression((screen.availHeight-210)/2+(window.pageYOffset || document.documentElement.scrollTop));overflow:hidden;}
.viploginbox .title{height:43px;background:url(http://y1.ifengimg.com/f3a90b93df336b6f/2012/1009/vlogin120924.gif) repeat-x 0 -471px;}
.viploginbox .title ul{float:left;padding-left:5px;}
.viploginbox .title ul li{float:left;}
.viploginbox .title ul li a{display:block;width:105px;height:43px;text-indent:-9999px;background:url(http://y1.ifengimg.com/f3a90b93df336b6f/2012/1009/vlogin120924.gif) no-repeat;}
.viploginbox .title ul li a.vlogin{background-position:0 -90px;}
.viploginbox .title ul li a:hover.vlogin{background-position:0 -45px;}
.viploginbox .title ul li.current a.vlogin,.viploginbox .title ul li.current a:hover.vlogin{background-position:0 0;}
.viploginbox .title ul li a.vregi{background-position:-115px -90px;}
.viploginbox .title ul li a:hover.vregi{background-position:-115px -45px;}
.viploginbox .title ul li.current a.vregi,.viploginbox .title ul li.current a:hover.vregi{background-position:-115px 0;}
.viploginbox .title .close a{display:inline;float:right;width:14px;height:13px;text-indent:-9999px;margin:15px 13px 0 0; background:url(http://y1.ifengimg.com/f3a90b93df336b6f/2012/1009/vlogin120924.gif) no-repeat -206px -135px;}
.viploginbox .title .close a:hover{background-position:-206px -150px;}
.viploginbox .cont{width:396px;}
.viploginbox .cont ul li.error{color:#e77020;font-size:12px;height:18px;padding-left:50px;margin-bottom:0;}
.viploginbox .cont ul li{height:32px;margin-bottom:9px;}
.viploginbox .cont ul li .fl{float:left;}
.viploginbox .cont ul li label{float:left;text-align:right;padding-right:7px;line-height:32px;color:#515151;font-size:14px;}
.viploginbox .cont ul li input.txt{height:18px;line-height:18px;padding:7px 6px;font-size:14px;border:0;outline:none; background:url(http://y1.ifengimg.com/f3a90b93df336b6f/2012/1009/vlogin120924.gif) no-repeat 0 -135px; color: #B7B7B7;}
.viploginbox .cont ul li.remember_pwd{height:33px;margin-bottom:0;}
.viploginbox .cont ul li.remember_pwd label{width:auto;color:#515151;font-size:12px;cursor:pointer;line-height:18px;}
.viploginbox .cont ul li.remember_pwd .btn1{vertical-align:-2px;margin-right:5px;}
.viploginbox .vlogincont ul{padding:19px 0 0 69px;width:247px;}
.viploginbox .vlogincont ul li{width:247px;}
.viploginbox .vlogincont ul li label{width:45px;}
.viploginbox .vregicont ul li .fl{width:192px;}
.viploginbox .vlogincont ul li input.txt{width:180px;background-position:0 -135px;}
.viploginbox .vlogincont ul li input.txtfocus{background-position:0 -169px;}
.viploginbox .vlogincont ul li input.txterror{background-position:0 -203px;}
.viploginbox .vlogincont ul li.remember_pwd{padding-left:54px;}
.viploginbox .vlogincont ul li a.btn2{float:left; display:inline-block;width:65px;height:28px;text-indent:-9999px;margin:0 22px 0 54px;background:url(http://y1.ifengimg.com/f3a90b93df336b6f/2012/1009/vlogin120924.gif) no-repeat -155px -339px;}
.viploginbox .vlogincont ul li a:hover.btn2{background-position:-155px -369px;}
.viploginbox .vlogincont ul li a.forget_pwd{float:left; line-height:28px; color:#15847e;text-decoration:underline;}
.viploginbox .vlogincont .tips{width:373px;height:42px;line-height:42px;text-align:center; margin:6px auto 0;background:url(http://y1.ifengimg.com/f3a90b93df336b6f/2012/1009/vlogin120924.gif) repeat-x 0 -517px;}
.viploginbox .vlogincont .tips a{color:#15847e;padding-left:17px;text-decoration:underline;}
.viploginbox .vregicont ul{padding:19px 0 8px 49px;width:288px;}
.viploginbox .vregicont ul li{width:288px;}
.viploginbox .vregicont ul li.error{padding-left:64px;}
.viploginbox .vregicont ul li label{width:57px;}
.viploginbox .vregicont ul li .fl{width:220px;}
.viploginbox .vregicont ul li input.txt{width:208px;background-position:0 -237px;}
.viploginbox .vregicont ul li input.txtfocus{background-position:0 -271px;}
.viploginbox .vregicont ul li input.txterror{background-position:0 -305px;}
.viploginbox .vregicont ul li .veri_code{float:left; width:127px;height:29px;padding:3px 0 0 5px; background:url(http://y1.ifengimg.com/f3a90b93df336b6f/2012/1009/vlogin120924.gif) no-repeat 0 -339px;}
.viploginbox .vregicont ul li .veri_code .txt02{float:left; width:60px;height:18px;line-height:18px;padding-top:5px; border:none;outline:none;background:none;color: #B7B7B7;}
.viploginbox .vregicont ul li .veri_codefocus{background-position:0 -373px;}
.viploginbox .vregicont ul li .veri_code img{float:left; width:60px;height:20px;margin-top:3px;}
.viploginbox .vregicont ul li .change{float:left;padding-left:5px;line-height:32px;color:#515151;}
.viploginbox .vregicont ul li .change a{color:#15847e;text-decoration:underline;}
.viploginbox .vregicont ul li.remember_pwd{padding-left:66px;}
.viploginbox .vregicont ul li.remember_pwd a{color:#15847e;text-decoration:underline;}
.viploginbox .vregicont ul li a.btn3{display:block;width:95px;height:28px;text-indent:-9999px;margin-left:66px; background:url(http://y1.ifengimg.com/f3a90b93df336b6f/2012/1009/vlogin120924.gif) no-repeat 0 -441px;}
.viploginbox .vregicont ul li a:hover.btn3{background-position:-97px -441px;}
/*light off*/
.maskLayer{ position:absolute;background-color:#171717; top: 0; left: 0; filter:alpha(opacity=100);-moz-opacity:1;-kHTML-opacity:1;opacity:1; }
.maskLayer2{ position:absolute;background-color:#000; top: 0; left: 0; filter:alpha(opacity=90);-moz-opacity:0.9;-kHTML-opacity:0.9;opacity: 0.9; }/*120924gai*/
/* 弹层 */
.pop{width: 396px;border: 2px solid #3C7A8A;background: white;font-size: 14px;top: 50%;left: 50%;text-align:center;margin: -100px 0 0 -198px;position: fixed;z-index: 1210;_position:absolute;_top:expression((screen.availHeight-210)/2+(window.pageYOffset || document.documentElement.scrollTop)); }
.pop .title{height:43px;background:url(http://res.vip.v.ifeng.com/play/images/vipplay110621.jpg) repeat-x 0 -31px;}
.pop .title h2{float:left;font-size:14px;font-weight:bold;}
.pop .title h2.t1{width:72px;height:20px;margin:12px 0 0 15px;text-indent:-9999px;display:inline; background:url(http://res.vip.v.ifeng.com/play/images/vipplay110621.jpg) no-repeat 0 -77px;}
.pop .title h2.t2{font-size:14px;line-height:43px;padding-left:15px;}
.pop .title h2.t2 span{color:#16847B;}
.pop .title span.close{float:right;margin:14px 15px 0 0; width:14px;height:13px;font-size:1px;text-indent:-9999px; background:url(http://res.vip.v.ifeng.com/play/images/vipplay110621.jpg) no-repeat -86px -77px;}
.pop .title span.close a{width:13px;height:13px;display:block;}
.pop .cont{width:396px;overflow:hidden;padding:12px 0 20px;background:url(http://res.vip.v.ifeng.com/play/images/vipplay11062102.jpg) repeat-x left bottom;}
.pop ul{width:245px;float:left;padding:0 0 0 70px;}
.pop ul li{width:245px;height:28px;margin-bottom:12px;}
.pop ul li label{float:left;width:45px;text-align:right;padding-right:8px;line-height:28px;}
.pop ul li input.txt{width:180px; height:18px;line-height:18px;padding:5px 4px;font-size:14px;border:0;background:url(http://res.vip.v.ifeng.com/play/images/vipplay110621.jpg) no-repeat;color: #B7B7B7;}
.pop ul li input.btn1{float:left;margin:8px 6px 0 54px;*margin:3px 2px 0 52px;display:inline;}
.pop ul li span{float:left;line-height:28px;font-size:12px;}
.pop ul li .btn2{float:right;width:65px;height:28px;text-indent:-9999px;margin-right:3px;display:inline; background:url(http://res.vip.v.ifeng.com/play/images/vipplay110621.jpg) no-repeat 0 -102px;}
.pop ul li .btn2:hover{background-position:-65px -102px;}
.pop ul li.error{color:#e77020;font-size:12px;height:25px;padding-left:55px;margin-bottom:0;}
.pop .tip{width:396px;overflow:hidden;text-align:center;color:#cecece;font-size:12px;}
.pop .tip a{margin:0 12px;color:#16847B;}
.pop .icon_btn3{height:26px;width:110px;margin:12px auto 0;display:block;font-weight:bold;padding:6px 0 0 19px;_padding:8px 0 0 19px;font-size:14px;color:#16847B;background:url(http://res.vip.v.ifeng.com/play/images/vipplay11062103.png) no-repeat -267px -117px;}
.pop .p1{width:369px;margin:0 auto;line-height:20px;padding-bottom:6px;background:url(http://res.vip.v.ifeng.com/play/images/vip11061706.jpg) repeat-x left bottom;}
.pop .p2{padding:10px 0 0 75px;line-height:31px;height:31px;}
.pop .p2 span{padding-left:10px;}
.pop .p2 em{color:#16847B;}
.pop .p3{text-align:center;padding:12px 0 4px;}
.pop .p3 a{color:#16847B;margin:0 6px;}
.lockdiv{width:100%;height:100%;position:fixed;left:0;top:0;opacity:1;z-index:115;background:#171717;}
.lockdiv2{width:100%;height:100%;position:fixed;left:0;top:0;opacity:1;z-index:210;background:#171717;}
.videobg{width:175px;height:486px;position:absolute;left:25px;top:5px;opacity:0.9;z-index:210;background:#171717;}
.openlamp{width:64px;height:71px;position:absolute;top:104px;right:25px;z-index:300;}
.openlamp a{width:64px;height:71px;display:block;text-indent:-9999px; background:url(http://res.vip.v.ifeng.com/play/images/vipplay11062103.jpg) no-repeat 2px 0;}
.openlamp a:hover{background-position:-106px 0;}

/* 首页频道列表样式 */
.slMenu { width: 20px;height: 17px;}
.slMenu span {
        width: 20px; height: 2px; background: rgba(255,255,255,1);margin-bottom: 5px;
        display: block; transition: transform 0.5s;
		-webkit-transition: -webkit-transform 0.5s;
        opacity: 1;
        transform: rotate(0deg) translate(0px,0px);
}

.w60{ width:60%;text-align:center;padding-top:5px;}
.w20{ width:20%;text-align:center;padding-top:10px;cursor:pointer;}
.cl_white{background: url(http://y1.ifengimg.com/l/2015/29/4dbf80386230334/sprite_slPage.png) no-repeat;
       background-size: 500px auto;width:20px;height:30px;
}
.img_title{ background:url(http://y1.ifengimg.com/vipvideo/vip_banner.png) no-repeat;background-size: 169px auto;width:169px;height:30px;
}