@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,hr,p,
blockquote, 
dl,dt,dd,ul,ol,li, 
pre, 
form,fieldset,legend,button,input,textarea,
th,td, 
img{ border:medium none; margin:0; padding:0; vertical-align:middle;}
body,button,input,select,textarea{font: 14px '微软雅黑',tahoma, Srial, helvetica, sans-serif; color:#555; background:#fff;}
body{ overflow-y:scroll; +overflow-y:inherit;}
h1,h2,h3,h4,h5,h6{ font-size: 100%;}
em{ font-style:normal;}
ul,ol{ list-style: none;}
img{ border:0; font-size:0; vertical-align:middle;}
b,strong{ font-weight:normal;}
table{ border-collapse:collapse; border-spacing:0;}

/* Link Style*/
a:link,a:visited{ color:#555; text-decoration:none;}
a:hover,a:active{ color:#d20000; text-decoration:underline;}

/*style*/

.bar{ width:960px; margin:0 auto;}
.box{ display:block; margin-top:12px; border:1px solid #ccc;}
.boxT{ height:36px; line-height:36px; display:block;}
.boxM{ display:block;word-break:break-all;overflow:auto;}
.font1{ color:#d20000;}

#logo,.side .boxT,.news strong,.buzhou p span,i.c-check{ background:url(/TQF/img/btx/img.gif) no-repeat;}

.header{ width:100%; display:inline-block; height:80px; margin-bottom:10px; background:#b82929;}
#logo{ width:250px; height:60px; float:left; margin-top:10px; background-position:0 0;}
.header p{ float:right; line-height:30px; margin-top:35px; color:#fff; font-size:12px;}
.header p a{ margin:0 15px; color:#fff; font-size:14px;}

.side{ width:270px; float:left;}
.side .boxT{ font-weight:bold; padding-left:35px; color:#555; background-color:#f5f5f5; border-bottom:1px solid #ccc;}
#dhxx .boxT{ background-position:-285px 2px;}
#jlzs .boxT{ background-position:-285px -28px;}
#zysx .boxT{ background-position:-285px -57px;}
.side .boxM{ margin:10px 15px;}
#dhxx .boxM{ line-height:30px;}
#dhxx .boxM span{ font-size:16px;}
#jlzs .boxM{ overflow:hidden; line-height:30px;}
#jlzs .boxM li{ width:100%; display:inline-block; padding:8px 0; border-top:1px dashed #ddd; margin-top:-1px;}
#jlzs .boxM span{ margin-left:3px;}
#zysx .boxM{ padding-bottom:10px; line-height:24px;}
#zysx .boxM li{ margin-left:20px; margin-top:7px; list-style:decimal;}


#zysx2 .boxT{ background-position:-285px -57px;}
#zysx2 .boxM{ padding-bottom:10px; line-height:24px;}
#zysx2 .boxM li{ margin-left:20px; margin-top:7px; list-style:decimal;}

.main{ width:670px; float:right; overflow:hidden;}
.main .box{ width:668px; overflow:hidden}
.main .boxT{ padding-left:20px; color:#d20000; background:#eeeeee; font-size:16px; border-bottom:1px solid #b82929;}
.main .boxM{ margin:15px 10px;overflow:scroll;overflow:hidden}
.buzhou{ display:block; margin-top:12px; position:relative; text-align:center; border:1px solid #ccc; padding:20px 0 10px;}
.buzhou .bor{ width:480px; height:3px; display:inline-block; background:#bebebe; position:absolute; left:90px; top:35px; z-index:0; overflow:hidden;}
.buzhou p{ width:160px; height:70px; position:relative; z-index:10; display:inline-block; +zoom:1; +display:inline;}
.buzhou p span{ width:30px; height:32px; line-height:32px; color:#fff; display:inline-block; background-position:-254px -33px; font-family:Arial;}
.buzhou p b{ display:block; margin-top:10px; color:#aaa;}
.buzhou p.bg span{ background-position:-254px 0;}
.buzhou p.bg b{ color:#d20000;}
.btnBox{ width:100%; display:inline-block; text-align:center; padding:30px 0 20px;}
.btnBox .btn{ width:180px; height:40px; line-height:40px; font-size:18px; margin:0 20px; background:#b82929; color:#fff; border-radius:5px; cursor:pointer;}

.news{ display:inline-block; padding:10px 15px; margin-top:12px; border:1px solid #ddd; background:#fdf9dc; line-height:24px; padding-bottom:10px;}
.news strong{ width:40px; float:left; background-position:35px -67px; padding-right:30px;}
.news p{ width:568px; display:inline-block;}
.news span{ display:block;}
.news b{ display:block; list-style:circle;}

/*选择分区*/
.xqList li{ width:100%; display:inline-block; margin-top:10px;}
.xqList li a{ height:40px; line-height:40px; display:block; padding-left:30px; font-size:16px; border:1px solid #ddd; border-left:2px solid #b82929; overflow:hidden;}
.xqList li a span{ width:150px; text-align:center; color:#fff; float:right; background:#b82929;}
.xqList li a:hover{ color:#fff; text-decoration:none; background:#b82929;}

/*选择渠道*/
.qdList{ display:inline-block; width:100%; overflow:hidden;}
.qdList li{ width:126px; height:72px; float:left; padding:10px 20px; border-right:1px solid #ccc; line-height:24px; border-bottom:1px solid #ccc; background:#f7f7f7;}
.qdList li a{ display:block; cursor:pointer;}
.qdList li a:hover{ text-decoration:none;}
.qdList li b{ display:block; color:#333; font-size:15px;}
.qdList li span{font-size:12px; color:#999;}
.qdList li span i{ color:#b82929; font-style:normal; font-size:14px;}
.qdList li a{ width:80px; height:24px; background:#32b8a0; color:#fff; text-align:center;}
.qdList li.now{ background:#fff; }
.qdList li.now a{ display:block; border-radius:3px;}

.qdList li.now2 a{ width:80px; height:24px; background:#0d7260; color:#fff; text-align:center;}

/*账号信息*/
#user p{ height:36px; line-height:36px; display:block; padding:10px;}
#user span{ width:120px; float:left; text-align:right;}
#user span i{ padding-right:3px; font-style:normal;}
#user span i{ padding-right:3px;}
#user input{ width:230px; height:20px; line-height:20px; padding:7px 10px; border:1px solid #ccc;}
#user select{ width:252px; height:36px; border:1px solid #ccc;}
#user input.yzm{width:120px;}
#user .yzmPic{ height:36px; display:inline-block; margin-left:20px;}
#user p em{ color:#aaa; font-size:12px;}
.zfbor{ width:100%; height:20px; display:inline-block; border-top:1px dashed #ccc;}

/*输入金额/卡密*/

#bankUl { display:inline-block;}
#bankUl li { width:209px; height: 35px; line-height: 35px; margin-bottom: 15px; float: left; position: relative;}
#bankUl input { margin-top: -25px; margin-right:5px; display: inline-block;}
#multiUl { clear: both; float: left;}
#multiUl li { width: 95px; overflow: hidden; float: left; white-space: nowrap;}
#multiUl li label { height: 20px; text-align: center; line-height: 22px; display: block;}
#multiUl li b { height: 20px; text-align: center; line-height: 22px; display: block;}
#multiUl li b { color: rgb(204, 0, 0);}
.no-first { border-left-color: rgb(209, 209, 209); border-left-width: 1px; border-left-style: solid;}

/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(/TQF/img/btx/msg_bg.png) no-repeat;	color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px;}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#959595}
.onFocus{background-position:3px -147px;border-color:#40B3FF;}
.onError{background-position:3px -47px;border-color:#40B3FF; color:red}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}

.bkicon {border: 1px solid rgb(255, 255, 255); width: 154px; height: 33px; vertical-align: 0px; display: inline-block; position: relative; cursor: pointer; background-repeat: no-repeat;}
i.c-check { background-position:-46px -69px; width: 11px; height: 11px; position: absolute; z-index: 100;}
li.selectBank i.c-check {visibility: visible;}
li.selectBank span.bkicon {border: 1px solid rgb(180, 1, 1);}
.bankItem i.c-check {visibility: hidden;}

/*结果*/
#jgTable{ width:100%; margin-top:20px;}
#jgTable th,#jgTable td{ line-height:24px; padding:10px; text-align:center; border:1px solid #ccc;}
#jgTable th{ background:#f5f5f5;}



/*尾部*/
.footer{ width:100%; display:inline-block; margin-top:50px; padding:10px 0 30px; line-height:30px; text-align:center; border-top:1px solid #ccc;}

.bank2 { width:886px; display:inline-block; background:#f1f1f1; padding:30px 0 20px 30px; margin:0 20px;}
.bank2 li{ height:52px; line-height:34px; float: left; width:220px;  }
.bank2 li input{ float:left; margin-top:9px;}
.bank2 li .pic{ width:150px; height:31px; float:left; border:solid 1px #dfdede; margin-left:8px;}
.bank2 li .pic:hover{ width:150px; height:31px; float:left; border:solid 1px #bc000e;}

.utt{ height:35px; width:669px;border-top:solid 2px #dddddd;clear:both;
	text-align:center;border-left:solid 1px #dddddd; background-color:#f6f6f6; margin-top:5px;}
.utt li{float:left;height:35px; line-height:35px; float:left; border-bottom:solid 1px #dddddd;
	 border-right:solid 1px #dddddd;
	 font-weight:bold; color:#000000;overflow:hidden;}
	 
.utc{width:669px;text-align:center;border-left:solid 1px #dddddd;height:35px;clear:both;}
.utc li{float:left;height:35px; line-height:40px; float:left; border-bottom:solid 1px #dddddd;
	 border-right:solid 1px #dddddd; overflow:hidden;}
.utl1{ width:136px; text-align:center;}
.utl1 a:link,
.utl1 a:visited{ color:#d20000; text-decoration: none;} 
.utl1 a:hover,
.utl1 a:active{ color:#d27777;text-decoration: none; }
.utl2{ width:75px;}
.tsin{background: url(/TQF/img/btx/msg_bg.png) no-repeat;background-position: 3px -147px;
    border-color: #40B3FF; line-height: 18px;
    padding: 2px 10px 2px 23px;
    margin-left: 10px; height:18px; cursor:default;
    text-decoration: none;color: #959595;
}
.srxx{ line-height:30px; text-align:left;width:745px;border:solid 1px #CFCFCf;color:#303030; background-color:#F3F3F3; margin-left:10px;
	 margin-top:20px; padding-top:10px; padding-bottom:10px;}
.srxxc{ height:30px; color:#4b0404; height:auto; line-height:30px;}
.srxx a:link,
.srxx a:visited{ color:#b40000; text-decoration: none;} 
.srxx a:hover,
.srxx a:active{ color:#2B2B2B;text-decoration: underline;}
.srxxc span{  color:#C40000;}

.srxxcsum span { font-weight:bold; }

.qrinf{ display:inline-block; padding:10px 15px; margin-top:12px; border:1px solid #ddd; background:#fdf9dc; line-height:24px; padding-bottom:10px; width:637px;}
#zzaoqn7 {width: 400px;height: 120px;background-color: #e0e0e0;padding: 10px;position: absolute;display: none;left: 45%;z-index: 1002; border:solid 1px #E90004;}
#zzaoqn7 div{text-align: center;}
#zzaoqn7 div p{height: 30px;line-height: 30px;font-size: 12px;color: #000;}
#zzaoqn7 span{ color:#FF0000; padding-left:10px; padding-right:10px;}
#zzao7qn {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 133%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}

.btnx{display:inline-block;background:#E90004;width:85px;height:25px;
border:0;cursor:pointer;text-align:center;text-decoration:none;
 line-height:25px; color:#FFFFFF; font-weight:bold; font-size:14px;}
.btnx:link,
.btnx:visited{ color:#FFFFFF; text-decoration: none;} 
.btnx:hover,
.btnx:active{ color:#FFFFFF;text-decoration: none; }


.btnV{ width:180px; height:40px; line-height:40px; font-size:18px; margin:0 20px; background:#b82929; color:#fff; border-radius:5px; cursor:pointer;display:inline-block; }
.btnV:link,
.btnV:visited{ color:#FFFFFF; text-decoration: none;} 
.btnV:hover,
.btnV:active{ color:#FFFFFF;text-decoration: none; }

.qutb {width: 960px; border-collapse: collapse; margin-top:20px; border:solid 1px #ccc; }
.qutb th {height:35px; text-align:center;border:solid 1px #ccc;background:#fdf9dc;}
.qutb td {height:35px; text-align:center;border:solid 1px #ccc;}

/*选择分区*/
.xqList2 li{ width:99%; height:40px; line-height:40px; 
             margin-top:10px;
             border-left:2px solid #b82929;
             border-top:1px solid #ddd;
             border-bottom:1px solid #ddd;
             border-right:1px solid #ddd;
              overflow:hidden;}
.xqList2 li a{float:right;height:40px; line-height:40px;width:150px; text-align:center; display:block; color:#FFFFFF;text-decoration:none;}
.xqList2Sp { margin-left:30px;}

.xqList2a1 a:link,
.xqList2a1 a:visited{ background:#b82929; font-size:16px;margin-right:20px;} 
.xqList2a1 a:hover,
.xqList2a1 a:active{ background:#c65555; font-size:16px;margin-right:20px;}

.xqList2a2 a:link,
.xqList2a2 a:visited{ background:#007bff; font-size:16px;} 
.xqList2a2 a:hover,
.xqList2a2 a:active{ background:#409bfd; font-size:16px;}
.xqList2a3 { cursor:initial;}
.xqList2a3 a:link,
.xqList2a3 a:visited{ background:#ffffff; font-size:16px;} 
.xqList2a3 a:hover,
.xqList2a3 a:active{ background:#ffffff; font-size:16px;}