@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ background:#282828; font-family:Arial; font-size:12px;}
li{ list-style:none;}
a{ color:#bebfc1; text-decoration:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

.wapper{ background:#1f212b; height:720px; margin:0 auto; position:relative; width:1280px;}
.clr{ overflow:hidden; zoom:1;}

/*TopMenu*/
nav{ background:url(../img/menu.png) repeat-x; box-shadow:1px 0 10px rgba(0,0,0,0.7); height:70px; padding:0 0 0 20px; position:relative;}
nav li,nav li a{ display:block; font-size:26px; height:60px; line-height:60px; margin:5px 0 0; position:relative; text-align:center; z-index:9;}
nav li { float:left; width:182px; margin:6px 0 0;}
nav li a{ border:1px rgba(0,0,0,0) solid; border-bottom:0; border-top-left-radius:5px; border-top-right-radius:5px; margin:1px 0 0; position:relative; top:-1px; width:172px;}
nav li a:focus{ background:-webkit-linear-gradient(top,#d90d35,#990824); border:1px #c15e71 solid; border-bottom:none; box-shadow:-1px -1px 2px #000; color:#fff;  text-shadow:1px 1px 1px #000;}
nav .there a,nav .focus a{ background:-webkit-linear-gradient(top,#7c818b,#535b6b); }
.nvat{ color:#9e9e9e; font-size:26px; line-height:65px; text-indent:35px;}
/*nav li:last-child{ background:-webkit-linear-gradient(top,#7c818b,#535b6b); float:none; border:1px #888d99 solid; border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; box-shadow:-1px -1px 2px #000; left:20px; position:absolute; top:0; z-index:1;}
nav li:nth-child(1):hover ~ #nb{ left:20px;}
nav li:nth-child(2):hover ~ #nb,#Guide nav li:nth-child(2) ~ #nb{ left:180px;}
nav li:nth-child(3):hover ~ #nb,#search nav .there ~ #nb{ left:340px;}
nav li:nth-child(4):hover ~ #nb{ left:500px;}
nav:hover li:last-child{ background:-webkit-linear-gradient(top,#d90d35,#990824); border:1px #c15e71 solid; box-shadow:-1px -1px 2px #000;}*/

/*TopTime*/
.toptime{ background-color:rgba(255,255,255,0.2); border-top-left-radius:55px; border-bottom-left-radius:55px; box-shadow:1px 1px 1px rgba(255,255,255,0.1) inset; color:#9c9c9c; font-size:20px; height:38px; line-height:42px; letter-spacing:2px; padding:7px 0 10px; position:absolute; right:0; text-align:center; top:5px; width:392px;font-family:"Microsoft YaHei UI"}/* font-weight:bold;text-align:right;*/
/*bg*/
.bg{ background:url(../img/bg.png) no-repeat 0 -75px; height:504px; margin:0 auto; width:1280px;}
.bgleft:before,.bgright:after,.bgs:before,.bgs:after,.bgl:after,.bgr:before{ background:url(../img/lc.png) no-repeat; content:""; height:37px; left:25px; position:absolute; top:300px; width:21px; zoom:1; }
.bg:after{ background:url(../img/lcr.png) no-repeat; left:auto; right:20px; }
.bgs,.bgl{ position:relative;}
.bgs:after{ background:url(../img/lcb.png) no-repeat; bottom:12px; left:614px; top:auto; -webkit-transform:rotate(90deg);}
.bgs:before{ bottom:12px; left:650px; top:auto; -webkit-transform:rotate(-90deg);}
.bgl:after{ background:url(../img/lcl.png) no-repeat; bottom:12px; left:614px; top:auto; -webkit-transform:rotate(90deg);}
.bgr:before{ background:url(../img/lcl.png) no-repeat; bottom:12px; left:650px; top:auto; -webkit-transform:rotate(-90deg);}

/*menu*/
menu{ background:url(../img/menubg.png) no-repeat left center; height:40px; margin:15px auto; position:relative; width:1160px;}
menu li{ float:left; height:31px; margin:5px 10px 0 0; text-transform:capitalize; text-align:center;}
menu li a{ color:#c7c8cc; font-size:22px; height:32px; line-height:32px; padding:0 8px; position:relative; text-align:center; top:0; z-index:9;}

menu .there a{ background:#494b58;}
menu li a:focus,menu .focus a,menu .there a:focus{ background:#bf0428; color:#fff;}
/*
menu li:nth-child(2){ width:120px;}
menu li:nth-child(3){ width:115px;}
menu li:nth-child(5){ width:125px;}
menu li:nth-child(6){ width:165px;}
menu li:last-child{ background:#494b58; height:31px; left:0; line-height:31px; position:absolute; top:0; width:105px; z-index:1;}
menu li:nth-child(2):hover ~ #mb{ left:105px; width:120px;}
menu li:nth-child(3):hover ~ #mb{ left:230px;}
menu li:nth-child(4):hover ~ #mb{ left:340px;}
menu li:nth-child(5):hover ~ #mb{ left:455px;}
menu li:nth-child(6):hover ~ #mb{ left:565px; width:165px;}
menu li:nth-child(7):hover ~ #mb{ left:735px;}
menu li:nth-child(8):hover ~ #mb{ left:840px;}
menu li:nth-child(9):hover ~ #mb{ left:945px;}
menu:hover li:last-child{ background:#bf0428;}
*/

/*list*/
.list{ height:410px; margin:0 0 0 60px; overflow:hidden; position:relative; width:1200px;}
.hlist{ height:390px; overflow:hidden; position:relative;}
.list ul{ left:0; position:absolute; top:0;}
.list li{ float:left; height:118px; margin:0 18px 12px 0; text-align:center; width:178px;}
.list a{ background:none; display:block; padding:3px; position:relative;}
.list a:focus{ background:#c00025;}
.list a span,.list a b,.covers span,.covers b{ display:block; height:4px; width:172px;}
.list a span,.covers span{ background:rgba(255,255,255,0.3); bottom:29px; left:3px; position:absolute; z-index:3;}
.list a b,.covers b{ background:#4aa20f; width:30%;}
.list a span:after{ background:rgba(44,86,120,0.8); content:""; height:27px; left:0; position:absolute; top:4px; width:172px;}
.list a strong{ bottom:5px; color:#c7ced4; display:block; font-weight:normal; font-size:20px; height:20px; line-height:20px; left:2px; overflow:hidden; position:absolute; text-align:center; width:170px; z-index:4;}
.list a .channelico{ max-height:28px; left:10px; position:absolute; top:10px;}
.list .cover_pic{ display:block; height:110px; width:172px;}
.list p{ bottom:-2px; color:#fff; font-size:18px; left:0; position:absolute; text-align:center; width:100%; }
.list p span{ margin:0 5px;}
.list p span:first-child{ margin:0 5px 0 -35px;}
.no_going{ color:#efefef; font-size:28px; line-height:340px; text-align:center;}

/*info*/
.info{ color:#fff; margin:-15px auto 0; width:1180px;}
.cover{ float:left; font-size:16px; font-family:"Microsoft YaHei UI"; text-align:center; width:120px;}
.cover img{background: rgba(255,255,255,0.4); display:block; max-height:65px; margin:0 auto 5px; max-width:110px;}
.infos{ float:right; width:1060px;}
.infos h2{ border-bottom:1px #15161d solid; color:#9e9e9e; font-size:24px; padding:0 0 5px;}
.infos h2 b{ float:right; font-weight:normal; font-size:18px; padding:4px 15px 0 0;}
.infos h2 span{ background:url(../img/timei.png) no-repeat left center; float:right; font-size:18px; padding:4px 0 0 25px;}
.infos h2 em{ font-style:normal; padding:0 0 0 40px;}
.infos p{ border-top:1px #383942 solid; color:#a9a9ab; font-size:16px; height:80px; overflow:hidden; line-height:120%; margin:1px 0 0; padding:5px 0 0;}

/*covers*/
.covers,.covers .cov{ float:left; height:87px; width:130px;}
.covers{ position:relative;}
.covers span{ bottom:0; left:0;  width:130px;}
.infol{ width:1210px;}
.chanelico,.channelico{ background: rgba(255,255,255,0.4); height:22px; left:5px; padding:3px; position:absolute; top:5px;}

/*channels*/
.channels{ color:#9e9e9e; float:left; margin:25px 0 0 20px; text-shadow:1px 1px 1px #333; width:405px;}
.channels h2{ font-size:28px;}
.channels .hlist{ height:401px; overflow:hidden; position:relative;}
.channels ul{ left:5px; position:absolute; top:5px; width:100%; }
.channels li{ border-bottom:1px #1f232e solid; border-top:1px #394053 solid; font-size:28px; height:72px; padding:7px 0 0; position:relative; width:270px;}
.channels li:first-child{ border:none;}
.channels li .channelnum{ float:left; font-size:22px;}
.channels li .channelnum strong{ display:block; font-weight:normal; font-size:28px; height:40px; overflow:hidden; text-overflow:ellipsis; width:190px; white-space:nowrap;}
.channels .choice:before{ background:url(../img/choice.png) no-repeat; content:""; height:39px; position:absolute; left:-5px; top:2px; width:39px; }
.channels .img{ background:#fff; float:left; height:26px; margin:4px 10px 8px 8px; text-align:center; width:56px;}
.channels .img img{ height:100%; width:auto;}
.channels .cov{ border:3px rgba(0,0,0,0) solid; height:70px; position:absolute; right:-125px; top:0; width:105px;}
.channels .cov img{ display:block; height:70px; width:105px;}
.channels .cov b{ left:0; position:relative; top:-4px;}
.channels .cov em,.channels .cov b{ background:rgba(255,255,255,0.3); display:block; height:4px; width:100%; }
.channels .cov em{background:#4aa20f; width:30%;}
.channels .radio:after{ background:url(../img/r.jpg) no-repeat; border:1px #bccde1 solid; content:''; height:20px; left:0; position:absolute; top:0; width:20px;}
.timeline{ background:rgba(0,0,0,0); height:410px; left:200px; position:absolute; top:-15px; width:1px; z-index:9;}
.timeline:after{ border:10px solid #000; border-color:#3c3 transparent transparent transparent; border-style:solid dashed dashed dashed;  content:''; height:0; left:-10px; position:absolute; top:0; width:0; z-index:9;}

/*times*/
.times{ background:url(../img/time.png) no-repeat 0 5px; height:39px; left:410px; position:absolute; top:25px; width:834px;}
.times li{ color:#bbbcc1; float:left; font-size:17px; height:45px; line-height:45px; margin:0 175px 0 0; position:relative; text-align:center; width:76px; z-index:9;}
.times li:focus,.times .there{ color:#fff;}
.times li:nth-child(3){ margin:0 180px 0 0;}
.times li:nth-child(4){ margin:0;}
.times p{ color:#9e9e9e; font-size:22px; left:15px; position:absolute; top:-22px;}

.times:after,.times:before,.timel:after,.timer:before{ background:url(../img/rc.png) no-repeat; content:''; height:31px; right:-15px; position:absolute; top:215px; width:18px; zoom:1;}
.times:after{ background:url(../img/lc.png) no-repeat; }
.times:before{ background:url(../img/rcb.png) no-repeat; right:-15px; top:245px; -webkit-transform:rotateZ(0deg); }
.timel:after{ background:url(../img/lcl.png) no-repeat; }
.timer:before{ background:url(../img/rc.png) no-repeat; right:-15px; top:245px; }
/*daylist*/
.daylist,.daylist .hlist{ ; height:400px; overflow:hidden; position:relative; width:800px;}
.daylist{ float:left; font-size:17px; margin:62px 0 0 5px; overflow:inherit;}
.daylist ul{ left:0; position:absolute; top:3px; width:9999px;}
.daylist li{ clear:both; height:73px; margin:0 0 7px; zoom:1;}
.daylist li:nth-child(3){ margin:0 0 9px;}
.daylist li a{ background:rgba(255,255,255,0.2); border:1px #797f8b solid; box-shadow:0 0 1px #212838; display:block; float:left; height:64px; margin:0 7px 0 0; overflow:hidden; padding:3px 5px; position:relative; vertical-align:top;}
.daylist li a:last-child{ margin:0;}
.daylist li a span,.daylist li a strong{ display:block; font-weight:normal; height:20px; overflow:hidden; white-space:-o-pre-wrap; word-break: break-word;}
.daylist li a strong{ height:35px;}
.daylist li a span{ margin:0 0 1px;}
.daylist li a b{ display:none; padding:0 0 0 22px; width:60px;}
.daylist li strong{ line-height:100%;}
.daylist li a:focus{ outline:#f00 solid 4px;}
.daylist li .choice,.daylist li .choice_noicon{ background:#55a184; box-shadow:0 0 1px #6bad94; border:1px #202531 solid; color:#fff;}
.daylist li .choice b { background:url(../img/clock.png) no-repeat left 1px; display:block; height:20px; position:absolute; right:-5px; top:5px; width:18px;}
.daylist li .choice_noicon b{ display:none;}
.daylist li .back span,.daylist li .next span{ background:url(../img/back.png) no-repeat; text-indent:-999px;}
.daylist li .next span{ background:url(../img/next.png) no-repeat;}
.daylist li .nopic{ line-height:60px; text-align:center; width:780px;background: #5e6166;border: 1px #1d232f solid;}
.daylist li .playend{ background:#333c45; border:1px #4c555c solid; }
.daylist li .default{ outline:#f00 solid 4px;}

/*search*/
.search{ background:#282e3d; border-radius:5px; border:1px #282e3d solid; height:60px; margin:30px auto; padding:50px 140px; width:832px;}
.search .src{ background:#ebebeb; border:0; font-size:20px; height:20px; margin:0 20px 0 0; padding:15px; width:640px;}
.search .src:hover{ outline:#c00025 solid 3px;}
.search .sbm{ background:-webkit-linear-gradient(top,#dcdbdc,#a7a7a7); border-radius:5px; border:1px #282e3d solid; color:#686767; cursor:pointer; font-size:20px; display:inline-block; height:20px; padding:15px; position:relative; text-align:center; top:2px; width:90px;}
.search .sbm:focus{ background:#c00025; box-shadow:0 0 1px #fff inset; color:#fff;}


.search a:focus{ background:#c00025;}
/*.search a:hover{ background:#c00025;}
 *
 */
.search .search_a{outline:3px #c00025 solid;}
.search .form{ margin:0 0 80px;}
.searchnum{ color:#8a8a8a; font-size:26px; left:-50px; position:relative; }
.searchnum strong{ font-weight:normal; padding:0 10px 0 0;}
.searchlist { height:280px; margin:20px 0 0 -50px; overflow:hidden; width:960px;}
.searchlist li{ float:left; margin:0 0 30px; width:20%; }
.searchlist a{ display:block; height:104px; padding:3px; position:relative; width:172px;}
.searchlist a:focus{ background:#c00025;}
.searchlist .cover_pic{ height:104px; width:172px;}
.searchlist .channelico{ height:28p; left:8px; position:absolute; top:8px;}
.searchlist strong{ background:rgba(44,86,120,0.8); bottom:3px; color:#c7ced4; display:block; font-weight:normal; font-size:20px; line-height:27px; left:3px; position:absolute; text-align:center; width:172px; z-index:4;}
.searchlist a span,.searchlist a b{ display:block; height:4px; width:172px;}
.searchlist a span,.searchlist span{ background:rgba(255,255,255,0.3); bottom:29px; left:3px; position:absolute; z-index:3;}
.searchlist a b,.searchlist b{ background:#4aa20f; width:30%;}
.searchpage{ color:#8a8a8a; font-size:24px; text-align:center;}
.searchlisl:before,.searchlisr:after{ background:url(../img/lc.png) no-repeat; content:''; height:37px; left:75px; position:absolute; top:450px; width:21px; zoom:1; }
.searchlisr:after{background:url(../img/lcr.png) no-repeat; left:auto; right:80px;}
.noserach{ color:#808186; font-size:36px; padding:135px 0; text-align:center;}

/*noreminder*/
.noreminder{ background:url(../img/noreminder-.png) no-repeat center 200px; color:#808186; font-size:36px; margin:0 auto; padding:315px 0 0; text-align:center; width:600px;}
.reminderlist{ height:574px; margin:70px 0 0 65px; overflow:hidden; position:relative; width:1188px;}
.reminderlist ul{ left:4px; position:absolute; top:4px; width:1188px;}
.reminderlist li{ float:left; margin:0 0 45px; position:relative; width:25%;}
.reminderlist .cov{ display:block; height:163px; width:252px;}
.reminderlist a{ display:block; height:200px; width:252px;}
.reminderlist a:focus{ color:#fff; outline:4px #9b0623 solid;}
.reminderlist .chanelico{ height:28px; left:5px; position:absolute; top:5px; }
.reminderlist strong,.reminderlist span,.reminderlist em,.reminderlist b{ display:block; font-weight:normal; font-style:normal;}
.reminderlist strong{ background:#373d4c; color:#e4e4e4; font-size:24px; height:35px; letter-spacing:1px; line-height:35px; text-indent:10px; width:100%; word-spacing:8px;}
.reminderlist strong em{ float:right; font-size:16px; margin:0 10px 0 0;}
.reminderlist span{ background:rgba(255,255,255,0.3); height:4px; width:252px; z-index:3;}
.reminderlist b{ background:#4aa20f; height:4px; width:30%;}
.reminderl:before,.reminderr:after{ background:url(../img/lc.png) no-repeat; content:""; height:37px; left:25px; position:absolute; top:350px; width:21px; zoom:1; }
.reminderr:after{ background:url(../img/lcr.png) no-repeat; left:auto; right:20px; }
.layer{color:#fff; font-size:24px; height:24px; left:535px; line-height:24px; margin:0 auto; position:absolute; text-align:center; top:490px; width:88px;}
/*
.layer{ background:#21481c; color:#6b986d; font-size:24px; height:24px; left:535px; line-height:24px;4293d5 margin:0 auto; position:absolute; text-align:center; top:490px; width:88px;}
*/
.reminderlist .pass:before{ background:url(../img/passs.png) no-repeat; content:''; height:200px; left:0; position:absolute; top:0; width:252px; z-index:9;}
.reminderlist .pass span{ display:none;}
.reminderlist .pass strong{ color:#676b76; height:39px;}

/*Programinfo*/
.programinfo{ background:#282e3d; border-bottom:1px #4b4c52 solid; margin:0 0 10px; padding:50px 55px; height:300px;}
.programtext{ float:right; width:920px;}
.programpic{ position:relative; width:200px;}
.programpic .cov,.programpic .cov img{ display:block; height:130px; width:200px;}
.programpic .cov{ position:relative;}
.programpic .chanelico{ height:28px; left:5px; position:absolute; top:5px;}
.programpic .user{ height:219px; margin:0 0 0 25px; width:167px;}
.programpic span{ background:rgba(255,255,255,0.3); display:block; height:4px; left:0; position:absolute; top:128px; width:200px; z-index:3;}
.programpic b{ background:#4aa20f; display:block; height:4px; width:30%;}
.programpic .rmd b{ background:#4292d7;}
.programpic a{ background:-webkit-linear-gradient(top,#404e5a,#25323c); border:1px #111 solid; border-radius:5px; box-shadow:0 0 1px #80838c inset; color:#fff; display:block; font-size:26px; height:35px; line-height:35px; margin:20px 0 0; padding:3px 0 0; text-align:center; width:198px;}
.programpic a:focus{ background:-webkit-linear-gradient(top,#d80d35,#b8092c); color:#fff;}
.programpic strong{ color:#fff; font-size:18px; font-weight:normal; right:5px; position:absolute; top:100px; }
.programtext h2{ border-bottom:1px #1b1f2b solid; box-shadow:0 1px 0 #414550; color:#56a286; font-size:24px; padding:0 0 10px; position:relative;}
.programtext h2 span{ padding:0 0 0 10px;}
.programtext h2 b{ background:url(../img/programtext.png) no-repeat; color:#9e9e9e; font-size:14px; font-weight:normal; height:25px; line-height:25px; right:0; padding:3px 0 0; position:absolute; text-align:center; width:266px; top:0;}
.programtext ul{ color:#a0a0a0; padding:15px 0 0;}
.programtext li{ font-size:18px; line-height:160%;}
.programtext p{ color:#9e9e9e; font-size:18px; line-height:160%; margin:30px 0 0;word-wrap:break-word;word-break:break-all;}
.programinfos{ height:190px; margin:10px 0 0;}
.programinfos .tab{ height:40px; padding:0 0 0 55px;}
.programinfos .tab li{ display:inline-block; }
.programinfos .tab a,.userprograms{ background:#6a6868; border-top-left-radius:5px; border-top-right-radius:5px; color:#9e9e9e; display:block; font-size:22px; line-height:40px; padding:0 40px;}
.programinfos .tab a:focus{ background:-webkit-linear-gradient(top,#ba062b,#bb072c); color:#fff; position:relative;}
.programinfos .tab a:focus:before{ border:10px #bb072c solid; bottom:-14px; content:''; border-bottom:10px rgba(0,0,0,0) solid; border-left:10px rgba(0,0,0,0) solid; border-right:10px rgba(0,0,0,0) solid; height:0; left:65px; position:absolute; width:0; z-index:22;}
.programinfos .tab .there,.userprograms{ background:-webkit-linear-gradient(top,#e9e8e8,#eae9e9); color:#565656;}
.programlist{ background:-webkit-linear-gradient(top,#e7e7e6,#b4b3b3); height:130px; padding:15px 0 5px; position:relative; top:-5px;}
.programlist .hlist{ height:130px; margin:0 0 0 45px; overflow:hidden; width:1208px;}
.programlist ul{ left:0; position:absolute;}
.programlist li{ float:left; margin:0 15px 0 0; width:136px;}
.programlist li a{ border:3px rgba(0,0,0,0) solid; color:#626262; display:block; font-size:16px; height:115px; padding:3px; position:relative; text-align:center; width:124px;}
.programlist li a:focus,.programlist li .there{ background:#fff; border:3px #ba082b solid;}
.programlist li .cov{ height:84px; margin:0 0 5px; width:124px;}
.programlist span{ background:rgba(255,255,255,0.3); top:83px; height:4px; left:3px; position:absolute; width:124px; z-index:3;}
.programlist b{ background:#4aa20f; display:block; height:4px; width:30%;}
.programlistl:before,.programlistr:after{ background:url(../img/lcb.png) no-repeat; content:""; height:37px; left:20px; position:absolute; top:60px; width:21px; zoom:1; }
.programlistr:after{ background:url(../img/rcb.png) no-repeat; left:auto; right:15px; }
.userprograms{ width:175px; margin:0 0 0 60px;}
.pass:before{ background:url(../img/pass.png) no-repeat; content:''; height:136px; left:0; position:absolute; top:0; width:203px; z-index:5;}
.userlist li a{ font-size:14px;}
.userlist li img{ background:#fff; border:1px #d2d2d2 solid; display:block; height:83px; margin:0 auto 5px; padding:4px; width:60px;}

/*Footer*/
footer{ background:url(../img/footerlogo.png) no-repeat 98% 10px; height:50px; bottom:0; left:0; position:absolute; width:100%;}
.aday{ margin:0 auto; padding:0 150px 0 0; width:1060px;}
.aday li{ color:#757479; float:right; font-family:"Arial"; font-size:16px; height:30px; line-height:30px; margin:10px 20px 0 0; text-indent:50px;}
.pagesubtraction{ background:url(../img/pagesubtraction.png) no-repeat left 2px;}
.pageadd{ background:url(../img/pageadd.png) no-repeat left 2px;}
.return{ background:url(../img/return.png) no-repeat left 2px;}
.now{ background:url(../img/now.png) no-repeat left 2px;}
.aday .pagedown{ background:url(../img/red.png) no-repeat left 5px; text-indent:25px;}
.aday .pageup{ background:url(../img/pageup.png) no-repeat left 5px; text-indent:25px;}
.aday .favorite{ background:url(../img/yellow.png) no-repeat left 5px; text-indent:25px;}
.aday .af{ background:url(../img/blue.png) no-repeat left 5px; text-indent:25px;}
.aday .gray{ opacity:0.4;}

/*shadow&tips*/
.shadow{ background:rgba(0,0,0,0.7); font-size:28px; height:100%; left:0; line-height:140%; position:absolute; top:0; width:100%; z-index:9;}
.shadow_1{ background:rgba(0,0,0,1);}
.tips1,.tips5{ background: url(../img/tips1.png) no-repeat; height:216px; left:50%; margin:-108px -341px; position:absolute; top:50%; width:682px;}
.tips1 ul{ margin:80px 0 0 180px; width:440px;}
.tips2{ background: url(../img/tips2.png) no-repeat; height:286px; left:50%; margin:-148px -341px; position:absolute; top:50%; width:682px;}
.tips2 ul{ color:#212020; margin:0 auto; padding:60px 0 0; width:630px; }
.tips2 li:first-child{ border-bottom:3px #b4b4b4 solid; box-shadow:0 1px 0 #fff; display:table-cell; height:120px; padding:0 10px 0 130px; vertical-align:middle; width:470px;}
.tips2 li:first-child:before{ content:' '; display:inline; padding:60px 0; position:relative; width:1px; zoom:1;}
.tips2 li a{ background:-webkit-linear-gradient(top,#d8d8d8,#9e9e9e); border:1px #9c9c9c solid; box-shadow:1px 1px 1px #fff inset; border-radius:5px;  color:#696969; display:block; height:42px; line-height:45px; margin:15px auto 0; padding:3px 0 0; text-align:center; width:222px;}
.tips2 li a:focus,.tips2 li .there{ background:-webkit-linear-gradient(top,#d40d34,#b2082b); color:#fff;}
.tips2a{background:url(../img/tips2.png) no-repeat;height:286px;left:50%;margin:-148px -341px;position:absolute;top:50%;width:682px}
.tips2a ul{color:#212020; line-height:100%; margin:40px auto 0; width:630px}
.tips2a li:first-child{ border-bottom:3px #b4b4b4 solid; box-shadow:0 1px 0 #fff; display:table-cell; font-size:22px; height:130px; padding:0 10px 10px 130px; word-spacing:15px;  vertical-align:middle; width:490px;}
.tips2a li:first-child:before{ content:''; display:inline; padding:65px 0; position:relative; width:1px; vertical-align:middle; zoom:1;}
.tips2a li p{ display:inline; vertical-align:middle; zoom:1;}
.tips2a li a{ background:-webkit-linear-gradient(top,#d8d8d8,#9e9e9e);border:1px #9c9c9c solid;box-shadow:1px 1px 1px #fff inset;border-radius:5px;color:#696969;display:block;height:42px;line-height:45px;margin:15px auto 0;padding:3px 0 0;text-align:center;width:222px}
.tips2a li a:focus,.tips2 li .there{ background:-webkit-linear-gradient(top,#d40d34,#b2082b);color:#fff}
.tips3{ background:url(../img/tip3.png) no-repeat;}
.tips3 li a{ display:inline-block; margin:15px 0 0 60px;}
.tips4 li:first-child{ height:80px; overflow:hidden; width:470px;}
.tips4 li:last-child{ padding:0 0 0 30px;}
.tips4 li a{ width:162px; margin:15px 0 0 20px;}
#tips3 li:first-child{ width:500px;}
.tips5{ display:table; height:216px; padding:0px 20px 0 162px; width:500px;}
.tips5 p{ display:table-cell; vertical-align:middle; width:70%;}

/*tip*/
.tip{ background:rgba(255,255,255,0.2); border:1px #d2d2d2 solid; border-radius:5px; height:185px; left:855px; position:absolute; top:510px; width:400px; z-index:9;}
.tip h1,.oncetip h1{ font-size:26px;}
.tip h2{ background:rgba(0,0,0,0.8); border-top-left-radius:5px; border-top-right-radius:5px; color:#52a018; font-size:22px; height:40px; line-height:40px; text-indent:20px;}
.tip p{ color:#fff; font-size:24px; margin:18px auto 0; width:350px; }
.tip a,.choiceweek p a{ background:-webkit-linear-gradient(top,#d8d8d8,#9e9e9e); border:1px #9c9c9c solid; box-shadow:1px 1px 1px #fff inset; border-radius:5px; color:#696969; display:inline-block; height:35px; line-height:35px; margin:0 0 0 35px; text-align:center; width:122px;}
.tip a:focus,.choiceweek p a:last-child:focus,.choiceweek p .tfocus{ background:-webkit-linear-gradient(top,#d40d34,#b2082b); color:#fff;}
.choiceweek{ background: url(../img/weektip.png); color:#494949; font-size:16px; height:597px; left:50%; margin:-298px -286px; position:absolute; top:50%; width:573px; z-index:99;}
.choiceweek h1,.oncetip h1{ padding:60px 0 0 25px;}
.choiceweek ul{ margin:15px 55px 0;}
.choiceweek li{ margin:0 0 10px;}
.choiceweek li a,.oncetip li a{ background:url(../img/c.png) no-repeat 20px center; color:#343434; font-size:26px; display:block; text-indent:95px;}
.choiceweek li a:focus{ background:url(../img/ch.png) no-repeat 20px center; color:#343434; }
.choiceweek li .choices{ background:url(../img/cfh.png) no-repeat 20px center; }
.choiceweek li .choices:focus,.oncetip li a:focus{ background:url(../img/cf.png) no-repeat 20px center; color:#343434; }
.choiceweek p{ bottom:30px; border-top:5px #999 solid; left:30px; padding:20px 0 0; position:absolute; text-align:center; width:90%;}

.oncetip{ background:url(../img/oncetip.png) no-repeat; height:337px; left:50%; margin:-166px -286px; position:absolute; top:50%; width:573px;}
.oncetip ul{ margin:20px auto; width:90%;}
.oncetip li{ margin:0 0 20px;}

#tips1s a{color:#000;}

.load{ background:url(../img/loading-001.png) no-repeat; height:46px; position:absolute; right:430px; top:10px; width:46px; }
.load{
		-o-animation-name:load;
		-o-animation-duration:0.6s;
		-o-animation-iteration-count:infinite;
		-o-animation-timing-function:linear;
	}
@-webkit-keyframes load{
		0%{ -o-transform:rotateZ(0deg);}
		100%{ -o-transform:rotateZ(359deg);}
}

.log:before{ background:url(../img/lod.gif) no-repeat; content:''; height:64px; position:absolute; right:430px; top:3px; width:64px;}

.lock:before{ background:rgba(0,0,0,0.7); content:''; height:100%; left:0; position:absolute; top:0; width:100%; z-index:5;}
.lock:after{ background:url(../img/lock.png) no-repeat; content:''; height:46px; left:50%; margin:-23px -20px; position:absolute; top:50%; width:40px; z-index:5;}
.lock_info{ background:url(../img/tipbg.png) no-repeat; height:266px; left:50%; margin:-133px -228px; position:absolute; top:50%; width:456px; z-index:11;}
.lock_info h2{ color:#191919; font-size:30px; padding:50px 25px 25px;}
.lock_info p{ color:#4c4c4c; font-size:24px; margin:0 0 15px 25px;}
.lock_info ul{ height:56px; overflow:hidden; text-align:center; zoom:1;}
.lock_info li{ display:inline-block; height:50px; margin:0 8px 0 0; width:50px;}
.lock_info li a{ border:3px #9d9d9d solid; display:block; font-size:24px; height:50px; line-height:50px; text-align:center; width:50px;}
.lock_info li a:focus{ border:3px #b21b46 solid;}
.lock_info span{ color:#b21b46; display:block; font-size:20px; padding:10px 0 0 25px;}