@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-size: 14px;font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, "微软雅黑"; color:#333; 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;}
.red{ color:#d20000;}
.font1{ color:#fa052b;}
.font2{ color:#0e6a8c;}
.zi{ color:#750075;font-weight:bold;}

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

/*.header{ width:100%; display:inline-block; height:60px; margin-bottom:10px; background:#00a2ca;}
#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;}*/

.header {
        background-color: #fff;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #eee;
}

.header .tip {
    background-color: #CD0000;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    margin: 0px auto;
}

.page-content {
    width: 980px;
    margin: 0px auto;
    overflow: hidden;
}
.header .nav {
    text-align: right;
    padding: 10px 0px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
}
/* .header .nav {
    background-image: url(/Content/thems/app/red/images/czlogo.png);
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    color: #fff;
} */


.header .nav a {
    padding:0px 10px;
    color: #333;
    text-decoration: none;
}

.server-content {
    padding: 8px;
    margin-top: 15px;
}

.server-content .hd {
    font-weight: bold;
    color: #ff6a00;
}

.server-content .span-header {
    margin-right: 30px;
}

.server-content .contact {
    float: right;
    clear: right;
}

.server-content .strong {
    font-weight: bold;
    color: #333;
}

.server-content-des {
    padding: 8px;
    margin-top: 10px;
}

.des-remark {
    color: #3070a0;
    font-size: 14px;
    padding: 5px;
}
.server-content-des {
    border: 1px dashed #c4e39d;
    background-color: #f6ffea;
    padding: 8px;
    margin-top: 10px;
}




.side{ width:270px; float:right;}
.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:5px 15px;}
#dhxx .boxM{ line-height:30px;}
#dhxx .boxM span{ font-size:14px;}
#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 .boxP{ overflow:hidden; line-height:30px;padding-left:15px;}
#jlzs ul.boxP{margin-top:-1px;}
#jlzs ul.boxP li{margin-top:0}

#jlzs .boxP li{ width:95%; 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;}

dl.gift{display:block; border:1px solid #ccc;}
dl.gift dt{font-weight:bold; padding-left:35px; color:#555; background-color:#f5f5f5; border-bottom:1px solid #ccc;height:36px; line-height:36px; display:block; background-position:-285px -28px;}
dl.gift dd{overflow:hidden; line-height:30px;padding-left:15px;}
dl.gift dd p{ width:95%; display:inline-block; padding:8px 0; border-top:1px dashed #ddd; margin-top:-1px;}

.main{ width:670px; float:left; overflow:hidden;}
.main .box{ width:668px; overflow:hidden}
.main .boxT{ padding-left:20px; color:#000; background:#f5f5f5; font-size:16px; border-bottom:1px solid #ccc;}
.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:#333;}
.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{ width:637px;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 #FF6317; text-decoration:none;overflow:hidden;}
.xqList li a span{ width:150px; text-align:center; color:#fff; float:right; background:#FF6317;}
/*.xqList li a:hover{ color:#fff; text-decoration:none; background:#b82929;}*/

/*选择渠道*/
.qdList{ display:inline-block; width:100%; overflow:hidden;}
.qdList li{ width:181px; height:50px; float:left; padding:15px 20px; border-right:1px solid #ccc; line-height:24px; border-bottom:1px solid #ccc; background:#fff;}
.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{ font-style:normal; font-size:14px;}
.qdList li p{ width:80px; height:24px; background:#32b8a0; color:#fff; text-align:center; display:none;}
.qdList li.now{ background:#f7f7f7; }
.qdList li.now p{ display:block; border-radius:3px;}

.qdList li .logo {
    float: left;
    padding: 5px;
    width: 80px;
    text-align: center;
}

.qdList li .des {
    float: left;
    padding-left: 1px;
}

.qdList li .tit {
    font-weight: normal;
}

.qdList li span {
    display: block;
}



/*账号信息*/
#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(../images/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-image: url("../images/banks.jpg"); background-repeat: no-repeat;}
.ABC { background-position: 0px 0;}
.BCCB { background-position: 0px -33px;}
.BJRCB {background-position: 0px -66px;}
.BOC {background-position: 0px -99px;}
.BOCO {background-position: 0px -132px;}
.CBHB {background-position: 0px -165px;}
.CCB {background-position: 0px -198px;}
.CEB {background-position: 0px -231px;}
.CIB {background-position: 0px -264px;}
.CMBC {background-position: 0px -297px;}
.CMB {	background-position: 0px -330px;}
.CZ {background-position: 0px -363px;}
.CTTIC {background-position: 0px -396px;}
.GDB {background-position: 0px -429px;}
.HKBEA {background-position: 0px -462px;}
.ICBC {background-position: 0px -495px;}
.NBCB {background-position: 0px -528px;}
.NJCB {background-position: 0px -561px;}
.PINGANBANK {background-position: 0px -594px;}
.PSBS {background-position: 0px -627px;}
.SDB {background-position: 0px -660px;}
.SHB {background-position: 0px -693px;}
.SPDB {background-position: 0px -726px;}
.HXB {background-position: 0px -759px;}
.SHRCB {background-position: 0px -792px;}
.CDCCB{background-position: -154px 0;}
.GNXS{background-position: -154px -33px;}
.GZCB{background-position: -154px -66px;}
.HKBCHINA{background-position: -154px -99px;}
.SXJS{background-position: -154px -132px;}
.ZHNX{background-position: -154px -165px;}
.WZCB{background-position: -154px -198px;}
.YDXH{background-position: -154px -264px;}
.SDE{background-position: -154px -231px;}
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;}