﻿@charset "utf-8";
*{ margin:0px; padding:0px;}
html{overflow-x:visible;}
body { overflow-x: hidden;  font-family:Verdana,Arial,simsun,sans-serif,"Microsoft YaHei",Mingliu,Verdana,Helvetica,Lucida;; font-size:12px;   color:#333;}

li{ float:left; list-style:none;}

a:hover{ color:#ff6600; text-decoration:underline;}
h1{ font-size:100%;}

.userpayInfo{width:460px;overflow:hidden;}
.userpayInfo img{float:left;padding:10px 20px;}
.userpayInfo span{float:left;color:#666666;line-height:20px;}
.userpayInfo span h4{font-size:14px;font-weight:bold;line-height:24px;border-bottom:1px solid #EEEEEE;margin-bottom:5px;padding-bottom:5px;}
.userpayInfo span font{color:#FF6600;font-weight:bold;}
.warnInfo{width:460px;overflow:hidden;}
.warnInfo img{float:left;padding:10px 20px;}
.warnInfo span{float:left;color:#666666;line-height:20px;}
.warnInfo span h4{font-size:14px;font-weight:bold;line-height:24px;border-bottom:1px solid #EEEEEE;margin-bottom:5px;padding-bottom:5px;}
.warnInfo span p{font-size:13px;line-height:13px; margin-bottom:8px;}
.warnInfo span font{color:#FF6600;font-weight:bold;}
.btn a{ width:130px; height:35px; background-color:#f77e2e; display:block; color:#fff; font-family:"微软雅黑"; font-size:16px; line-height:30px; text-align:center;}
.btn a:hover{ background-color:#ff6600; text-decoration:none; color:#fff;}
.btnblue a{ width:100px; height:25px; background-color:#079eed; display:block; color:#fff; font-family:"微软雅黑"; font-size:13px; line-height:25px; text-align:center;}
.btnblue a:hover{ background-color:#079eed; text-decoration:none; color:#fff;}
input{ outline:none;}
.kuang{ width:120px; height:27px; border:1px solid #dedede; color:#333; font-size:14px; font-family:"微软雅黑"; line-height:25px;}
.red16{ font-size:16px; font-family:"微软雅黑"; color:#ff6600; font-weight:bold;}
.ratetb{ width:350px;background-color:white;text-align:center;}
.ratetb tr{ height:20px;}
.ratetb td{ border:1px solid #e6e6e6; height:30px;line-height:30px;}
.btnnext a{ width:125px; height:30px; background-color:#f77e2e; display:block; color:#fff; font-family:"微软雅黑"; font-size:16px; line-height:30px; text-align:center;}
.btnnext a:hover{ background-color:#ff6600; text-decoration:none; color:#fff;}
.mopi{margin-top:5px;font-size:13px;width:550px;background-color:white;padding:10px;line-height:22px;border:1px solid #e6e6e6;}
.mopid{padding: 0 0 15px 30px;}
.mopid font{width:100px;display:inline-block;text-align:right;padding-right:5px;}
.mopid .msginfo{margin-left:5px;font-size:13px;color:#999999;}
.mopid .reqicon{font-size:14px;color:#ff0000;padding-right:2px;}
.mopid select option{line-height:18px;height:18px;margin:2px auto;}


.all{ width:960px; margin:0 auto;}
.PayInfo{background-color: #FFFDEE;border: 1px solid #F7E5B3;font-size: 12px;line-height: 22px;padding: 5px;width:99%;clear:both;color:#333333;}
header, header .header_top, header .header_box, nav, article{ width:960px; margin:0 auto; clear:both;}
header{ height:152px;}
header .header_top{ height:25px;}
header .header_top .header_top_l{ padding-top:5px;}
header .header_top .header_top_l li.wenzi{ *padding-top:2px;}
header .header_top .header_top_l li{ margin-right:8px; color:#999999; vertical-align:bottom;}
header .header_top .header_top_l li a:hover{ color:#ff6600;}
header .header_top .dlh{ width:233px; height:20px; margin-top:5px;}
header .header_top .dlh a.user{ color:#333; text-decoration:none; margin-right:20px; line-height:16px; _line-height:20px;}
header .header_top .dlh a.xin{ line-height:18px; margin-right:3px;}
header .header_top .dlh .msgnum{ margin-right:15px;width:14px; height:13px; margin-top:2px; background-color:#f7f7f7; border:1px solid #cccccc; display:block; font-size:11px; border-radius:3px; color:#999999; text-align:center;}
header .header_top .dlh a.exit{ line-height:20px;}
header .header_top .header_top_r li{ color:#666666; position:relative; height:18px; margin-top:2px; vertical-align:bottom; z-index:999;}
header .header_top .header_top_r li a.title{ width:81px; _width:81px; height:18px; _height:20px; position:relative; display:block; border:1px solid #f7f7f7; text-align:center; z-index:86; color:#999;}
header .header_top .header_top_r li a.title:hover{ position:relative;  display:block; z-index:86; background-color:#fff; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:none; border-top:1px solid #dedede; color:#F30;}
header .header_top .header_top_r .arrow{ border-color:#666666 #fff #fff; position:absolute; left:68px; top:8px;  border-width:4px 4px 0px; height:4px; border-style:solid; overflow:hidden;}
header .header_top .header_top_r .line{ width:1px; height:11px; float:right; position:absolute; left:78px; top:4px; margin-right:12px; font-style:normal; font-weight:normal; color:#d5d5d5; overflow:hidden;}
header .header_top .header_top_r .more_nav{ width:80px; box-shadow:0 2px 4px rgba(0,0,0,0.2); background-color:#fff; border:1px solid #dedede; position:absolute; padding:8px 0px 10px 10px; right:-9px; _right:-10px; top:18px; _top:18px; z-index:-1;}
header .header_top .header_top_r .more_nav p{ line-height:25px; display:block; margin-bottom:5px;}
header .header_top .header_top_r .more_nav p a{ text-decoration:none; display:inline-block; color:#666666;}
header .header_top .header_top_r .more_nav p a:hover{ text-decoration:underline;}

header .topnav{ width:960px; background:url(pay_navbj.jpg) no-repeat 50% 0%; height:121px;}
header .topnav .logo{ width:305px; height:124px; background:url(chong-logo.jpg) no-repeat left center;}
header .topnav .nav{ width:360px; height:33px; margin-top:92px;}
header .topnav .nav ul li{width:153px; font-size:14px; cursor:pointer;text-align:center; }
header .topnav .nav ul li.pay{  height:32px; background-color:#3983e8; color:#fff; line-height:32px; }
header .topnav .nav ul li.order{ height:28px; background:url(order-b.jpg) repeat-x; border:1px solid #dddddd; margin-left:10px; line-height:28px; color:#333;}

.chong{ width:960px; margin:15px auto 0px auto;}
.h-1000{ height:1000px;}
.h-850{ height:650px;}
.h-650{ height:650px;}
.h-550{ height:550px;}

.wrap2 .input1_long{ width:200px; height:20px; margin-top:7px; border:1px solid #ccc;}
.wrap2 .input2{ height:20px; margin-top:6px; border:1px solid #ccc; margin-right:5px;}
.chong-l{ width:178px; margin-bottom:10px; background-color:#eaf3ff; border:1px solid #8ab7f5;}
.chong-l ul.menu .chong-l-ahover{ width:150px; height:50px; background-color:#fff; border:1px solid #88b6f5; border-right-color:#ffffff; margin-left:27px; _margin-left:13px; color:#3983e8; font-weight:bold; background-image:none; z-index:100;}
.chong-l ul.menu{ width:178px; height:260px; margin-top:10px;}
.chong-l ul.menu li{ width:178px; height:55px; text-align:center; line-height:50px; background:url(http://cdnimg.dd373.com/file/general/images/recharge_bottom-line.jpg) no-repeat left bottom;}

.chong-r{ width:772px; margin-bottom:10px;}
.chong-r .wrap1{ width:772px; height:850px; border:1px solid #88b6f5; border-left-color:#ffffff;}

.chong-r .paycue{ width:745px; height:27px; margin:20px auto 20px auto; border:1px solid #F7E5B3; background-color:#FFFDEE; line-height:27px; text-indent:0.5em;}



.chong-r .biaoti{ width:700px; font-size:24px; color:#ff6600; font-family:"微软雅黑"; text-align:center; line-height:44px;}
.chong-r .title{ width:700px; height:40px; border:1px solid #dedede; background-color:#f7f7f7; position:relative; z-index:10; margin:20px auto 0px auto;}
.chong-r .title ul li{cursor:pointer; text-align:center; width:95px; height:36px; font-weight:bold; font-size:14px; line-height:36px; margin-left:10px;}
.chong-r .title .ahover{ background-color:#fffbec; border:2px solid #ff6600; text-decoration:none; box-shadow:4px 0 2px -2px rgba(0,0,0,0.2); border-bottom:none; z-index:30;}
.chong-r .title .ahover-blue{ background-color:#f5f7fc; border:2px solid #97adba; text-decoration:none; box-shadow:4px 0 2px -2px rgba(0,0,0,0.2); border-bottom:none; z-index:30;}
.chong-r .title .card{ width:700px; height:auto;  padding-top:15px; box-shadow:0 2px 4px rgba(0,0,0,0.2);  _left:0px; _top:-32px;left:0px; position:absolute; top:36px; z-index:-1;display:none;}
.chong-r .title .cardimg{ vertical-align:text-bottom; margin-left:2px; margin-right:2px;}
.chong-r .card{ border:2px solid #ff6600; background-color:#fffbec;}
.chong-r .card-red{ border:2px solid #ff6600; background-color:#fffbec;}
.chong-r .card-blue{ border:2px solid #97adba; background-color:#f5f7fc;}
.chong-r .card ul{ height:60px; padding-left:25px;}
.chong-r .card ul.m-t{ margin-top:25px;}
.chong-r .card ul li{ width:200px;}
.chong-r .card ul li .mzdiv{ height:36px;}
.chong-r .card ul.jine{ padding-left:20px; padding-top:10px;}
.chong-r .card ul.cardtitle{ padding-left:20px; padding-top:10px;}
.chong-r .card ul.gt{ margin:0px 0px 0px 80px;}
.chong-r .card ul.jine li{ width:150px;}
.chong-r .card ul.cardtitle li{ width:150px;text-align:left;}
.chong-r .card .anniu{ width:156px; height:33px; display:block; background-color:#f9914c; color:#fff; line-height:30px;}
.chong-r .card a.anniu:hover{ background-color:#ff6600; text-decoration:none;}
.chong-r .dkcard ul li{ width:140px;}

.chong-r .card .icon{ background:url(http://cdnimg.dd373.com/file/general/images/pay_combo.png) no-repeat; width:130px; height:35px; border:1px solid #d4d7d7; background-color:#fff; margin-left:5px; }
.chong-r .card .brank .brank-ny{ background-position:0px 0px; }
.chong-r .card .brank-gs{ background-position:0px -2700px; }
.chong-r .card .brank .brank-zs{ background-position:0px -1116px; }
.chong-r .card .brank-js{ background-position:0px -828px; }
.chong-r .card .brank .brank-zg{ background-position:0px -288px; }
.chong-r .card .brank .brank-jt{ background-position:0px -1188px; }
.chong-r .card .brank .brank-pf{ background-position:0px -4284px; }
.chong-r .card .brank .brank-ms{ background-position:0px -1152px; }
.chong-r .card .brank .brank-sz{ background-position:0px -4032px; }
.chong-r .card .brank .brank-xy{ background-position:0px -1044px; }
.chong-r .card .brank .brank-pa{ background-position:0px -4248px; }
.chong-r .card .brank .brank-zx{ background-position:0px -1080px; }
.chong-r .card .brank .brank-gd{ background-position:0px -972px; }
.chong-r .card .brank .brank-gf{ background-position:0px -1836px;}
.chong-r .card .brank .brank-bj{ background-position:0px -216px; }
.chong-r .card .brank-yz{ background-position:0px -3708px;}
.chong-r .card .brank .brank-sh{ background-position:0px -4140px; }
.chong-r .card .brank .brank-dy{ background-position:0px -3708px; }
.chong-r .card .brank-nj{ background-position:0px -3564px;}
.chong-r .card .brank .brank-nb{ background-position:0px -3384px; }

/*cft*/
.chong-r .cft{ padding:0px 0px 15px 35px;}
.chong-r .cft .cztips { font-size: 14px; height:30px; line-height:30px; padding:10px 0px 10px 0px;}
.chong-r .cft .label {font-size:14px; height:40px; line-height:30px; width: 100%;}
.chong-r .cft .cznum { border-bottom:1px dashed #cccccc; padding:20px 0px 20px 0px;}
.chong-r .cft .kuang{ width:130px; height:25px; border:1px solid #dedede;}
.chong-r .cft .btn a{ width:220px; margin:10px 0px 10px 0px;}
/*guitai*/
.chong-r .title .card .guitai{ width:500px; height:80px; border-bottom:1px dashed #ddd; margin:15px auto 0px auto;}
.chong-r .title .card .guitai .danxuan{ padding-top:24px;}
.chong-r .title .card .guitai .icon{ margin:12px 0px 0px 10px;}
.chong-r .title .card .guitai .text{ margin-left:20px;}
.chong-r .title .card .guitai .text p{ line-height:24px;}

.chong-r .wrap1 ul.gt-order{ width:772px;}
.chong-r .wrap1 ul.gt-order li{ width:755px; height:35px; line-height:30px; margin-left:15px; font-family:"微软雅黑"; font-size:14px;}
.chong-r .wrap1 ul.gt-order li.money{ margin-bottom:10px; margin-top:10px;}
.chong-r .wrap1 ul.gt-order li span.ICBC{ width:130px; height:35px; border:1px solid #dedede; display:block; background:url(http://cdnimg.dd373.com/file/general/images/pay_combo.png) 0px -2700px;}
.chong-r .wrap1 ul.gt-order li.brankBox{ width:745px; height:259px; font-size:12px; position:relative; margin:0 auto; }
.chong-r .wrap1 ul.gt-order li.brankBox .ICBCbox{ width:745px; height:259px; margin:0 auto; background:url(http://cdnimg.dd373.com/file/general/images/icbcBg.gif) no-repeat;}
.chong-r .wrap1 .ICBCbox .text{ width:182px; position:absolute; top:112px; left:135px;}
.chong-r .wrap1 .ICBCbox .text p{ line-height:22px;}



.wrap1 .nering .frame_line a.alink{ text-decoration:underline;}
/*.wrap1 .nering .frame_line{ width:956px; height:100%; overflow:hidden; margin:12px; background-color:#f0f0f0;}*/
.wrap1 .nering .frame_line{ margin-top:15px; margin-bottom:20px;}
.wrap1 .nering .state{ width:950px; height:100%; overflow:hidden; margin:2px auto 0px auto; border:1px solid #e6d98a; background-color:#feffed;}
.wrap1 .nering .state .bottom_line{ width:850px; height:120px; margin:0 auto; border-bottom:1px dotted #ccc;}
.wrap1 .nering .state .pic{ width:54px; height:54px; background:url(http://cdnimg.dd373.com/file/general/images/stateinfo.gif) no-repeat -8px -282px; margin:15px 12px 0px 35px; }
.wrap1 .nering .state .pic-waiting{ width:54px; height:54px; background:url(http://cdnimg.dd373.com/file/general/images/stateinfo.gif) no-repeat -8px -116px; margin:15px 12px 0px 35px; }
.wrap1 .nering .state .pic-error{ width:54px; height:54px; background:url(http://cdnimg.dd373.com/file/general/images/stateinfo.gif) no-repeat -8px -226px; margin:15px 12px 0px 35px; }
.wrap1 .nering .state .text p a.blue_btn{ width:80px; height:26px; margin-top:8px;}
.wrap1 .nering .state .text p a.alink{ margin:10px 0px 0px 6px;}
.wrap1 .nering .state .text{ line-height:26px; margin:18px 0px 0px 0px; }
.wrap1 .nering .state .text p.mr-t{ margin-top:5px;}

.wrap1 .nering .otherWz{ width:956px; padding-top:5px; height:100%; overflow:hidden;}
.wrap1 .nering .otherWz ul li{ width:820px;}
.wrap1 .nering .otherWz ul li{background:url(http://cdnimg.dd373.com/file/general/images/yuandian.gif) no-repeat 12px 11px; line-height:32px; margin-left:130px; color:#666; text-indent:2em;}




/*iphone*/
.chong-r .wrap2{ width:595px; height:650px; border:1px solid #88b6f5; border-left-color:#ffffff;}
.chong-r .wrap2 .nering{}

.chong-r .wrap2 .nering{ width:500px;}
.chong-r .wrap2 .nering .biaoti{ width:500px; font-size:24px; color:#ff6600; font-family:"微软雅黑"; text-align:center; margin-top:30px;}
.chong-r .wrap2 .danxuan p label{ float:left; margin-right:15px;}
.chong-r .wrap2 .nering ul{ width:550px; margin-left:55px; _margin-left:20px; margin-top:35px; font-size:14px;}
.chong-r .wrap2 .nering ul li{ width:550px; height:50px;}
.chong-r .wrap2 .nering ul li .spanmsg{ color:red; font-size:12px;}
.chong-r .wrap2 .nering .OffPayDiv p{ line-height:30px;}
.chong-r .wrap2 .nering .OffPayDiv p a{color:red}
.chong-r .wrap2 .nering .kuang{ width:250px;}
.chong-r .wrap2 .nering .w-150{ width:150px; text-align:right; margin-right:10px;}
.chong-r .wrap2 .nering .btn{ margin-left:160px; _margin-left:80px;}
.chong-r .wrap2 .nering .w-150l{ width:150px; text-align:left; margin-left:10px;}
.chong-r .wrap2 .nering .w-100{ width:100px; text-align:right; margin-right:10px;}
.chong-r .wrap2 .nering .w-300l{ width:300px; text-align:left; margin-left:10px;}

.chong-r .nering-r{ width:170px; margin-left:5px;}
.chong-r .nering-r .text{ width:170px;}
.chong-r .nering-r .text p{ line-height:30px;}
.chong-r .nering-r .text p a{ color:#333;}
.chong-r .nering-r .text p.hotline{ color:#ff6600;}

/*dianka*/
.chong-r .dk{ width:595px;}
.chong-r .dk .biaoti{ width:500px;}
.chong-r .dk .fed_input_box{ margin:15px 0px 0px 0px;}
.chong-r .dk .fed_input_box .kuang{ width:250px; height:30px;}
.chong-r .dk .fed_formtit { float:left; padding:0px 12px 0px 0px;  position: relative; text-align:right;  color:#333333; font-size:14px; height:30px; line-height:30px; width:98px;}
.chong-r .dk .fed_formtit ins { color:#FF6600; font-family:simsun; font-size:12px; height:25px; line-height:25px; position: absolute;  top: 0;}
.chong-r .dk a.dk-btn{ width:103px; height:31px; background-color:#5c9ef9; display:inline-block; color:#ffffff; line-height:30px; text-align:center;}
.chong-r .dk a.dk-btn:hover{ background-color:#3983e8; color:#ffffff; text-decoration:none;}


.chong-r .dk .gamelistbox{ width:508px; margin:35px auto 0px auto; border:1px solid #ccc;}
.chong-r .dk .gamelistbox ul.zm-tab{ height:20px; border-bottom:1px solid #ccc; }
.chong-r .dk .gamelistbox ul.zm-tab li{ width:53px; height:22px; line-height:22px; text-align:center; border-left:1px solid #cccccc;}
.chong-r .dk .gamelistbox ul.zm-tab li.hot{ width:75px; border-left:none;}
.chong-r .dk .gamelistbox ul.zm-tab li.yuan{width:53px; height:22px; line-height:22px; text-align:center; border-left:1px solid #cccccc;}
.chong-r .dk .gamelistbox ul.zm-tab li.current{ background-color:#fff;}
.chong-r .dk .gamelistbox ul.zm-tab li.current a{ color:#ff6600;}
.chong-r .dk .gamelistbox .cz-history{ height:29px; border-bottom:1px solid #ccc; line-height: 29px; margin:0px 10px 0px 10px;}
.chong-r .dk .gamelistbox .gamelist-bd{ margin:10px 10px 0px 10px; overflow:hidden; width:489px;}
.chong-r .dk .gamelistbox .gamelist-bd ul li{ background:url(http://cdnimg.dd373.com/file/general/images/recharge_chong-arrow.jpg) no-repeat 0px center; float:left; width:108px; height:30px; line-height:25px; padding:0px 0px 0px 8px;}
.chong-r .dk .gamelistbox .gamelist-bd ul li a{ color:#666;}



.lianxi{ width:960px; margin:20px auto 0px auto; padding-top:20px; text-align:center; height:100px; border-top:1px solid #dddddd;}
.lianxi p{ color:#999999;}
.lianxi p.icon{ margin-top:10px; margin-bottom:30px;}
.lianxi p a{ color:#999999;}



/*-------------------汇款示例----------------------------------*/

.paydetail p, .BankBox .text{line-height:30px; font-size:14px; padding-left:10px;}

/*农业银行*/
.BankBox{ width:746px; height:330px; }
.BankBox .text{font-size:14px;}
.BankBox .BankNy{width:746px; height:300px; color:#ff6600; background:url(http://cdnimg.dd373.com/file/general/images/nyyhBg.gif) no-repeat 10px 0px;  font-weight:bold;}
.BankBox .BankNy .date{height:20px; line-height: 20px; padding:24px 0px 0px 206px;}
.BankBox .BankNy .date .dateYear{ width:50px; text-align:center;}
.BankBox .BankNy .date .dateMonth{ width:20px; padding-left:34px;}
.BankBox .BankNy .date .dateDay{ width:30px; padding-left:10px;}
.BankBox .BankNy .payName{ height:30px; line-height:26px; }
.BankBox .BankNy .payName .payNameA{ width:50px; padding-left:51px;}
.BankBox .BankNy .payName .payNameA{ width:170px; padding-left:51px;}
.BankBox .BankNy .Rmb{ width:50px; height:30px; padding-left:190px;}
.BankBox .BankNy .payMonyA{ width:80px; height:20px; padding-left:111px;}
.BankBox .BankNy .amount{ width:50px; padding:18px 0px 0px 326px;}

/*工商银行*/

.BankBox .BankGs{width:746px; height:300px; color:#ff6600; background:url(http://cdnimg.dd373.com/file/general/images/gsyhBg.gif) no-repeat 10px 0px;  font-weight:bold;}
.BankBox .BankGs .date{height:35px; line-height:35px; padding:24px 0px 0px 160px;}
.BankBox .BankGs .date .dateYear{ width:30px; text-align:center;}
.BankBox .BankGs .date .dateMonth{ width:20px; padding-left:24px;}
.BankBox .BankGs .date .dateDay{ width:30px; padding-left:10px;}
.BankBox .BankGs .payName{ height:26px; line-height:26px; padding:52px 0px 0px 130px; }
.BankBox .BankGs .payName .Rmb{ width:50px; height:30px; padding-left:160px;}
.BankBox .BankGs .payNameB{width:170px; padding-left:151px;}
.BankBox .BankGs .payMonyA{ width:80px; height:20px; padding:63px 0px 0px 336px;  letter-spacing:7px}
.BankBox .BankGs .amount{ width:50px; padding:60px 0px 0px 80px;}
/*建设银行*/
.BankBox .BankJs{width:746px; height:300px; color:#ff6600; background:url(http://cdnimg.dd373.com/file/general/images/jsyhBg.gif) no-repeat 10px 0px;  font-weight:bold;}
.BankBox .BankJs .date{height:30px; line-height:30px; padding:24px 0px 0px 310px;}
.BankBox .BankJs .date .dateYear{ width:30px; text-align:center;}
.BankBox .BankJs .date .dateMonth{ width:20px; padding-left:24px;}
.BankBox .BankJs .date .dateDay{ width:30px; padding-left:10px;}
.BankBox .BankJs .payName{ height:18px; line-height:18px;}
.BankBox .BankJs .payName .amount2{ width:50px; height:30px; padding:0px 0px 0px 220px;}
.BankBox .BankJs .payName .payNameA{ padding:0px 0px 0px 230px;}
.BankBox .BankJs .payNameB{width:170px; padding:6px 0px 0px 458px;}
.BankBox .BankJs .payMonyA{ width:80px; height:20px; padding:73px 0px 0px 280px;  letter-spacing:18px}
.BankBox .BankJs .amount{ width:50px; padding:76px 0px 0px 400px;}