﻿@charset "utf-8";
/* CSS Document */

/*reset*/
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,tr,thead,tbody,td,label{ margin:0; padding:0; }
body,button,input,select,textarea{ font-size:12px; font-family:"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei",Arial,sans-serif,Helvetica; }
html,body{ color:#6f6f6f; background:#fff; /*line-height:1.6;*/ }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
a{ color:#f96300; text-decoration:none; outline:none; }
a:hover{ color:#f96300; text-decoration:underline; }
a:active{ outline:none; }
address,caption,cite,code,dfn,em,b,i,th,var{ font-style:normal; font-weight:normal; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img,abbr,acronym{ border:0; }
ol,ul,li{ list-style:none; }
textarea{ resize:none; }
q:before,q:after{ content:''; }
.alpha{ filter:alpha(opacity=50); opacity:0.5; }
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; }
.fix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fix{ display:inline-block; min-height:1%; }
/*\*/
*html .fix{ zoom:1; }
.fix{ display:block; }
/**/

/**head**/
.head{ width:100%; height:90px; background:url(../img/td_v.png) 0px 0px repeat-x; }
.head .top{ width:976px; margin:0px auto; }
.head .logo{ float:left; }
.head .logo a{ display:block; width:176px; height:76px; text-indent:-9999px; background:url(../img/td_logo.png) no-repeat; }
.head .nav{ float:left; margin:52px 0px 0px 14px; }
.head .nav li{ float:left; margin-right:16px; }
.head .nav a{ color:#7f7f7f; font-size:14px; }
.head .login{ float:right; margin-top:52px; }
.head .login a{ font-size:14px; }

/**content**/
.content{ width:976px; margin:35px auto 25px; }

.tips{padding:6px 6px 6px 10px; line-height:30px; background:#fefae4; border:1px solid #f1e9be; color:#a27658; line-height:18px; overflow:hidden; zoom:1}
.tips span{float:left; display:block; width:16px; height:16px; margin:1px 10px 1px 0; background:url(../img/td_i.png) -720px -100px no-repeat;}
.tips p{float:left; line-height:18px;}
.tips .close{ float:right; overflow:hidden; display:block; width:18px; height:18px; margin:0; text-indent:-9999px; background:url(../img/td_i.png) -900px 0px no-repeat; cursor:pointer; }

.content .step{ overflow:hidden; margin:16px 0px 25px; *zoom:1; }
.content .step h2{ float:left; font-size:30px; color:#f96300; font-weight:normal; }
.content .step ul{ float:right; margin-top:8px; }
.content .step li{ float:left; margin-left:1px; padding:0px 18px; line-height:32px; background:#c1c1c1; color:#fff; }
.content .step li.current{ background:#f96300; color:#fff; }

/**store**/
.store{}
.store .goods{ border:1px solid #f0f0f0; }
.store .goods th{ height:32px; background:#f0f0f0; color:#a27658; vertical-align:middle; text-align:left; }
.store .goods td{ padding:16px 0px; vertical-align:middle; font-size:20px; }
.store .goods .g{ width:400px; text-indent:16px; }
.store .goods .t{ width:120px; }
.store .goods .p{ width:296px; }
.store .goods .o{ width:160px; }
.store .goods .pic{ display:block; width:144px; height:216px; padding-left:16px; }
.store .goods p{ padding:0px 16px; }
.store .goods span{ display:block; font-size:12px; }
.store .goods del{ color:#f96300; margin-right:10px; }
.store .goods em{ color:#f96300; }

.store .dues{ overflow:hidden; padding:30px 50px; border:8px solid #f0f0f0; *zoom:1; }
.store .dues .g, .store .dues .p{ float:left; }
.store .dues .g{ margin-right:80px; color:#a27658; font-size:14px; }
.store .dues .g h3{ color:#f96300; font-size:30px; font-weight:normal; }
.store .dues .p{ color:#a27658; font-size:14px; }
.store .dues .p p{ margin-top:20px; }

/**member**/
.member{ border:8px solid #fff9d9; }
.member .dues{ overflow:hidden; padding:30px 50px; background:#fff9d9; *zoom:1; }
.member .dues .g, .member .dues .p, .member .dues .o{ float:left; }
.member .dues .g{ margin-right:80px; color:#a27658; font-size:14px; }
.member .dues .g h3{ color:#f96300; font-size:30px; font-weight:normal; }
.member .dues .p{ width:486px; color:#a27658; font-size:14px; }
.member .dues .p span{ color:#f96300; margin-right:10px; }
.member .dues .p em{ font-size:30px; }
.member .dues .o { cursor:pointer; }
/*
.member .right{ padding:30px 50px; *zoom:1; }
.member .right ul{ overflow:hidden; }
.member .right li{ float:left; display:block; width:135px; height:80px; padding-left:80px; background:url(../img/td_i.png) no-repeat; }
.member .right .r1{ background-position:-900px -60px; color:#90c127; }
.member .right .r2{ background-position:-900px -140px; color:#ff9d1d; }
.member .right .r3{ background-position:-900px -220px; color:#e87352; }
.member .right .r4{ background-position:-900px -300px; color:#5dc9e6; }
.member .right li p{ margin-top:20px; padding-left:5px; font-size:14px; }
*/
.member .right{ padding:30px 0px; *zoom:1; }
.member .right ul{ overflow:hidden;zoom:1;margin-left:13px;}
.member .right li{float:left; display:block;width:86px;height:90px;margin:0px 34px;_margin:0px 30px;background:url(../img/td_privilege.png) no-repeat; }
.member .right .r1{ background-position:11px 0px; color:#8d99a2;}
.member .right .r2{ background-position:11px -88px;color:#ed0324;}
.member .right .r3{ background-position:11px -176px;color:#4d9cec;}
.member .right .r4{ background-position:-64px 0px; color:#f14700;}
.member .right .r5{ background-position:-64px -88px;color:#ffb414;}
.member .right .r6{ background-position:-64px -176px;color:#8bd16f;}
.member .right li p{ margin-top:70px;height:20px;font-size:14px;text-align: center;background:#fff;}

/**bvip**/
.bvip{ position:relative; height:33px; line-height:33px; background:#f0f0f0; }
.bvip span{ position:absolute; top:0px; left:8px; display:block; width:160px; height:38px; color:#fffbd4; font-size:16px; text-align:center; line-height:38px; background:url(../img/td_i.png) -720px 0px no-repeat; }
.bvip p{ text-indent:190px; }
.bvip a{ text-decoration:underline; margin-right:26px; }

/**pay**/
.pay{ margin-top:24px; border:1px solid #f0f0f0; background:#f0f0f0; }
.pay .tit{ float:left; width:174px; }
.pay .tit li{ height:42px; line-height:42px; text-indent:16px; font-size:14px; border-bottom:1px solid #fff; cursor:pointer; }
.pay .tit .current{ background:#fff; color:#f96300; cursor:default; }
.pay .tit li i{ display:block; float:left; width:40px; height:15px; margin:5px 0px 0px 0px; background: url(../img/td_icocent.png) no-repeat;}
.pay .tit li span{ margin-right:5px; float:left;}
.pay .con{ float:left; width:740px; padding:15px 30px; background:#fff; min-height:300px;}

.pay .account{ font-size:14px; }
.pay .account em{ margin:0px 5px; color:#f96300; }
.pay .account .explain{padding-left:5px;color:#909090;}

.pay .circle{ margin:15px 0px;}
.pay .circle li{ margin-bottom:12px; }
.pay .circle input{ margin-right:5px; }
.pay .circle del{ color:#acacac; margin-left:5px; }
.pay .circle em{ margin:0px 5px; color:#f96300; }

.pay .type{ width:740px; margin-top:16px; }
.pay .way { overflow:hidden; width:608px; }
.pay .way li{ float:left; margin:0px 10px 7px 0px; }
.pay .way li a{ display:block; padding:3px 8px; border:1px solid #e5e5e5; background:url(../img/td_v.png) 0px -100px repeat-x; }
.pay .way li a:hover{ background:#fff; border:1px solid #f96300; text-decoration:none; }
.pay .way li a.on{ border:3px solid #f96300; padding:1px 6px; background:url(../img/td_i.png) -723px -43px no-repeat; *background-position:-721px -41px; }
.pay .way li a.on:hover{ border:3px solid #f96300; padding:1px 6px; background:url(../img/td_i.png) -723px -43px no-repeat; *background-position:-721px -41px; }
.pay .way li span{ display:block; width:124px; height:32px; line-height:32px; background-image:url(../img/bank.png); background-repeat:no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bank.png'); text-indent:-9999px; cursor:pointer; }
.pay .type .alipay{ background-position:0 0; }
.pay .type .icbc{ background-position:0 -576px; }
.pay .type .ccb{ background-position:0 -256px; }
.pay .type .boc{ background-position:0 -448px; }
.pay .type .cmb{ background-position:0 -384px; }
.pay .type .cmbc{ background-position:0 -416px; }
.pay .type .cebb{ background-position:0 -288px; }
.pay .type .abc{ background-position:0 -192px; }
.pay .type .bofc{ background-position:0 -224px; }
.pay .type .gdb{ background-position:0 -480px; }
.pay .type .cib{ background-position:0 -320px; }
.pay .type .sdb{ background-position:0 -672px; }
.pay .type .spdb{ background-position:0 -768px; }
.pay .type .hccb{ background-position:0 -544px; }
.pay .type .ecitic{ background-position:0 -352px; }
.pay .type .bjrcb{ background-position:0 -160px; }
.pay .type .bos{ background-position:0 -704px; }
.pay .type .nbcb{ background-position:0 -608px; }
.pay .type .pingan{ background-position:0 -736px; }
.pay .type .UnionPay{ background-position:0 -128px; }
.pay .type .tenpay{ background-position:0 -32px; }
.pay .type .yichong{ margin:0px 6px; background:url(../img/td_i.png) -720px -120px no-repeat; text-indent:22px; color:#6f6f6f; }
.pay .type .yichong em{ color:#acacac; }
.pay .type .billpay{ width:144px; margin:0px 2px; background:url(../img/td_i.png) -715px -223px no-repeat; text-indent:22px; color:#6f6f6f; }
.pay .type .alipaynew{ background-position:0 -798px; }
.pay .type .onekey{ background-position:0 -798px; }

.pay .netpay{ position:relative; }
.pay .netpay .switch{ position:absolute; top:12px; right:0px; cursor:pointer; }

.pay .phonebill{}
.pay .phonebill .area{ margin-bottom:16px; color:#f96300; }
.pay .phonebill .phoneopt{ position:relative; width:184px; height:28px; margin-top:16px; padding:5px; background:#f0f0f0; }
.pay .phonebill .phoneopt input{ width:174px; height:24px; padding:0px 3px; line-height:24px; border:2px solid #c9c9c9; }
.pay .phonebill .phoneopt button{ position:absolute; top:10px; right:5px; width:20px; height:20px; background:url(../img/td_i.png) -900px -16px; border:0px; cursor:pointer; }
.pay .phonebill .phoneopt .num{ position:absolute; top:32px; left:5px; width:184px; background:#fff; border:1px solid #c9c9c9; }
.pay .phonebill .phoneopt .num li{ padding:0px 3px; height:24px; line-height:24px; border-top:1px solid #c9c9c9; cursor:pointer; }
.pay .phonebill .phoneopt .num li:hover{ background:none repeat scroll 0 0 #C1C1C1; color:#FFFFFF; }
.pay .phonebill .phoneopt .error{ position:absolute; top:46px; left:5px; color:red; }
.pay .phonebill .hint{ position:absolute; top:10px; left:200px; width: 230px; }
.pay .phonebill .hint em{ color:#003ac3; margin:0px 3px; border-bottom:1px dashed #003ac3; cursor:help; }
.pay .phonebill .hint div{ position:relative; }
.pay .phonebill .hint ul{ position:absolute; top:-30px; left:230px; width:110px; padding:10px; background:#ffffde; border:1px solid #ffcd4e; }
.pay .phonebill .hint strong{ color:#f96300; font-weight: normal; }
.pay .phonebill .hint b{ position:absolute; top:-30px; _top:-5px; left:224px; color:#ffffde; font-size:30px; _font-size:18px; }
.pay .phonebill .hint i{ position:absolute; top:-30px; _top:-5px; left:222px; color:#ffcd4e; font-size:30px; _font-size:18px; }
.pay .phonebill .hint .helptips { display:none; }

.pay .action{ margin-top:30px; font-size:14px; }
.pay .action .sum{ font-size:20px; }
.pay .action .sum em{ color:#f96300; margin-right:20px; }
.pay .action .sum del{ font-size:14px; margin-right:10px; }
.pay .action .sum span{ font-size:14px; margin-right:10px; }
.pay .action .agree{ margin:16px 0px 22px; }
.pay .action .agree input{ margin-right:7px; }
.pay .action .agree a{ color:#6f6f6f; }
.pay .action .error { color:red; }
.pay .action .tips{margin-top:16px;}
.pay .final_price {border-top:1px dashed #ddd; padding-top:10px;}

/**status**/
.status{ padding:77px 0px; background:#fefae4; border:1px solid #f1e9be; }
.status .info{ margin-left:274px; }
.status .txt{ height:44px; padding-left:50px; font-size:14px; background:url(../img/td_i.png) no-repeat; }
.status .txt h3{ font-size:20px; font-weight:normal; }
.status .opt{ margin-top:40px; overflow:hidden; padding-left:50px;}

.status .fail .txt{ background-position:-940px -440px; }
.status .fail h3{ color:#f74d19; }
.status .fail .opt .btn-cost-s{ float:left; margin-right:18px; }
.status .fail .opt a{ line-height:33px; }

.status .success .txt{ background-position:-940px -380px; }
.status .success h3{ color:#48b117; }
.status .success .opt{ margin-left:50px; color:#f96300; }
.status .success .opt p{ margin-bottom:10px; }
.status .success .opt .play{ margin-left:10px; font-size:14px; text-decoration:underline; }

/**mask**/
.mask{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; z-index:8; filter:alpha(opacity=40); opacity:0.4; }
.layer{ display:block; position:fixed; _position:absolute; top:50%; left:50%; z-index:9; width:502px; height:262px; margin-top:-131px; margin-left:-251px; background:#000; filter:alpha(opacity=10); opacity:0.1; }
.note{ position:fixed; _position:absolute; top:50%; left:50%; z-index:10; width:482px; height:242px; margin-top:-121px; margin-left:-241px; background:#fff; }
.note .con{ position:relative; padding:0px 100px; }
.note .con p{ font-size:14px; padding-top:50px; text-align:center; font-weight:bold; }
.note .con .close{ position:absolute; top:5px; right:5px; display:block; width:18px; height:18px; text-indent:-9999px; background:url(../img/td_i.png) -940px 0px no-repeat; cursor:pointer; }
.note .con .opt{ overflow:hidden; margin:30px 0px 40px; text-align:center; }
.note .con .opt a{ display:inline-block; *display:inline; *zoom:1; margin-right:16px; vertical-align:top; line-height:33px; color:#666; }
.note .con span{ display:block; text-align:center; }
.note .con em{ margin:0px 5px; color:#f96300; }
.note .con strong{ margin:0px 5px; }
.note .cause {margin: 0 auto -10px; padding: 5px 0 0 50px;}

.limit{}
.limit h2{ font-size:30px; font-weight:normal; }
.limit p{ font-size:14px; margin:30px 0px; }
.limit a{ font-size:14px; color:#f96300; }

.tith2{ font-size:14px; font-weight:200;line-height:30px;}
.agreement{}
.agreement h2{ margin-bottom:40px; font-size:30px; font-weight:normal; }
.agreement h3{ margin-bottom:24px; font-size:14px; color:#f96300; }
.agreement p{ margin-bottom:24px; font-size:14px; }
.agreement strong{ display:block; margin-bottom:24px; font-size:14px; }

.auto_renew_agreement {border:1px solid #e5e5e5;border-top-width: 3px; padding:10px 20px;}
.auto_renew_agreement h2{margin-bottom:40px;font-size:30px;font-weight:normal; }
.auto_renew_agreement h3{margin-bottom:24px;font-size:14px;color:#f96300;}
.auto_renew_agreement p{font-size:14px;margin-bottom: 10px;padding-left: 30px; line-height:20px;text-indent:24px;}
.auto_renew_agreement strong{display:block;margin-bottom:24px; font-size:14px; }

/**foot**/
.foot{ width:976px; margin:0px auto; }
.foot .merit{ overflow:hidden; padding:16px; margin:24px 0px 16px; background:#f7f7f7; border-bottom:1px solid #f0f0f0; }
.foot .merit ul{ width:1200px; }
.foot .merit li{ float:left; margin-right:84px; }
.foot .merit h4{ font-size:20px; font-weight:normal; }
.foot .copyright{ text-align:center; }

/**btn**/
.btn-pay{ cursor:pointer; display:block; width:120px; height:48px; text-indent:-9999px; background:url(../img/td_i.png) -300px 0px no-repeat; }
.btn-pay:hover{ background-position: -440px 0px; }
.btn-pay:active{ background-position: -580px 0px; }

.btn-pay-s{ cursor:pointer; display:block; width:84px; height:33px; text-indent:-9999px; background:url(../img/td_i.png) -300px -60px no-repeat; }
.btn-pay-s:hover{ background-position: -400px -60px; }
.btn-pay-s:active{ background-position: -500px -60px; }
.btn-pay-dis{ display:block; width:84px; height:33px; text-indent:-9999px; background:url(../img/td_i.png) -500px -60px no-repeat; }

.btn-cost-s{ cursor:pointer; display:block; width:84px; height:33px; text-indent:-9999px; background:url(../img/td_i.png) -300px -100px no-repeat; }
.btn-cost-s:hover{ background-position: -400px -100px; }
.btn-cost-s:active{ background-position: -500px -100px; }

.btn-payed{ cursor:pointer; display:block; width:100px; height:33px; text-indent:-9999px; background:url(../img/td_i.png) -300px -140px no-repeat; }
.btn-payed:hover{ background-position: -400px -140px; }
.btn-payed:active{ background-position: -500px -140px; }

.btn-error{ cursor:pointer; display:block; width:116px; height:33px; text-indent:-9999px; background:url(../img/td_i.png) -300px -180px no-repeat; }
.btn-error:hover{ background-position: -420px -180px; }
.btn-error:active{ background-position: -540px -180px; }

.btn-renewal{ cursor:pointer; display:block; width:84px; height:33px; text-indent:-9999px; background:url(../img/td_i.png) -300px -220px no-repeat; }
.btn-renewal:hover{ background-position: -400px -220px; }
.btn-renewal:active{ background-position: -500px -220px; }

.btn-cancel{ cursor:pointer; display:block; width:84px; height:33px; text-indent:-9999px; background:url(../img/td_i.png) -300px -260px no-repeat; }
.btn-cancel:hover{ background-position: -400px -260px; }
.btn-cancel:active{ background-position: -500px -260px; }

.btn-watch{ cursor:pointer; display:block; width:84px; height:33px; background:url(../img/td_i.png) -300px -700px no-repeat; }
.btn-watch:hover{ background-position: -400px -700px; }
.btn-watch:active{ background-position: -500px -700px; }

.btn-pay-xyb {float:left;display:block;width:89px;height:33px;background:url(../img/td_btn_bg.png) no-repeat;cursor:pointer;font-weight:bold;line-height:33px;text-align:center;color:#000;}
.btn-pay-xyb:hover {opacity:0.9;filter:alpha(opacity=90);text-decoration:none;color:#444;}
.btn-pay-xyb:active {opacity:0.5;filter:alpha(opacity=50);text-decoration:none;color:#444;}
.btn-pay-xyb-dis {float:left;display:block;width:89px;height:33px;background:url(../img/td_btn_bg.png) no-repeat;cursor:default;font-weight:bold;line-height:33px;text-align:center;color:#000;opacity:0.5;filter:alpha(opacity=50);text-decoration:none;color:#444;}
.btn-pay-xyb-dis:hover {text-decoration:none; color:#444444;} 


.btn-ok {display:block;width:89px;height:33px;background:url(../img/td_btn_bg.png) no-repeat;cursor:pointer;font-weight:bold;line-height:33px;text-align:center;color:#000;}
.btn-ok:hover {opacity:0.9;filter:alpha(opacity=90);text-decoration:none;color:#444;}
.btn-ok:active {opacity:0.5;filter:alpha(opacity=50);text-decoration:none;color:#444;}

.btn-continue { cursor:pointer; }
.paywincoll{display:none;}

.member_area_mobile {padding-bottom:15px;}
.member_area_mobile {font-size:14px;margin-bottom:10px;}
.member_area_mobile .tipss{padding:10px;padding-left:0;}
.member_area_mobile .tipss em{font-style:normal;color:#ff6600;margin:0 2px;}
.member_area_mobile .term li{padding:0 15px;height:25px;color:#000000;line-height:25px;cursor:default;}
.member_area_mobile .term input{margin-right:5px;}
.member_area_mobile .term del{color:#909090;width:50px;margin-right:5px;display:inline-block;*display:inline;*zoom:1;}
.member_area_mobile .term em{width:auto;margin-right:5px;font-style:normal;display:inline-block;*display:inline;*zoom:1;}
.member_area_mobile .term .term{width:60px;display:inline-block;*display:inline;*zoom:1;}
.member_area_mobile .term .current{background:#deebff;}
.member_area_mobile .term .current .term{font-weight:bold;}
.member_area_mobile .term .current em{font-weight:bold;}
.member_area_mobile .term .prompt{padding-left:5px;color:#f60;}

.member_area_mobile .qtips { background-color: #FFFFE5; border: 1px solid #ECDDA0; padding: 10px 20px 10px 10px; position: absolute; width: 200px; z-index: 100;}

.member_area_mobile .steps {width:100%;}
.member_area_mobile .steps li{width:238px;display:inline-block;font-size:12px;margin-right:7px;vertical-align: top;}
.member_area_mobile .steps li.end {margin-right:0;}
.member_area_mobile .steps li .heads{background:#F0F0F0;height:35px;text-align:center;}
.member_area_mobile .steps li .heads h4{font:20px/35px "Microsoft Yahei",Arial,sans-serif;}
.member_area_mobile .steps li .bodys{padding:23px 30px;font-size:12px;line-height:24px;height:68px;border:1px solid #E5F1F7;}
.member_area_mobile .steps li .bodys strong {color:#FF6600;}
.member_area_mobile .steps .qtips{top:70px;left:30px;} a.ablue{color:#3399E0;}

.member_area_mobile .tips-gray p {line-height:22px;padding:3px 0;font-size:12px;}

.member_area_mobile .split { border-bottom-color: #DDDDDD; border-bottom-style: dashed; border-bottom-width: 1px; margin-bottom: 10px; margin-left: 0; margin-right: 0; margin-top: 10px; }
.member_area_mobile .handler { background: url("../img/td_i.png") no-repeat scroll -900px 0 transparent; cursor: pointer; display: block; float: right; height: 18px; overflow: hidden; text-indent: -9999px; width: 18px;}

/**DIY**/
input.form_input_defaultvalue { color:#C9C9C9; }
.ico__loading_32 { background: url("../img/ico_loading_32.gif") no-repeat scroll 0 0 transparent; display: inline-block; height: 32px; vertical-align: text-bottom; width: 32px; }
.loading { height:550px; width:800px; background:#fff;}

.btn-recharge-s{width:84px; background-position:-300px -300px; }
.btn-recharge-s:hover{ background-position: -400px -300px; }
.btn-recharge-s:active{ background-position: -500px -300px; }

.btn-recharged{width:100px; background-position:-300px -420px; }
.btn-recharged:hover{ background-position: -400px -420px; }
.btn-recharged:active{ background-position: -500px -420px; }

.btn-rerecharge{width:84px; background-position:-300px -340px; }
.btn-rerecharge:hover{ background-position: -400px -340px; }
.btn-rerecharge:active{ background-position: -500px -340px; }

.btn-recharge-error{width:116px; background-position:-300px -380px; }
.btn-recharge-error:hover{ background-position: -420px -380px; }
.btn-recharge-error:active{ background-position: -540px -380px; }

.btn-recharge{ cursor:pointer; display:block; width:84px; height:33px; text-indent:-9999px; background:url(../img/td_i.png) -300px -660px no-repeat; }
.btn-recharge:hover{ background-position: -400px -660px; }
.btn-recharge:active{ background-position: -500px -660px; }
.m-l30 {margin-left:30px;}
.pay .ofcard_type ul {overflow: hidden;width: 608px;}
.pay .ofcard_type li {float: left;margin: 0px 10px 7px 0px;}
.pay .ofcard_type ul li a {display: block;width: 124px;height: 32px;padding: 3px 8px;border: 1px solid #e5e5e5;background: url(../img/td_v.png) 0px -100px repeat-x;}
.pay .ofcard_type ul li a.current {border: 1px solid #f96300;background: url(../img/td_i.png) -720px -40px no-repeat;}
.pay .ofcard_type ul li a:hover {background:#fff; border:1px solid #f96300; text-decoration:none; }
.pay .ofcard_type ul li a.current:hover {border:1px solid #f96300; background:url(../img/td_i.png) -720px -40px no-repeat; }
.pay .ofcard_type .alipay {background-position: 0 0;}
.pay .ofcard_type li a span {display: block;width: 124px;height: 32px;line-height: 32px;background-image: url(../img/bank.png);background-repeat: no-repeat;_background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bank.png');text-indent: -9999px;cursor: pointer;}
.type .entry {clear: both;margin: 10px 0 0 0;width: 100%;overflow: hidden;}
.type .entry .lb {float: left;width: 52px;color: #909090;padding-right: 10px;text-align: right;vertical-align: top;}
.type .entry .selector {float: left;width: auto;margin-bottom: 0;}
.type .entry .selector li {float: left;width: 100px;height: 24px;margin: 0;}
.type .entry .selector li input {margin-right:4px;}
.type .entry .ofcard_type li input {margin-right:4px;}
.type .info {clear: both;display: block;color: #f60;padding-left: 58px;}
.pay .action-inpour {margin-top: 30px;padding-top: 30px;padding-bottom: 40px;border-top: 1px dashed #ddd;font-size: 14px;}
.pay .action-inpour .agree a {color: #f96300;}
.pay .action-inpour a.btn {display: inline-block;height: 0;margin: 0 20px 0 0;padding: 33px 0 0;background-image: url(../img/td_i.png);background-repeat: no-repeat;overflow: hidden;vertical-align: middle;}
.pay .action-inpour .sum em.m-row6 {margin:0 6px;}
.pay .action-inpour a.btn-disabled {background-position:-500px -300px;cursor:default;}
.pay .type .unionpay {background-position: 0 -128px;}
#sec-list {display:none;}
.form_input_ofpay {width: 100%;margin:20px 0 0;overflow: hidden;}
.form_input_ofpay dt {float: left;clear: both;width: 80px;margin: 0 0 12px;padding: 0 10px 0 0;text-align: right;color: #999;font-size: 12px;line-height: 30px;}
.form_input_ofpay dd {margin: 0 0 12px;line-height: 30px;}
.form_input_ofpay dd input {width: 200px;margin: 0 12px 0 0;padding: 4px 8px;font-size: 14px;color: #555;line-height: 22px;background: #fff;outline: none;border: 1px solid #999;-webkit-box-shadow: inset 1px 1px 3px #c3c3c3;box-shadow: inset 1px 1px 3px #c3c3c3;vertical-align: middle;}
.form_input_ofpay dd .ipt_info {color: #f00;font-size: 12px;}
/*.tips span {float: left;display: block;width: 16px;height: 16px;margin: 7px -5px 1px 10px;background: url(../img/td_i.png) -720px -100px no-repeat;}
 */

.note{ position:fixed; _position:absolute; top:50%; left:50%; z-index:10; width:482px; height:242px; margin-top:-121px; margin-left:-241px; background:#fff; }
.note .con{ position:relative; padding:0px 100px; }
.note .con p.info{ font-size:14px; padding-top:50px; color:#444; font-size:16px; text-align:center;}
.note .con .close{ position:absolute; top:5px; right:5px; display:block; width:18px; height:18px; text-indent:-9999px; background:url(../img/td_i.png) -940px 0px no-repeat; cursor:pointer; }
/*
.note .con .opt{ overflow:hidden; margin:45px 0px 50px; text-align:center; }
.note .con .opt a{ display:inline-block; *display:inline; *zoom:1; margin-right:16px; }
*/
.note .con span{ display:block; text-align:center; line-height:26px}
.note .con em{ margin:0px 5px; color:#f96300; }
/*new add*/
.note a.btn{display:inline-block; height:0; margin:0 10px; padding:33px 0 0; background-image:url(../img/td_i.png); background-repeat:no-repeat; overflow:hidden; vertical-align:middle;}
.note .tips{padding:30px 0 0; margin-bottom:10px; background:none; border:none;}
.note .tips p{color:#444; font-size:16px; padding-top:0px;text-align:left;font-weight:bold;}
.note .multi_line{padding:50px 0 10px;}
.note .multi_line p{float:none; padding:0 0 0 26px; font-size:14px;}
.note .con div.info{padding-top:6px; line-height:26px;}
.note .con div.info em{margin:0;}
.note .con div.info h5{font-size:12px; font-weight:bold; line-height:26px;}
.note .con div.info ul{padding:4px 0 0 0;}
.note .con div.info li{list-style:inside disc; color:#999; line-height:20px;}
.note .con .opt_error{margin:25px 0 15px}
.btn-confirm{width:84px; background-position:-300px -580px; }
.btn-confirm:hover{ background-position: -400px -580px; }
.btn-confirm:active{ background-position: -500px -580px; }
.btn-confirm-sign{width:84px; background-position:-300px -500px; }
.btn-confirm-sign:hover{ background-position: -400px -500px; }
.btn-confirm-sign:active{ background-position: -500px -500px; }
.btn-cancel-sign{width:84px; background-position:-300px -540px; }
.btn-cancel-sign:hover{ background-position: -400px -540px; }
.btn-cancel-sign:active{ background-position: -500px -540px; }

.pay_set{}
.pay_set .set_line{margin:0 0 20px; border:1px solid #f0f0f0; border-left:none; background:#fff9f9; overflow:hidden; zoom:1;}
.pay_set .set_line .set_head{float:left; width:220px; padding:20px 0 0; text-align:center;}
.pay_set .set_line .set_head h4{margin:0 0 5px; color:#000; font-size:22px; font-family:microsoft yahei,"微软雅黑"; line-height:30px; text-align:center;}
.pay_set .set_line .set_head p{margin:0; line-height:30px; text-align:center;}
.pay_set .set_line .set_head .btn_biding{display:inline-block; width:84px; height:0; padding:33px 0 0; background:url(../img/td_btns.png) -50px -240px no-repeat; vertical-align:middle; overflow:hidden;}
.pay_set .set_line .set_head .btn_biding:hover{background-position:-270px -240px;}
.pay_set .set_line .set_head .disable{color:#bbb; font-size:14px; font-weight:bold;}

.pay_set .set_line .set_detail{position:relative; z-index:1; margin:0 0 0 220px; padding:20px 0 40px 18px; background:#fff; overflow:hidden; zoom:1;}
.pay_set .set_line .set_detail .point{position:absolute; left:0; top:50%; width:0; height:0; margin:-8px 0 0; border:8px solid #fff; border-left-color:#fff9f9; overflow:hidden;}
.pay_set .set_line .set_detail .set_info{float:left; width:160px; padding:0 0 0 10px; }
.pay_set .set_line .set_detail .set_info dt{margin:0 0 10px; font-size:18px; font-family:microsoft yahei,"微软雅黑"; line-height:30px;}
.pay_set .set_line .set_detail .set_info dd{color:#909090; font-size:12px; line-height:24px;}
.pay_set .set_line .set_detail .rl_dot{margin:0 10px 0 0; border-right:1px dashed #f0f0f0;}
.pay_set .set_line .set_detail .wide{width:250px;}

.confirm_pay {margin-top:10px; display:none;}
.confirm_pay .act_no {width:150px;height:22px;}
.confirm_pay .get_actno {cursor:pointer;}
.confirm_pay .get_actno_disabled {width:64px;;display:none;}
.onekeybuy .showact {display:inline-block;*display:inline;*zoom:1}
.commonbuy .pay_loading {margin-top:10px;}
.systip_40{height:40px;line-height:40px;position:relative;background:#ffffe5;padding:3px 10px;color:#909090;*zoom:1;border:1px solid #ecdda8;margin-bottom:20px;}
.systip_40 .strong {font-size:14px;font-weight:bold;color:#000000;}

/*pop win*/
.popbox{position:absolute;top:0px;right:0px;width:496px;min-height:100px; padding-bottom:30px;_border: 1px solid #ededed;box-shadow:0px 0px 20px #391500; background:#fff; }
.popbox .close{position:relative;top:5px;right:-475px;display:inline-block;width:18px;height:18px;font-size:16px;line-height:18px;text-align:center;cursor:pointer;}
.popkt{width:450px;margin:0px 0px 0px 25px;text-align: left;}
.popkt h2{color:#f60;font-size:24px;margin:10px 0px 5px;}
.popkt p{font-size:14px;height:34px;line-height:34px; margin-bottom:10px;overflow:hidden;zoom:1;}
.popkt p .btn{display:block;float:left;width:168px;height:34px;text-align:center;line-height:34px;border-radius:3px; margin-right:10px;background:#fe5300;color:#fff;font-size:14px;text-decoration: none;}
.popkt p em{display:block;float:left;height:34px;line-height:34px;font-size:14px;}
.popkt p em a{color:#f60; text-decoration:underline; margin-left:5px;}.popkt p em a:hover{color:#f60;text-decoration:underline;}
.popkt p span{float:left;display:block;margin:5px 50px 0px 0px;}
.popkt p span i{float:left;display:block;width:18px;height:18px;line-height:18px; text-align: center;margin:10px 5px 0px 0px;background: #F60; color:#fff;}

/*二维码*/
.member-area .stat {padding:0 0 10px 0;font-size:12px;}

/* 土豆会员卡支付、土豆观景券支付 16:22 2014/10/15 */
.cardpay{ }
.cardpay .stat{margin-bottom:10px;font-size:14px;overflow:hidden; zoom:1;}
.cardpay .stat .form_input{width:180px;margin-right:10px;font-size:12px;height: 20px;line-height: 20px;vertical-align: middle;padding: 4px 8px;margin: 0;background: #fff;outline: none;border: 1px solid #999;-webkit-box-shadow: inset 1px 1px 3px #c3c3c3;box-shadow: inset 1px 1px 3px #c3c3c3;}
.cardpay .stat .form_input_defaultvalue {color: #bbb;}
.capcha {margin:0 2px;width: 100px;height: 30px;}
.cardpay .stat input{ float:left;}
.cardpay .stat .vcode{ float:left;height:16px;}
.cardpay .stat .vcode img{ float:left;}
.cardpay .stat .vcode a{ float:left; line-height:30px;}
.cardpay .stat .vcode a:hover{ text-decoration: none;}
.cardpay .group {position: relative;z-index: 9999;}

.paylist-box{padding: 10px;margin:20px 0;border: none;border-top: 3px solid #f60;background: #fbfcff;}
.paylist .header li, .paylist .single li {display: block;float: left;height: 25px;line-height: 25px;padding-top:15px;font-size: 12px;color: #555;}
.paylist .single li, .paylist .single li a{ color:#909090}
.paylist .ititle {width: 530px;}
.paylist .iterm, .paylist .iterm_alert {width: 110px;}
.paylist .iprice {width: 95px;}
.ticket .autolist{display:none;position:absolute;border:1px solid #9b9b9b;background:#fff;left:0;top:29px;_top:30px;width:276px;z-index:9999;*zoom:1;}
.ticket .autolist .list_head{height:20px;overflow:hidden;padding:5px 10px;}
.ticket .autolist .list_head *{color:#909090;}
.ticket .autolist .list_head a:hover{ text-decoration:none; cursor: pointer;}
.ticket .autolist li{height:20px;cursor:pointer;padding:5px 10px; font-size:12px;overflow:hidden;}
.ticket .autolist li.hover, .ticket .autolist li:hover{background:#f2f2f2;}
.ticket .autolist .code{float:left;width:120px;height:20px;overflow:hidden;display:block;}
.ticket .autolist .value{float:right;width:40px;height:20px;overflow:hidden;display:block;}
.ticket .handle{cursor:pointer;position:absolute;top:1px;left:253px;width:25px;height:30px;background:url(http://static.youku.com/v7.53/paycenter/img/ico.png) no-repeat -56px -212px;}
.mytickets{ margin-left:10px; line-height:30px;} .mytickets a:hover{text-decoration:none; cursor: pointer;}
