@charset "utf-8";
/* CSS Document */

*{font-family:Arial, "黑体"; font-size:12px; line-height:1.6em; font-weight:normal; color:#000; padding:0px; margin:0px;}
body{margin:0px auto; width:1024px; background-color:#666}
.wrap{width:1024px; height:760px; background:url(../images/wrapBg.jpg) bottom repeat-x;margin-top:5%;}

ul,ol,li{border:none; overflow:visible;padding:0px; margin:0px;list-style-type:none;}
a{cursor:pointer; text-decoration:none;}
a img,a{border:none; outline:none}
.clear{clear:both; height:auto; overflow:hidden; display:none}
h1{font-size:12px; line-height:1.6em; font-weight:normal;  padding:0px; margin:0px;}

/*top*/
.top{ width:100%; height:83px; background:url(../images/mobilebanktop.jpg) no-repeat; overflow:hidden}
.top a.wlblogolink{ float:right; width:220px; height:inherit; text-indent:999px; margin-right:20px}

/*homeMail*/
.homemain{width:100%; height:677px;background:url(../images/mobilebankBgright.jpg) right bottom no-repeat; overflow:hidden;background-color:#ebebeb}
.homemain .mainLeft{ float:left;width:560px; height:677px; background:url(../images/mobilebankBgleft.jpg) bottom no-repeat; overflow:hidden}
.homemain .mainRight{float:right;width:460px; height:677px; background:url(../images/mobilebankMobileFrame.jpg) bottom no-repeat;}

.infoText,.homeServices,homeapp{width:500px;margin:55px 20px 10px 40px;}
.infoText{ height:120px;  font-size:16px; line-height:30px}
.homeServices{width:540px; height:240px; margin:10px; margin-top:0px}
.homeServices .title{width:537px; height:48px;  background:url(../images/mobilebanklingBg.png) left bottom no-repeat}
.homeServices .title img{float:left; margin-left:26px;}

.homeServices .homeBtn{ width:500px; height:auto; margin:0px 20px 10px 20px}
.homeServices .homeBtn ul{ width:100%}
.homeServices .homeBtn li{ float:left; margin:2px 0px; width:250px; height:60px; }
.homeServices .homeBtn li a{width:250px; height:60px; display:block;}

.homeapp{ height:213px;text-align:center;margin:10px; margin-top:20px}

.mobilframe{width:234px; height:415px; margin:132px 0px 0px 110px;_margin:132px 0px 0px 105px; overflow:hidden; background-color:#000}

.pagemain{width:100%; height:677px; background:url(../images/mobilebankBgright.jpg) right bottom no-repeat; overflow:hidden;}
.pagemain .mainLeft{float:left;width:560px; height:677px; background:url(../images/mobilebankPageBgleft.jpg) bottom no-repeat; overflow:hidden}
.pagemain .mainRight{float:right;width:460px; _width:452px;height:677px; background:url(../images/mobilebankMobileFrame.jpg) bottom no-repeat;}
.pagelefttitle{width:537px; height:48px; background:url(../images/mobilebanklingBg.png) left bottom no-repeat; margin:72px 10px 10px 10px;}
.pagelefttitle .divleft{float:left; width:437px;}
.pagelefttitle .divRight{float:right; width:100px;}
/*.pagelefttitle img{ float:left; +position:absolute; +left:0px}*/
.pagelefttitle a{ float:right; +position:absolute;+left:620px; width:22px; height:25px; display:block; margin-right:20px; background:url(../images/iconHome.png) no-repeat}

.pageleftmaintext{width:537px; height:332px; margin:25px 5px 0px 10px;}
.pageleftmaintext ul{ width:100%; margin-left:20px;}
.pageleftmaintext li{ float:left; width:20px; height:309px}
.pageleftmaintext li.content{width:486px; height:309px; background:url(../images/mobilebank-textFrameBg.png) no-repeat;}
.pageleftmaintext li.content h1{ width:400px; height:27px; margin:25px 3px 10px 3px; background:url(../images/pageContentTitleBg.png) bottom no-repeat; text-indent:35px; font-size:16px; font-weight:bold}
.pageleftmaintext li.content p.noline{width:400px; height:27px; margin:25px 3px 10px 3px;  text-indent:35px; font-size:14px; font-weight:bold}
.pageleftmaintext li.content div.content{width:430px; height:200px; padding:0px 10px 0px 30px; display:table-cell; vertical-align:middle; font-size:16px}
.pageleftmaintext li.content div.content a{width:100%; line-height:30px; padding:0px; margin:0px; color:#c60001;font-size:16px}
.pageleftmaintext li.content div.content a:hover{color:#333}

.pageleftmaintext li.content table{width:430px; border:none; border-collapse:collapse; margin-left:30px;}
.pageleftmaintext li.content table td{ width:100%;  height:200px; font-size:14px}
.pageleftmaintext li.content table a{width:100%; line-height:30px; padding:0px; margin:0px; color:#c60001;font-size:14px}
.pageleftmaintext li.content table a:hover{color:#333}


.pageleftmaintext li.content div.btnrefresh{ width:30px; height:21px; float:right; margin:5px 10px;}
.pageleftmaintext li.content div.btnrefresh a{width:20px; height:21px; display:block;  background:url(../images/icon-allimg.png) -63px 0px no-repeat; margin:0px; padding:0px;}
.pageleftmaintext li.content div.btnrefresh a:hover{background:url(../images/icon-allimg.png) -63px -22px no-repeat}

.pageleftmaintext li.lricon a{width:20px; height:40px; display:block; margin-top:150px}
.pageleftmaintext li.lricon a.lefticon{ background:url(../images/iconLeftoff.png) no-repeat}
.pageleftmaintext li.lricon a.lefticon:hover{ background:url(../images/iconLeftoff.png) no-repeat}
.pageleftmaintext li.lricon a.lefticon2{ background:url(../images/iconLefton.png) no-repeat}
.pageleftmaintext li.lricon a.lefticon2:hover{ background:url(../images/iconLefton.png) no-repeat}
.pageleftmaintext li.lricon a.righticon{ background:url(../images/iconRightoff.png) no-repeat}
.pageleftmaintext li.lricon a.righticon:hover{ background:url(../images/iconRightoff.png) no-repeat}
.pageleftmaintext li.lricon a.righticon2{ background:url(../images/iconRighton.png) no-repeat}
.pageleftmaintext li.lricon a.righticon2:hover{ background:url(../images/iconRighton.png) no-repeat}

.pagelefticonlist{width:454px; height:30px; margin:0px 30px 0px 65px;}
.pagelefticonlist ul{ width:60%; height:20px; margin:0px auto; text-align:center;}
.pagelefticonlist li{float:left; width:14px; height:14px; margin:5px 3px;background:url(../images/icon-allimg.png) -29px -1px no-repeat;}
.pagelefticonlist li a{width:14px; height:14px; display:block; background:url(../images/icon-allimg.png) -29px -1px no-repeat;}
.pagelefticonlist li a:hover{background:url(../images/icon-allimg.png) -6px -1px no-repeat}
.pagelefticonlist li a.seleted{background:url(../images/icon-allimg.png) -6px -1px no-repeat}
.pagelefticonlist li.seleted2{background:url(../images/icon-allimg.png) -6px -1px no-repeat}

.marginleft25px{margin-left:25px}
.marginleft50px{margin-left:50px}