@charset "utf-8";
/* CSS Document ynxfei */

html {/* -webkit-text-size-adjust:none;*/}
body { margin:0; color:#969696; font:12px/20px "\5FAE\8F6F\96C5\9ED1",Arial,sans-serif; background:#e9e9e9;}
ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,input,i,u,em,small,sub,sup,input,button,textarea,p,th,td,strong{ margin:0; padding:0; font-style:normal;}
input{outline:none} 
a img{border:none;}
li {list-style:none;}
div, ul, dl { zoom:1;}
img,fieldset { border:none; }
h1,h2,h3,h4,h5,h6{font-size:14px;}
select, input, textarea { font-size:12px;}
select, input, img { vertical-align:middle;}
a{color:#444;text-decoration:none; outline:none;}
a:hover{color:#529bef;text-decoration:none;}
div:after, ul:after, dl:after { content:""; display:block; clear:both; height:0; visibility:hidden;}
i,u,b,em,span,small{ font-weight:normal; font-style:normal; text-decoration:none; display:inline-block; font-size:12px;}
.left,.con,.right{ float:left; display:inline;}
.right{ float:right;}

/**/

.i-b,.Nav,.menu-left li a,.navbar,.login-txt em a,.i-doc,.pause em,.play-list li,.play-list i,.i-warp,.i-play,.play-opc i,.i-up,.btn,.login-list i,.login-list li a,.img-list li,.num span,.prompt b,.m-f li,.tg,.i-wrap,.img-list li a,.seat-list span,.seat-list li a,.i-b,.m-f li a,.hover .Li02 i,.w380 dt,.w180 dt,.w255 dt,.H-search .i-b,.SoResults li dl .A-play{ background:url(http://i0.letvimg.com/img/201305/09/1725/head-ico.png) no-repeat -10000px -10000px;}
.w380 dt,.w180 dt,.w255 dt{ background-color:#ebebeb;}
.i-up { width:14px; height:9px; background-position:-163px top; overflow:hidden;}
.i-doc{ width:7px; height:4px; background-position:-23px -9px; overflow:hidden;}
.num span,.tg{ background:url(http://i0.letvimg.com/img/201303/22/1620/png24.png) no-repeat -10000px -10000px; _background:url(http://i3.letvimg.com/img/201303/22/1815/head-ico.png) no-repeat -10000px -10000px;}
.num{ border-radius:15px; display:none;}
.num span{height:18px;float:left;font-family:Arial;font-size:10px;color:#fff;line-height:18px;line-height:19px\0;overflow:hidden;padding:1px 0 4px 0;_padding:0;cursor:pointer;}
.num .n-l{background-position:0 -32px; _background-position:-207px top; width:8px; _width:8px;}
.num .n-c{background-position:-10px -32px; _background-position:-215px top;}
.num .n-r{background-position:-48px -32px; _background-position:-261px top; width:8px; _width:8px;}
.tg{width:57px;height:18px;line-height:18px;text-align:center;color:#fff;position:absolute;right:0;top:0;background-position:0 0;_background-position:-55px -286px;cursor:pointer;}

.prompt{background:#000;border:1px solid #000;border-radius:4px;color:#fff; position:absolute; padding:4px 12px; line-height:21px; top:0; left:0; display:none;}
.prompt .ico_uarr1,.prompt .ico_darr2{ width:15px; height:10px; overflow:hidden; display:block; position:absolute; left:0; margin-left:-7px;left:50%;}
.prompt .ico_uarr1{ background-position:-274px top; top:-10px;}
.prompt .ico_darr2{ background-position:-274px -9px; bottom:-11px; left:30%;}.t-p .active .prompt{display:block}

/**/

.Head{ background-color:#fff; height:78px;}
.Head-info{ padding:17px 0; position:relative; z-index:1000; background-color:#fff;}
.Nav,.navbar { background-position:left -23px; background-repeat:repeat-x;}
.Focus{ background-repeat:no-repeat; background-position:center top;}

/**/

.Head-info,.navbar{ width:986px; margin:0 auto;}
.Head-info .left{ width:360px; padding:6px 0;}
.Head-info .con{ width:284px;}
.Head-info .right{ width:230px; position:relative; z-index:2; padding:0;}

.H-Logo,.M-Logo,.M-Ad-Logo{background:url(http://i3.letvimg.com/img/201305/24/1700/Logo.png) no-repeat -10000px -10000px; float:left; display:inline; height:27px;}
.H-Logo{width:134px; margin-left:20px; background-position:0 0;}
.H-Logo a{display:block; height:27px; width:100%;}
.H-tg{ position:absolute; left:165px; top:8px; width:127px; height:62px; overflow:hidden;}

.M-Logo{padding-left:8px;}.M-Ad-Logo{width:136px; background-position:0 -352px; margin-left:15px;}

.H-terminal{ font-size:14px; float:left; width:125px; margin:0; position:absolute; left:650px; top:26px;}
.H-terminal ul{ overflow:hidden;}
.H-terminal li{ float:left; padding:0 3px; color:#ddd;}
.H-terminal li a{ color:#666;}
.H-terminal li a:hover{ color:#529bef;}

.H-terminal .Li02{ width:1px; font-size:12px;}
.H-terminal .Li02,.H-terminal .Li03{ display:none;}

/*.H-search{height:36px; background-color:#fff; width:100%; border-radius:3px;}
.H-search form{border:1px solid #cbcbcb;border-radius:3px;background-color:#f1f1f1;width:282px;height:34px;overflow:hidden;}
.H-search .i-t{border:0;background-color:#f1f1f1; width:239px; height:34px;vertical-align:middle; line-height:34px; font-size:14px; color:#bdbdbd; *margin-top:-2px; font-family:"\5FAE\8F6F\96C5\9ED1"; padding-left:5px;}
.H-search .i-b{ width:34px; height:34px; background-position:12px 11px; border:none;*margin-top:-2px; cursor:pointer; background-color:none;}
.H-search .hover{ box-shadow:0 0 3px #38a3eb; background-color:none; height:34px;}
.H-search .active{ background-color:#fff; box-shadow:0 0 3px #38a3eb;}
.H-search .active .i-t{ background-color:#fff;}
.H-search .i-b:active{ background-position:12px 11px;}*/


.H-search{ position:relative; height:36px; background-color:#fff; width:100%;}
.H-search form{background-color:#ffffff;width:282px;height:36px; overflow:visible;}
.H-search .i-t{ border:1px solid #cbcbcb; border-right:none;border-radius:2px 0 0 2px;background-color:#ffffff; width:239px; height:34px;vertical-align:middle; line-height:34px; font-size:14px; color:#bdbdbd; font-family:"\5FAE\8F6F\96C5\9ED1"; padding-left:5px; position:absolute; top:0; left:0;}
.H-search .i-t:hover,.H-search .active .i-t{ box-shadow:0 0 2px #38a3eb;}
.H-search .i-b{ width:36px; height:36px; background-position:12px 11px; border:none; cursor:pointer; background-color:none; position:absolute; top:0; right:3px;}
.H-search .i-b,.H-search .i-b:active{ background-position:-40px -640px;}
.H-search .i-b:hover,.H-search .i-b:active{ filter:alpha(opacity=80); opacity:0.8;}

.H-search .hover{ background-color:none; height:34px;}

/**/

.top-user{ float:left;}.top-notes{ _width:83px; margin-top:11px; float:right;}.top-user{ width:147px; text-align:right;}.user-login{ margin-top:11px;}
.top-user .num{ position:absolute; left:123px; top:0px;}

.login-txt em,.login-txt b,.login-txt i{ padding:0 6px; float:left;}
.login-txt a,.pause a{ display:inline-block; cursor:pointer;}
.login-txt b{}.login-txt i{ margin-top:9px;}
.login-txt .e-2 a,.login-txt .e-3 a{ width:16px; height:18px;}
.login-txt .e-2 a{ background-position:-118px -138px;}
.login-txt .e-3 a{ background-position:-144px -138px;}

.pause em,.pause b,.pause i{ float:left; padding:0 5px;}
.pause em{ width:16px; height:16px; background-position:-184px top; margin-top:3px; padding:0;}.pause i{ margin-top:9px; padding:0;}

.H-play{ position:absolute; left:0; top:45px;}
.H-play .list{ position:relative; border:1px solid #eee; background-color:#fff; /*box-shadow:0 2px 2px #ddd;*/ width:230px;}
.t-l .i-up{ position:absolute; left:17px; top:-9px;}
.t-i .i-up{ position:absolute; left:99px; top:-9px;}
.t-p{ height:auto!important; height:104px; min-height:104px;}
.t-p .i-up{ position:absolute; left:185px; top:-9px;}

.RecArea .play-list{ background:none; background-color:#fff;}
.play-list .prompt{ top:45px;}
.play-list .prompt i{ width:auto; margin:0; height:auto;}
.play-list i,.play-list em,.play-list b,.play-list span,.play-list small{float:left; overflow:hidden;}
.play-list i{ width:16px; height:16px; margin-top:9px;}.i-name{ width:123px; padding-left:10px; height:36px;}.i-day{ width:51px; text-align:right;}
.i-wrap{ height:6px; width:230px; position:absolute; left:0px; bottom:0; background-position:-1px -207px; display:none; overflow:hidden;}
.i-ct  { background-color:#6fb0e7; height:4px; width:1px; margin-top:1px; overflow:hidden;}
.i-off{ position:absolute; right:3px; top:1px; width:14px; height:14px; display:none; color:#fff; line-height:14px; text-align:center; cursor:pointer;}
.i-play{ background-position:left -286px; width:45px; height:19px; line-height:20px; margin-top:7px; overflow:hidden; text-align:center; display:none;}
.i-play a{ display:block;}.i-play a:hover{ color:#444;}
.play-list li{ height:35px; line-height:34px; padding:0 15px; float:left; border-bottom:1px solid #ddd; width:200px;}
.play-list li:hover,.play-list .active{ background-position:left -315px; position:relative;}
.play-list li:hover b a,.play-list .active b a{ color:#fff;}
.play-list .i-pc{ background-position:left -223px;}.play-list li:hover .i-pc,.play-list .active .i-pc{ background-position:left -248px;}
.play-list .i-ph{ background-position:-23px -223px;}.play-list li:hover .i-ph,.play-list .active .i-ph{ background-position:-23px -249px;}
.play-list .i-pd{ background-position:-48px -223px;}.play-list li:hover .i-pd,.play-list .active .i-pd{ background-position:-48px -249px;}
.play-list .i-tv{ background-position:-72px -223px;}.play-list li:hover .i-tv,.play-list .active .i-tv{ background-position:-72px -249px;}
 li:hover .i-wrap,.active .i-wrap,.active .i-play,.active .i-off,li:hover .i-play,li:hover .i-off{ display:block;}
 li:hover .i-day,.active .i-day{ display:none;}

.play-opc{ padding:10px 15px;height:20px;}
.play-opc span{ width:63px;height:20px;background:#fff;overflow:hidden;}
.play-opc span,.play-opc b,.play-opc i{ float:left;}.play-opc b{ width:35px;}
.play-opc i{ width:22px; height:20px; margin-right:2px;}
.play-opc .s1 i{ background-position:-86px 3px;}
.play-opc .s2 i{ background-position:-113px 2px;}
.play-opc .s3 i{ background-position:-140px 2px;}.play-opc .s3{ width:74px;}.play-opc .s3 b{ width:48px;}
.play-opc .s3 b a{ cursor:pointer;}

.play-bg{opacity:0.9; filter:Alpha(opacity=90);width:100%;height:100%;background:#fff;position:absolute;left:0;top:0; overflow:hidden; height:184px; display:none;}
.play-del{position:absolute;left:0;top:0;width:90%; top:18%; z-index:2;padding:10px; display:none;}
.play-del p{text-align:center;padding-top:10px;}.play-del p a,.play-del p a:hover{ color:#529bef;}
.btn{ background-position:left -360px; width:100px; height:29px; overflow:hidden; border:0; color:#fff; cursor:pointer; font-family:"\5FAE\8F6F\96C5\9ED1"; margin-left:3px;}
.btn:hover,.btn.active{ background-position:-119px -360px; }

.noRec dt{height:84px;line-height:88px; text-align:center; overflow:hidden;}
.noRec dt.met{height:auto; text-align:left;line-height:21px;height:auto;padding:0 15px 15px;}
.noRec dt.met p{ background:url(http://i3.letvimg.com/img/201212/24/ico_spot.png) no-repeat 0 9px; padding-left:10px;}
.noRec dt b{ font-weight:bold;}
.noRec dd{ background:#f2f2f2;line-height:22px;padding:0 15px;color:#999;}
.noRec dd.tit{padding-top:15px;}
.noRec dd.tip{padding:10px 0}
.noRec dd.tip p{border-top:1px solid #dfdfdf;margin:0px 10px;padding:5px 0 0;}
.getdata{padding:10px 20px; text-align:center;}
.getdata p{height:22px;line-height:22px;}
.smallLoad{padding-left:20px; background:url(http://i0.letvimg.com/img/201112/06/top/smallload.gif) no-repeat left -5px; font-size:12px;}

.login-list i,.login-list b{ float:left; cursor:pointer;}
.login-list i{ width:24px; height:18px; margin:10px 10px 0 0;}
.login-list li{ border-bottom:1px solid #ddd; height:36px; overflow:hidden; line-height:36px;}
.login-list li a{ display:block; width:100%; height:100%; padding:0 15px;}
.login-list li a:hover{ color:#fff; background-position:left -315px;}
.login-list .i-s{ background-position:2px -166px;}.login-list li a:hover .i-s{ background-position:2px -141px;}
.login-list .i-q{ background-position:-25px -166px;}.login-list li a:hover .i-q{ background-position:-25px -139px;}
.login-list .i-r{ background-position:-55px -166px;}.login-list li a:hover .i-r{ background-position:-55px -141px;}
.login-list .i-l{ background-position:-86px -166px;}.login-list li a:hover .i-l{ background-position:-86px -140px;}

.img-list li{ border-bottom:1px solid #ddd; height:36px; overflow:hidden; line-height:36px;}
.img-list li a{ display:block; padding:0 15px;}.img-list li u,.img-list li span{ cursor:pointer;}
.img-list li a:hover{ background-position:left -315px; color:#fff;}

/**/

.user-show{ float:right; padding:6px 10px;}
.user-pic,.user-pic a{ display:block; width:45px; height:30px; cursor:pointer;}
.user-pic img{ width:30px; height:30px; border-radius:15px; float:left;}
.user-pic i{ float:right; cursor:pointer; margin-top:14px;}

/**/

.navbar{ height:50px;}
.navbar ul{ overflow:hidden; height:50px;}
.navbar li{ float:left; height:50px; overflow:hidden; line-height:50px;}

.menu-left{ float:left; width:765px;}
.menu-left li a{ padding:0 9px; display:inline-block; font-size:17px;overflow:hidden; color:#000; text-shadow:1px 1px 0px #fff; float:left;_font-family:"\9ED1\4F53";}
.menu-left li a:hover,.menu-left .active a{ background-position:left -82px; font-weight:bold;_font-weight:none; color:#fff; text-shadow:none;transition:none;}
.menu-left li span{ background-color:#d9d9d9; border-right:1px solid #f0f0f0; width:1px; height:46px; margin:0 5px; display:inline-block; float:left;}

.menu-right{ float:right; width:220px;}
.menu-right li{ line-height:52px;}
.menu-right li a,.menu-right li u{ display:inline-block; padding:0 5px; float:left;}

.menu-right-index li{ float:right; font-size:14px;}
.menu-right-index li.Li03 a{ padding-right:0;}

/*sub nav*/

.menu-nav{float:left;}.H-seat{ position:relative; float:left; z-index:3;}
.seat-list{ float:left;}
.seat-list li{ float:left; height:48px; line-height:48px;}
.seat-list li b{ font-size:16px; float:left;}
.seat-list li a{ float:left; height:48px; overflow:hidden; cursor:pointer; padding-right:3px;}
.seat-list li i{ margin-top:22px;}
.seat-list li span{ background-position:left -580px; width:17px; height:48px; float:left; border:none;}
.seat-list li.Li01{ padding-left:20px; padding-right:5px;}
.seat-list li.Li02 b{ padding:0 16px 0 12px;}
.active .Li02 .sr{ display:none;}
.hover .Li02 i{ background-position:-297px -10px;}
.hover .Li02 a{ background-position:-60px -580px; color:#fff;}
.hover .Li02 .sl{ background-position:-40px -580px;}
.hover .Li02 .sr{ background-position:-220px -580px;}

.seat-info{}
.seat-info .list{border:1px solid #e2e2e2; background-color:#fff; /*border-radius:4px; box-shadow:0 2px 2px #ddd;*/}
.seat-info .m-f{ width:115px; position:absolute; left:60px; top:50px; display:none;}
.m-f li{ float:left; width:115px; overflow:hidden; height:36px; line-height:36px; border-bottom:1px solid #efefef;}
.m-f li a{ display:block; padding:0 24px;}
.m-f li.active a,.m-f li a:hover{ color:#fff; background-position:left -315px;}
.m-f ul{ height:auto;}

.sub-nav{ float:left;}.sub-nav li{ font-size:16px; white-space:nowrap;}
.menu-bar li { float:right;}.sub-nav li,.menu-bar li a{ font-size:15px; text-shadow:none;}

.H-play .t-l,.H-play .t-i,.H-play .t-p{ display:none;}
.Head-info .right .num{ display:none;}

/**/

.Foot{ overflow:hidden; padding:0 0 30px 0;}
.footer{ width:986px; margin:24px auto 0 auto;}
.footer a{ display:inline; margin-right:9px; line-height:24px; height:24px; overflow:hidden; color:#969696;}
.footer .p1 a{ color:#444;}
.footer .p1 a:hover,.footer a:hover{ color:#529bef;}
.footer .list { padding-top:27px;}
.footer .left { width:170px;}
.footer .right{ width:810px;}

/*SoResults*/

.SoResults {overflow:hidden;padding:0;}
.SoResults ul{border:1px solid #b9d8fb;}
.SoResults li{cursor:pointer; height:31px; border-top:1px solid #ffffff; border-bottom: 1px solid #F5F5F5;background:#fff;padding:0 10px; vertical-align:bottom; }
.SoResults li h5{ font-size:12px;height:31px;line-height:31px;font-weight:normal; padding:0; margin:0!important;}
.SoResults li h5 small{ font-size:12px;color:#969696;margin-left:3px;}
.SoResults li dl{ }
.SoResults li:hover{background:#f1f7fe;}
.SoResults li:hover{border-top:1px solid #b9d8fb; border-bottom:1px solid #b9d8fb;}
.SoResults li dl .A_more{margin-right:10px;color:#969696;}

.SoResults li.active{ height:110px;}
.SoResults li.active dl{ display:block;}
.SoResults li.active h5{ display:none;}
.SoResults li.hover{ background:#f1f7fe; border-top:1px solid #b9d8fb; border-bottom:1px solid #b9d8fb;}

.SoResults li dl{display:none;padding-top:10px;}
.SoResults li dl img{width:68px;height:90px;}
.SoResults li dl dt{width:80px;float:left;}
.SoResults li dl dd{overflow:hidden;color:#969696;}
.SoResults li dl p{height:20px;line-height:18px;overflow:hidden;padding-top:1px;}
.SoResults li dl p.tit{font-size:14px;}
.SoResults li dl p.A_a{ height:22px;}
.SoResults li dl p.A_a span{margin-right:10px;}
.SoResults li dl p.A_a a{padding:0 6px;border:1px solid #ddd;margin-right:10px; background:#ffffff; display:inline-block;height:20px;line-height:20px;}
.SoResults li dl p.A_a a:hover{background:url(http://i3.letvimg.com/css/201208/13/usebg.png) no-repeat 0 -589px; color:#ffffff; box-shadow: 1px 1px 4px #CCCCCC;}
.SoResults li dl .A-play{ display:inline-block;width:50px;height:29px;margin-right:10px; background-position:-90px -640px; text-decoration:none; text-align:center;color:#fff;line-height:29px;}
.SoResults li dl a.A-play:hover{ filter:alpha(opacity=80); opacity:0.8;}
.SoResults li dl p.tr{ height:30px; line-height:30px;}
.SoResults li dl.mx_pic img{height:90px;width:68px;}
.SoResults li dl.mx_pic dt{width:85px;}
.SoResults li dl.mx_pic p span{height:18px;line-height:18px; display:inline-block;float:left;width:50%;}
.SoResults li dl.mx_pic p.z_p{height:42px;}

/**/

.App-letv{ background-color:#fff; border:1px solid #e7e7e7; border-radius:3px; width:38px; text-align:center; position:fixed; right:1px; bottom:1px; height:88px; overflow:hidden; z-index:100;}
.App-letv span{ float:left; line-height:16px; overflow:hidden; width:100%;}.App-letv .b1,.App-letv .b3,.App-show .b2{ display:none;}.App-show .b1,.App-show .b3{ display:block;}
.App-letv span,.App-letv span a,.App-letv span i,.App-letv span b{ display:inline-block; cursor:pointer;}.App-letv span i{ width:32px; height:32px;}.App-show span i{ width:87px; height:87px; overflow:hidden; float:left;}
.App-letv span b{ width:35px; float:left;}.App-letv span i img{ width:32px; height:32px;}
.App-letv .s1 a,.App-letv .s1 a:hover{ color:#c6c6c6;}.App-letv .s1 a{ width:100%;}
.App-letv .s2{ padding-top:3px; height:100%;}
.App-letv .s2 a,.App-letv .s2 a:hover{ display:block; width:100%; height:100%; color:#444;}
.App-letv .s1{ width:100%; height:15px;}.App-letv .s1 a{ float:right;width:15px; height:15px;overflow:hidden; font-weight:bold;}

.App-show{ width:90px; height:150px;}.App-show .s2{ padding-top:0;}
.App-show span b{ width:73px; text-align:left; text-indent:5px; height:22px; line-height:22px;}.App-show span i img{ width:69px; height:69px;}
.app-home i,.app-sport i,.app-music i{ background:url(http://i0.letvimg.com/img/201306/14/app-ico.png) no-repeat -10000px -10000px;}
.App-letv .app-home i{ background-position:left top;}.App-letv .app-sport i{ background-position:left -42px;}.App-letv .app-music i{ background-position:left -84px;}
.App-show .app-home i{ background-position:2px -126px;}.App-show .app-sport i{ background-position:2px -320px;}.App-show .app-music i{ background-position:2px -223px;}