﻿/*基础样式
*/
*{margin:0;padding:0;}
body{color:#333333;background:#F5F5F5;font-size:0.75em;min-width:280px;position:relative;z-index:1;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","Hiragino Sans GB","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;}
img{border:none;vertical-align:middle;}
a{text-decoration:none;}
*,*:before,*:after{box-sizing:border-box;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.gray{color:#696969;}
.red{color:#FF4200;}
.green{color:#47a447;}
.orange{color:#F16135;}
.font12{font-size:1.2em;}
.font13{font-size:1.3em;}
.font18{font-size:1.8em;}
.none{display:none;}
.center{text-align:center;}
.right{text-align:right;}
/*头部样式
*/
.header{padding:15px 1%;background:#FFFFFF;text-align:center;border-bottom:1px solid #CCCCCC;}
.header img{margin:0 auto;display:block;}

.ioper{margin:20px 0;background:#FFFFFF;border-top:1px solid #DDDDDD;}
.ioper li{border-bottom:1px solid #DDDDDD;padding-right:15px;}
.ioper li a{display:block;padding:10px 0;width:100%;font-size:1.2em;color:#000000;font-weight:bold;background:url(../images/ioperbg.png) right -1px no-repeat;}
.ioper li img{padding:0 15px;display:inline-block;}
.ioper li a:hover{color:#0A2E8F;background:url(../images/ioperbg.png) right -86px no-repeat;}

/*切换图片样式(固定图片样式)
*/
.scroll{text-align:center;background:#FFFFFF;margin:0 auto; position:relative;overflow:hidden;width:100%;}
.mod_01{text-align:center;float:left;}
.mod_01 img{max-width:100%;margin:0 auto;display:block;}
.dotModule_new{padding:0 5px;position:absolute;bottom:5px;right:10px;z-index:11;}
#slide_01_dot{text-align:center;}
#slide_01_dot span{display:inline-block;margin:0 3px;width:8px;height:8px;vertical-align:middle;background:#FFFFFF;border-radius:100%;}
#slide_01_dot .selected{background:#44B4FF;}

/*理念
*/
.feature{width:100%;padding:12px 0 8px;border-top:1px solid #F1F1F1;border-bottom:1px solid #DDDDDD;background:#FFFFFF;}
.feature li{float:left;width:25%;overflow:hidden;color:#444444;text-align:center;}
.feature li img{height:48px;display:block;margin:0 auto;}
.feature li h3{font-size:14px;line-height:28px;}


/*页尾样式
*/
.footer{border-top:3px solid #778EC6;padding:15px 0;background:#FFFFFF;}
.footer p{line-height:2.4em;text-align:center;}
.footer a{font-size:1.2em;color:#333333;padding:0 8px;}
.footer a:hover{color:#D61C2A;text-decoration:underline;}
.footer img{margin:5px auto 0;display:block;}

/*登陆页面样式
*/
.login{padding:10px 15px 30px;background:#FFFFFF;}
.form-group{margin:20px;overflow:hidden;}
.login p{padding:5px 0;}
.form-group p{padding:10px 5px;font-size:1.2em;}
.form-group strong{font-size:2.1em;font-weight:normal;}
.text{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;display:block;font-size:14px;height:40px;line-height:1.4;padding:6px 12px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;vertical-align:middle;width:100%;}
.text::-moz-placeholder{color:#999;opacity:1;}
.buttonFull,.buttonForty{cursor:pointer;background:#778EC6;width:100%;line-height:44px;display:block;border-radius:4px;border:1px solid #778EC6;text-align:center;font-size:1.4em;font-weight:bold;color:#FFFFFF;}
a.loglink{font-size:1.2em;color:#333333;padding:0 5px;}
a.loglink:hover{color:#D61C2A;text-decoration:underline;}
.buttonForty{width:48%;}
.cancel{background:#999999;border:1px solid #999999;}

a.book{padding:0 5px;color:#D61C2A;}
a.book:hover{text-decoration:underline;}

/*我的账户页面样式
*/
.content{padding:10px 0 30px;background:#FFFFFF;}
.infolist{margin-top:20px;overflow:hidden;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;background:#F8F8F8;}
.infolist p{margin:0 15px;padding:10px 0;font-size:1.2em;}
.infolist p span{padding-left:5px;}
.infolist a span{padding-left:5px;color:#000000;}
.infolist a:hover span,.infolist a:hover span.gray{color:#CB0101;}
.infolist a span.gray{color:#696969;}
.headimg img{border-radius:4px;float:left;margin-right:6px;}
.headimg em{font-size:1.3em;font-weight:bold;display:inline-block;font-style:normal;line-height:2.0em;}

/*我的银行卡样式
*/
.form{padding:25px 2%;background:#FFFFFF;}
.form li{list-style:none;padding:6px 0;}
.form li.title{background:#D61C2A;padding:8px 10px;font-size:1.2em;font-weight:bold;margin:8px 0;color:#FFFFFF;}
.form li label,.form li span{float:left;width:100px;text-align:right;font-size:1.2em;padding-right:10px;line-height:2.4em;}
.form li span{width:auto;text-align:left;}
/*.form li p{padding:5px 0 0 100px;color:#888888;}*/
.form li.desc{padding:15px;margin:8px 3%;border:1px solid #E8E8E8;background:#F8F8F8;}
.form li.desc h4{font-size:1.2em;padding-bottom:8px;}
.form li.desc p{font-size:1.1em;line-height:1.6em;}

.formnone{margin-top:20px;text-align:center;font-size:1.3em;line-height:1.8em;}
.word{padding:10px 15px 30px;background:#FFFFFF;}
.word h3{text-align:center;font-size:1.3em;margin:8px 0;padding:8px 0;border-bottom:1px solid #EFEFEF;}
.word p{line-height:1.6em;padding:5px 0;}
.word img{margin:10px auto;max-width:100%;}

/*提示类信息样式
*/
.tips{border:1px solid transparent;border-radius:4px;margin-top:20px;padding:11px 15px;font-size:1.2em;font-weight:bold;}
.tip-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.tip-normal{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
.tip-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}

/*验证码灰色常用按钮样式
*/
.yzmbtn{cursor:pointer;font-size:1.2em;padding:7px 11px;background:#eeeeee;border:1px solid #c8c8c8;color:#696969;box-shadow:1px 1px 2px #CCCCCC;text-shadow:1px 1px 1px #FFFFFF;}

/*交易记录页面信息列表样式
*/
.lists{margin:0;overflow:hidden;}
.lists li{background:#FFFFFF;padding:12px 15px;border-bottom:1px solid #DDDDDD;font-size:1.0em;}
.lists span{display:inline-block;line-height:1.8em;}
.lists span a.detial{line-height:3.6em;color:#D61C2A;}
.lists span a.detial:hover,.lists p a:hover{text-decoration:underline;}
.lists p{line-height:2.0em;font-size:13px;}
.lists p b{font-size:1.2em;}
.lists p a{color:#d61c2a;}
.lists li h4{font-size:16px;line-height:1.6em;color:#0a2c8d;}
.lists li p.drakblue{color:#0a2c8d;font-size:14px;}


/*找回密码页面样式
*/
.width37{width:31.2%;}
.width70{width:70%;}
.width75{width:75%;}
.widthFull{width:100%;}
.checkcode{width:28%;letter-spacing:5px;font-weight:bold;background-color:#DDDDDD;color:#CB0101;display:block;font-size:18px;height:40px;line-height:1.42857;padding: 6px;vertical-align:middle;text-align:center;}
a.grayBtn{background:#EBEBEB;border:1px solid #CCCCCC;color:#333333;box-shadow:1px 1px 2px #CCCCCC;text-shadow:1px 1px 1px #FFFFFF;display:block;padding:13px;border-radius:4px;text-align:center;font-size:1.2em;font-weight:bold;}
a:hover.grayBtn{background:#CCCCCC;}

/*注册页面样式
*/
.vmiddle{vertical-align:middle;}
a.servicerule{color:#000000;}
a.servicerule:hover{color:#C7000A;text-decoration:underline;}

/*订单详细信息表格样式
*/
.changetable{padding:0;border:0;border-collapse:collapse;width:100%;background:#FFFFFF;}
.changetable tr th{background:#D61C2A;padding:8px 10px;font-size:1.2em;text-align:left;color:#FFFFFF;}
.changetable tr td{font-size:1.1em;border-bottom:1px solid #EAEAEA;padding:8px 10px;}
.changetable tr td.red{color:#CA0000;}
.changetable tr td.green{color:#47a447;}

.rates{width:100%;border-collapse:collapse;border-spacing:0;}
.rates th{background:#425D9D;text-align:center;color:#FFFFFF;height:36px;line-height:36px;}
.rates td{text-align:center;height:30px;line-height:30px;}
.rates td.tl{text-align:left;padding-left:20px;}
.rates .single{background:#DCEEF8;}
.rates .double{background:#F1F8FE;}


/*会员中心页面样式
*/
.userinfo{width:100%;padding:18px;background:#CF272B url(../images/userbg.jpg) 0 0 no-repeat;}
.userinfo img{float:left;width:50px;height:50px;margin-right:10px;display:block;border:3px solid #EEEEEE;border-radius:100%;}
.userinfo span,.userinfo i{height:50px;line-height:50px;color:#FFFFFF;font-size:1.4em;}
.userinfo i{font-size:1.0em;font-style:normal;padding-left:5px;}

.useritem{background:#FFFFFF;margin-top:15px;box-shadow:0 2px 2px #DDDDDD;border-top:1px solid #EEEEEE;height:50px;line-height:50px;padding:0 0.9em;}
.useritem a{color:#666666;font-size:1.2em;display:block;}
.useritem a span{float:right;width:8px;height:14px;margin-top:18px;display:inline-block;background:url(../images/rightarrow.png) 0 0 no-repeat;}
.useritem a:hover,.ordersort li a:hover{color:#D61C2A;}


