157 lines
No EOL
8.1 KiB
CSS
157 lines
No EOL
8.1 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
body{font-family: "黑体"; font-size:24px; text-align:left;padding:0px 0px 0px 0px;margin:0px; zoom:1; }
|
|
img{border:0px;}
|
|
.clear{clear:both;font-size:0px;padding:0px;margin:0px;height:0px;line-height:0px;}
|
|
div,ul,ol,li,dl,dd,form,p,h1,h2, h3, h4{padding:0px 0px 0px 0px;margin:0px;border:0px;}
|
|
ul{list-style:none;}
|
|
a { text-decoration:none; color:#424242; }
|
|
a:hover { text-decoration: none; }
|
|
aside,article,section,header,a,nav{display:block;vertical-align:top;}
|
|
|
|
|
|
/*header*/
|
|
/*
|
|
header{background:rgb(255,104,15);height:80px;padding:0 2.3%;text-align:center;font-size:1em;line-height:80px;}
|
|
header h1{display:inline;color:rgb(255,255,255); font-size: 34px; font-weight: normal;}
|
|
header a{display:inline-block;height:80px;font-size:0;line-height:99em;overflow:hidden;}
|
|
header .home{background:url(../images/layout/icon_home.png) no-repeat center;width:25px;float:left;}
|
|
header .home:hover{background:url(../images/layout/icon_home.png) no-repeat center;width:25px;float:left; opacity:0.5;}
|
|
header .pay{background:url(../images/layout/icon_pay.png) no-repeat center;width:45px;float:right;}
|
|
header .pay:hover{background:url(../images/layout/icon_pay.png) no-repeat center;width:45px;float:right; opacity:0.5;}
|
|
*/
|
|
/*main*/
|
|
/*main*/
|
|
.main{font-size:1.5em;font-weight:700;}
|
|
.main nav{width:25%;min-width:14%;float:left; height: 2000px; background: #f2ecd6;}
|
|
.main nav ul{ background: #fff;}
|
|
nav li{ line-height: 80px;text-align:center; font-size: 28px; border-bottom: 1px solid #ddd5b9; margin-bottom: 1px; background: #f2ecd6;}
|
|
nav .cur a,nav a:hover{background: url(../images/layout/bg1.gif) no-repeat right #FFAC38;color:rgb(255,255,255);}
|
|
nav a{color:rgb(138,45,0);}
|
|
/*right*/
|
|
.paycont{width:75%;background:rgb(255,255,255);;display:inline-block;}
|
|
.moneyList{border-radius:5px;position:relative; border-bottom: #e8e8e8 1px solid; line-height: 58px; padding: 20px 0 10px 0;}
|
|
.moneyList .tit{color:rgb(255,104,15); font-size: 34px; padding-left: 30px;}
|
|
.moneyList ul{ font-size: 28px;padding-left: 30px; color: #575757;}
|
|
.paybtn,.paybtn1{border-radius:5px;background:#ff680f;color:rgb(255,255,255);vertical-align:middle;text-align:center; width:90%; margin-left: 30px; height: 90px; line-height: 90px; font-size: 30px;}
|
|
.paybtn a{color:rgb(255,255,255);}
|
|
.paybtn1{ background: #9c9c9c;}
|
|
|
|
|
|
/*moneyCont*/
|
|
.moneyCont{ padding-left: 31px;}
|
|
.moneyCont h3{ font-size: 30px; color: #575757; height: 90px; line-height: 90px;}
|
|
.moneyCont ul{ padding-top: 1px; margin-left:1px;}
|
|
.moneyCont ul li{ float: left; border-radius: 5px; width: 90%; height: 81px; border: 1px solid #9e9e9e; margin: 1px 0 11px 0; padding-top: 1px;}
|
|
.moneyCont ul li span{ display: inline-block; float: left;}
|
|
/*.moneyCont ul li .ico_bg1{ background: url(../images/layout/ico_bg1.gif) no-repeat; width: 20px;}*/
|
|
.moneyCont ul li input{ -webkit-appearance: none; border-radius: 0; border: 0; font-size: 30px; height: 79px; padding: 0; margin: 0; color: #575757; float: left; width: 60%}
|
|
.moneyCont ul li div{ line-height: 79px; font-size: 30px; width: 98%;}
|
|
.moneyCont ul li div a{ background: url(../images/layout/ico_jt.gif) no-repeat right; color: #575757;}
|
|
/*.Clx{ background: url(../images/layout/ico_1.gif) no-repeat; padding-left: 140px;}
|
|
.Cmz{ background: url(../images/layout/ico_2.gif) no-repeat; padding-left: 140px;}
|
|
.Ckh{ background: url(../images/layout/ico_3.gif) no-repeat; padding-left: 140px;}
|
|
.Cmm{ background: url(../images/layout/ico_4.gif) no-repeat; padding-left: 140px;}*/
|
|
.Cls{ line-height: 80px; font-size: 30px; color: #575757; padding-left: 20px;}
|
|
.moneyCont p{ line-height: 55px; font-size: 30px; color: #575757; padding-right: 10px; width: 90%;}
|
|
|
|
|
|
/*充值记录*/
|
|
/*.record_ar ul{ display: block; float: left; padding-bottom: 490px;}*/
|
|
.record_ar div{ line-height: 34px;}
|
|
.record_ar a{ display: inline;}
|
|
.record_ar ul li{ border-bottom: 1px solid #e8e8e8; float: left; width: 100%; padding: 30px 0;}
|
|
.record_tp,.record_bt{ float: left; width: 100%;}
|
|
.record_tp p,.record_bt p{ float: left; padding-left: 30px; font-size: 24px; color: #575757;}
|
|
.record_tp p a{ color: #ff680f;}
|
|
.record_tp span,.record_bt span{ float: right; padding-right: 30px; font-size: 24px;}
|
|
.record_tp span{ color: #ff680f;}
|
|
.record_tp .Failure{ color: #8e8e8e;}
|
|
.record_bt span{ font-size: 24px; color: #8e8e8e;}
|
|
|
|
.record_ar h3{ color: #575757; font-size: 30px; padding: 0 40px; text-align: center; height: 600px; line-height: 600px;}
|
|
|
|
|
|
/*立即充值*/
|
|
.recharge_money{ padding-left: 60px; border-bottom: 1px solid #e8e8e8; padding-bottom: 30px;}
|
|
.recharge_tit{ height: 88px; line-height: 88px; color: #ff672e; font-size: 44px; margin: 10px 0;}
|
|
.recharge_tit input{ border: none; width: 190px; height: 88px; background: url(../images/layout/bg2.gif) no-repeat; color: #ff672e; font-size: 44px;}
|
|
.recharge_money ul{ font-size: 36px; color: #575757; line-height: 50px;}
|
|
.recharge_ks p{ padding: 0 60px;}
|
|
.recharge_ks ul{ padding: 0 60px 0 24px;}
|
|
.recharge_ks ul li{ display: inline-block; border-radius:5px; border: 1px solid #9e9e9e; width: 41%; height: 98px; text-align: center; line-height: 100px; margin: 0 0 30px 36px; font-size: 40px; height: 100px;}
|
|
.recharge_ks ul .rec_cur{ border-color: #ff680f; color: #ff680f;}
|
|
.recharge_bt{border-radius:5px;background:#ff680f;color:rgb(255,255,255); margin: 0 60px; vertical-align:middle;text-align:center; height: 90px; line-height: 90px; font-size: 30px}
|
|
.recharge_bt a{color:rgb(255,255,255);}
|
|
|
|
|
|
/*弹出窗口*/
|
|
.select{ width: 500px; height: 806px;}
|
|
.select p{ background: url(../images/layout/icon_bg.png) repeat-x; height: 99px; line-height: 99px; text-align: center; width: 500px; font-size: 36px; color: #575757;}
|
|
.select ul{ border-radius: 0 0 5px 5px; background: #fff; width: 500px; height: 707px;}
|
|
.select ul li{ border-top: 1px solid #d6d6d6; height: 100px; line-height: 100px; font-size: 36px; color: #575757;}
|
|
.select ul li span{ float: left; padding-left: 55px;}
|
|
.select ul li input{ float: right; margin: 31px 42px 0 0; width: 36px; height: 36px; background: url(../images/layout/int_ico.jpg) no-repeat;}
|
|
.select ul .select_cur{ color: #ff680f; background: #efefef;}
|
|
|
|
|
|
/*余额不足*/
|
|
.bal{ font-size: 30px; padding-left: 30px; color: #575757; float: left; padding-right: 30px;}
|
|
.bal_p p{ font-size: 30px; padding-left: 30px; color: #ff672e; padding-top: 30px;}
|
|
|
|
|
|
|
|
/*充值完成*/
|
|
.com_nr{ text-align: center; padding: 130px 0 150px 0;}
|
|
.com_nr h3{ font-size: 34px; color: #ff672e; padding-bottom: 20px;}
|
|
.com_nr p{ font-size: 30px; color: #575757;}
|
|
|
|
|
|
|
|
/*用户协议*/
|
|
.agr_nr h2{ text-align: center; font-size: 30px; color: #ff680f; padding-top: 30px;}
|
|
.agr_nr dl{ padding: 0 40px; margin-top: 30px;}
|
|
.agr_nr dl dt{ font-size: 28px; padding-bottom: 10px;}
|
|
.agr_nr dl dd{ font-size: 28px; color: #4c4a4a; line-height: 44px;}
|
|
|
|
|
|
/*橙子加*/
|
|
.pay_detail{overflow-y:scroll; margin-bottom:20px;}
|
|
.select ul{overflow-y:scroll;}
|
|
|
|
/*未支付*/
|
|
.unpaid{ width: 500px; height: 220px;}
|
|
.unpaid h3{ text-align: center; font-size: 34px; font-weight: normal; padding: 20px 0;}
|
|
.unpaid p{ text-align: center; font-size: 26px; color: #646464; border-bottom: 1px solid #c6c6c6; padding-bottom: 20px;}
|
|
.unpaid ul li{ display: inline-block; width: 250px; float: left; text-align: center; height: 80px; line-height: 80px; font-size: 26px;}
|
|
.unpaid ul li.Uhover{ background: #eaeaea;}
|
|
.unpaid ul li a{ color: #ff680f;}
|
|
|
|
|
|
.agr_hed{ position: fixed; top: 0; width: 100%;}
|
|
|
|
|
|
|
|
|
|
.fail{ border-radius: 10px; line-height: 87px; background: #000; opacity: 0.7;}
|
|
.fail h1{ font-size: 30px; text-align: center; color: #fff;padding: 15px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*error1*/
|
|
.error1 img{ display: block; margin: 115px auto 50px auto;}
|
|
.error1 h2{ text-align: center; color: #ff680f; font-size: 44px; padding-bottom: 28px;}
|
|
.error1 dl{ font-size: 28px; color: #969595; line-height: 46px; width: 345px; margin: 0 auto;}
|
|
.error1 dt{ padding-left: 18px;}
|
|
.error1 dd li{ list-style: none; background: url(../images/layout/dian.jpg) no-repeat 0 50%; padding-left: 18px;}
|
|
.error2{ padding: 45px 80px 287px 59px;}
|
|
.error2 a{ border-radius: 5px; border: 1px solid #ff680f; width: 95%; height: 77px; text-align: center; line-height: 76px; display: inline; float: left; margin-left: 21px; font-size: 30px; color: #fe660e;} |