.clear{clear:both;}
.height10{height:10px;clear:both;}
.height20{height:20px;clear:both;}
.height30{height:30px;clear:both;}
.height40{height:40px;clear:both;}
.height50{height:50px;clear:both;}

.height60{height:60px;clear:both;}
.height70{height:70px;clear:both;}
.height80{height:80px;clear:both;}
.height90{height:90px;clear:both;}
.height100{height:100px;clear:both;}

.height120{height:120px;clear:both;}
.height140{height:140px;clear:both;}
.height160{height:160px;clear:both;}
.height180{height:180px;clear:both;}
.height200{height:200px;clear:both;}
.height220{height:220px;clear:both;}

.display{display:none;}
.white{color:#fff;}
.red{color:#ff0f0f;}
.sred{color:#ff0f0f;}
.blue{color:#138bec;}
.strong{font-weight:bold;padding:0px 5px;font-size:18px;}
.layui-flow-more a cite{background:#2d80c6;color:#fff;}
.huibg{background:#f1eeee;height:10px;max-width:720px;margin:0px auto;}
.linebg{height:40px;line-height:40px;width:90%;padding:0px 5%;}
.yunmsearch{width:100%;max-width:720px;margin:0px auto;}
.btndiv{width:100%;text-align:center;height:50px;line-height:50px;}
.btndiv button{width:95%;}

.snav .nums{font-weight:bold;color:#138bec;font-size:16px;}
.yellow {
    color: #e3d453;
}
.yellow1 {
    color: #eeb10b;
}
.bgcolor0{background:#2d80c6;}
.bgcolor1{background:#eeac3c;}
.bgcolor2{background:#8c9bfa;}
.bgcolor3{background:#f88c8c;}
.bgcolor4{background:#36b9d6;}
.bgcolor5{background:#4da4f4;}
.bgcolor6{background:#dc9497;}
.bgcolor7{background:#d4c66d;}
.bgcolor8{background:#708bf6;}
.bgcolor9{background:#9b8edf;}
.bgcolor10{background:#31dabe;}
.bgcolor11{background:#dd83f4;}
.bgcolor12{background:#4ca5f5;}
.bgcolor13{background:#98aed5;}
#submitbtn1{display:none;}
.wenxinnotice{width:92%;max-width:720px;padding:0px 4%;color:#f0953b;height:30px;line-height:30px;margin:0px auto;}
.pagecenter{width:100%;max-width:720px;margin:0px auto;}

.juzhong{ width:100%; text-align:center;}
.juzhong div{height: 45px;line-height: 45px;width:80%;padding: 0 18px;
    background-color: #599efb;color: #fff;white-space: nowrap;text-align: center;font-size: 16px;border:none;border-radius: 4px;cursor:pointer;font-weight:bold;margin:0px auto;}
.juzhong div.huibtn{background:#ffffff;border:1px solid #cccccc;color:#6d6d6c;}
.juzhong .submit{height: 45px;line-height: 45px;width:90%;padding: 0 18px;
    background-color: #599efb;color: #fff;white-space: nowrap;text-align: center;font-size: 16px;border:none;border-radius: 4px;cursor:pointer;font-weight:bold;}
.juzhong .jinyong{background-color: #dddddd;color: #999;}

.top{ width:100%;max-width:720px; background:#2d80c6; height:50px; line-height:50px;position:fixed;top:0px;left:0px;right:0px;margin-left:auto;
    margin-right:auto;z-index:998;/*border-bottom:1px solid #eae9eb;*/color:#fff;}
.top div{float:left;}
.top .lef{position:absolute;top:0px;left:10px;text-align:left;font-size:20px;z-index:999;color:#fff;}
.top .mid{position:absolute;top:0px;width:100%;text-align:center;font-size:16px;left:0px;right:0px;z-index:998;}
.top .rig{position:absolute;right:10px;top:0px;text-align:right;font-size:18px;font-size:14px;z-index:999;}


.heada{background:#fff;height:auto;width:100%;max-width:720px;margin:0px auto;border-radius:5px;padding:15px 0px;}
.heada .one{float:left;width:20%;text-align:center;}
.heada .one .logo{max-width:60px;text-align:center;margin:0px auto;}
.heada .one .logo img{width:100%;}
.heada .two{float:left;width:60%;padding-left:2%;}
.heada .two .tit{font-size:16px;font-weight:bold;margin-bottom:10px;}
.heada .two .btn span{height:25px;line-height:25px;border:1px solid #ddd;padding:3px 6px;border-radius:5px;margin-right:10px;color:#aaa;}
.heada .three{float:left;width:18%;padding-top:5px;font-size:12px;line-height:25px;text-align:center;color:#ff9001;}

.work{background:#fff;height:auto;width:100%;max-width:720px;margin:0px auto;border-radius:5px;}
.work_con{width:100%;height:auto;margin:0px auto;}
.work_con1{width:95%;text-align:left; height:50px; line-height:50px;color:#818181;padding-left:5%;border-bottom:1px solid #f5f5f5;}
.work_con2{width:100%;text-align:left;background:red;}
.work_con2 ul li{ float:left; width:24.6%; text-align:center;height:80px;padding-top:20px; line-height:25px;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}
.work_con2 ul li div{width:60px;margin:0px auto;font-size:12px;}
.work_con2 ul li .icondiv{height:35px;width:35px;line-height:35px;border-radius:5px;background:#2d80c6;}
.work_con2 ul li .icon{ font-size:20px;}
.work_con2 ul li .nums{color:red;position:relative;margin-bottom:-15px;margin-right:15px;background:#fe4f00;width:20px;height:20px;border-radius:20px;color:#fff;font-size:12px;text-align:center;line-height:20px;}
.work_con2 ul li .nums1{color:red;position:relative;margin-bottom:-15px;margin-right:15px;width:20px;height:20px;border-radius:20px;color:#fff;font-size:12px;text-align:center;line-height:20px;}


.work_con3{width:100%;max-width:720px;text-align:left;background:red;}
.work_con3 ul li{ float:left; width:25%; text-align:center;height:60px;padding-top:15px; line-height:25px;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}
.work_con3 ul li div{width:60px;margin:0px auto;font-size:12px;}
.work_con3 ul li .nums{font-size:20px;font-weight:bold;}

.work .borderrightnone{border-right:none;}
.work .bordertopnone{border-top:none;}
.work .borderbottomnone{border-bottom:none;}


/*待办事项*/
.daiban{background:#fff;height:auto;width:100%;max-width:720px;margin:0px auto;border-radius:5px;}
.daiban_con{width:100%;height:auto;margin:0px auto;}
.daiban_con1{width:100%;text-align:left; height:50px; line-height:50px;color:#818181;border-bottom:1px solid #f5f5f5;}
.daiban_con1 .zuo{float:left;width:47%;text-align:left;padding-left:3%;}
.daiban_con1 .you{float:left;width:47%;text-align:right;padding-right:3%;}
.daiban_con2{width:100%;text-align:left;}
.daiban_con2 ul li{ float:left; width:25%; text-align:center;padding-top:10px; line-height:25px;}
.daiban_con2 ul li .mk{background:#fef7ef;padding:5px 0px;}
.daiban_con2 ul li div{width:90%;margin:0px auto;font-size:12px;}
.daiban_con2 ul li .icondiv{height:25px;width:35px;line-height:25px;font-size:20px;}
.daiban_con2 ul li .icon{ font-size:20px;}
.daiban_con2 ul li .nums{color:red;position:relative;margin-bottom:-15px;margin-right:15px;background:#fe4f00;width:20px;height:20px;border-radius:20px;color:#fff;font-size:12px;text-align:center;line-height:20px;}
.daiban_con2 ul li .nums1{color:red;position:relative;margin-bottom:-15px;margin-right:15px;width:20px;height:20px;border-radius:20px;color:#fff;font-size:12px;text-align:center;line-height:20px;}


.daiban_con3{width:100%;max-width:720px;text-align:left;background:red;}
.daiban_con3 ul li{ float:left; width:25%; text-align:center;height:60px;padding-top:15px; line-height:25px;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}
.daiban_con3 ul li div{width:60px;margin:0px auto;font-size:12px;}
.daiban_con3 ul li .nums{font-size:20px;font-weight:bold;}

.daiban .borderrightnone{border-right:none;}
.daiban .bordertopnone{border-top:none;}
.daiban .borderbottomnone{border-bottom:none;}

/*文本框*/
.hinput {
    width: 95%;
    height: 50px;
    line-height: 50px;
    border: none;
    border-bottom: 1px solid #eeeeee;
    background: #fff;
    padding-left: 5%;
}
.hinput .zuo {
    float: left;
    width: 35%;
}
.hinput .zhong {
    float: left;
    width: 50%;
    text-align:left;
    padding-top:6px;
}
.hinput .zhong .noneborder{border:none;}
.hinput .you {
    float: right;
    width: 10%;
    text-align:center;
}


.h1input {
    width: 95%;
    height: 50px;
    line-height: 50px;
    border: none;
    border-bottom: 1px solid #eeeeee;
    background: #fff;
    padding-left: 5%;
}
.h1input .zuo {
    float: left;
    width: 35%;
}
.h1input .you {
    float: left;
    width: 60%;
    text-align:left;
    padding-top:6px;
}
.h1input .you .noneborder{border:none;}



.h2input {
    width: 95%;
    height: 50px;
    line-height: 50px;
    border: none;
    border-bottom: 1px solid #eeeeee;
    background: #fff;
    padding-left: 5%;
    clear:both;
}
.h2input .zuo {
    float: left;
    width: 25%;
}
.h2input .zhong {
    float: left;
    width: 50%;
    text-align:left;
    padding-top:5px;
}
.h2input .you {
    float: left;
    width: 25%;
    text-align:center;
}
.h2input .you button{
    width: 80%;
}
.h2input .you .noneborder{border:none;}

/*列表*/
.hlist{width:100%;max-width:720px;margin: 0px auto;}
.hlist .item {
    width: 90%;
    padding: 15px 5%;
    margin-bottom: 10px;
    background: #fff;
    
}
.hlist .item .titlehang {
    width: 100%;
}

.hlist .item .titlehang .zuo {
    width: 80%;
    text-align: left;
    float: left;
    font-weight: bold;
    font-size: 16px;
}

.hlist .item .titlehang .you {
    width: 20%;
    text-align: right;
    float: left;
    font-weight: bold;
    font-size: 16px;
}

.hlist .item .content {
    padding: 15px 0px;
    color: #57565b;
    line-height: 25px;
}

.hlist .item .btn1hang {
    width: 100%;
    text-align: right;
    margin-top: 15px;
}


.hlist .item .btn1hang span {
    margin-left: 10px;
    background: #f0f1f5;
    padding: 5px 10px;
    border-radius: 20px;
    color: #2d80c6;
}


.hlist .item .btn2hang {
    width: 100%;
    text-align: left;
    margin-top: 5px;
    line-height:35px;
}


.hlist .item .btn2hang span {
    margin-left: 10px;
    background: #f0f1f5;
    padding: 5px 10px;
    border-radius: 20px;
    color: #2d80c6;
}

.hlist .item .btn2hang div {
    float:left;
    width:25%;
    display:block;
    
    height:30px;
    line-height: 30px;
    border-radius: 20px;
    color: #2d80c6;
    text-align:center;
    margin-bottom: 5px;
}

.hlist .item .btn2hang .itembtn .btn {
    float:left;
    width:98%;
    background: #f0f1f5;
    height:30px;
    line-height: 30px;
    text-align:center;
    margin: 0px auto;
}

/*列表*/
.paylist{width:100%;max-width:720px;margin: 0px auto;}
.paylist .item {
    width: 90%;
    padding: 15px 5%;
    margin-bottom: 10px;
    background: #fff;
    
}
.paylist .item .titlehang {
    width: 100%;
}

.paylist .item .titlehang .zuo {
    width: 70%;
    text-align: left;
    float: left;
    font-weight: bold;
    font-size: 16px;
}

.paylist .item .titlehang .you {
    width: 30%;
    text-align: right;
    float: left;
    font-weight: bold;
    font-size: 16px;
}

.paylist .item .content {
    padding: 15px 0px;
    color: #57565b;
    line-height: 25px;
}

.paylist .item .btn1hang {
    width: 100%;
    text-align: right;
    margin-top: 15px;
}


.paylist .item .btn1hang span {
    margin-left: 10px;
    background: #f0f1f5;
    padding: 5px 10px;
    border-radius: 20px;
    color: #2d80c6;
}


/*书库列表*/
.booklist{width:100%;max-width:720px;margin: 0px auto;}
.booklist .item {
    width: 90%;
    padding: 15px 5%;
    margin-bottom: 10px;
    background: #fff;
    
}

.booklist .item .content {
    padding: 15px 0px;
    color: #57565b;
    line-height: 25px;
}

.booklist .item .content .zuo1{
    float: left;
    width: 10%;
}

.booklist .item .content .zuo{
    float: left;
    width: 35%;
}

.booklist .item .content .zuo img{
    width:100%;
}

.booklist .item .content .you{
    float: left;
    width:62%;
    padding-left:3%;
}

.booklist .item .content .you .txt{font-size:18px;}

.booklist .item .btn1hang {
    width: 100%;
    text-align: right;
    margin-top: 15px;
}


.booklist .item .btn1hang span {
    margin-left: 10px;
    background: #f0f1f5;
    padding: 5px 10px;
    border-radius: 20px;
    color: #2d80c6;
}


.booklist .item .btn1hang div {
    float:left;
    width:25%;
    display:block;
    
    height:30px;
    line-height: 30px;
    border-radius: 20px;
    color: #2d80c6;
    text-align:center;
    margin-bottom: 5px;
}

.booklist .item .btn1hang .itembtn .btn {
    float:left;
    width:98%;
    background: #f0f1f5;
    height:30px;
    line-height: 30px;
    text-align:center;
    margin: 0px auto;
}

/*会员卡列表*/
.cardlist{width:100%;max-width:720px;margin: 0px auto;}
.cardlist .item {
    width: 90%;
    padding: 15px 5%;
    margin-bottom: 10px;
    background: #fff;
    
}

.cardlist .item .content {
    padding: 15px 0px;
    color: #57565b;
    line-height: 25px;
}

.cardlist .item .content .zuo{
    float: left;
    width: 25%;
}

.cardlist .item .content .zuo .name{
    border: 1px solid #dddddd;
    height:80px;
    line-height:80px;
    text-align:center;
    border-radius:15px;
    font-weight:bold;
    overflow:hidden;
}

.cardlist .item .content .zuo img{
    width:100%;
}

.cardlist .item .content .zhong{
    float: left;
    width:55%;
    padding-left:5%;
}

.cardlist .item .content .zhong .txt{font-size:18px;}
.cardlist .item .content .you{float: left;width:10%;text-align:center;padding-right:5%;}

.cardlist .item .btn1hang {
    width: 100%;
    text-align: right;
    margin-top: 15px;
}


.cardlist .item .btn1hang span {
    margin-left: 10px;
    background: #f0f1f5;
    padding: 5px 10px;
    border-radius: 20px;
    color: #2d80c6;
}

.nodata{width:100%;text-align:center;margin-top:80px;}
.btnsearch{width:100%;height:60px;line-height:60px;}
.btnsearch .zuo{float:left;width:50%;text-align:center;}
.btnsearch .you{float:left;width:50%;text-align:center;}



.orderlist{width:100%;margin:0px auto;padding-top:10px;}
.orderlist li{width:92%;padding:2% 2%;border-radius:10px;background:#fff;margin:0px auto;margin-bottom:10px;}
.orderlist li .cont{width:91%;padding:0% 3%;background:#fff;border-radius:10px;clear:both;margin-top:10px;}
.orderlist li .cont .txt{font-size:16px;font-weight:bold;}
.orderlist li .cont .author{color:#aeadac;font-size:14px;}
.orderlist li .cont .isbn{color:#aeadac;font-size:14px;}

.orderlist li .cont .layui-form-radio{margin:0px;}
.orderlist li .cont .hang{clear:both;margin-bottom:5px;}
.orderlist li .cont .hang .zuo{float:left;width:25%;text-align:left;}
.orderlist li .cont .hang .zuo img{width:100%;}
.orderlist li .cont .hang .you{float:left;width:72%;text-align:left;font-size:16px;line-height:25px;padding-left:3%;}
.orderlist li .note{padding:10px 10px;}

.fudongdiv{width:100%;position:fixed;bottom:0px;max-width:720px;margin:0px auto;left:0px;right:0px;}
.fudongdiv .con{width:100%;background:#f1eeee;height:60px;line-height:60px;}
.fudongdiv .con li{float:left;width:50%;text-align:center;color:#000;}

.snav{width:100%;max-width:720px;margin:0px auto;background:#fff;height:50px;line-height:50px;}
.snav li{float:left;text-align:center;height:50px;line-height:50px;}
.snav li.cur{border-bottom:2px solid #2d80c6;}

.gqcardlist{width:100%;margin:0px auto;}
.gqcardlist .item{background:#fff;padding:10px 0px;margin-bottom:10px;}
.gqcardlist .item .zuo{float:left;width:10%;text-align:center;}
.gqcardlist .item .zhong{float:left;width:35%;text-align:left;font-size:12px;line-height:22px;}
.gqcardlist .item .zhong .name{font-size:14px;}
.gqcardlist .item .you{float:left;width:55%;text-align:left;}
.gqcardlist .item .you .item1 .zuo1{float:left;width:40%;}
.gqcardlist .item .you .item1 .zuo1 img{width:100%;}
.gqcardlist .item .you .item1 .you1{float:left;width:56%;padding-left:4%;line-height:22px;font-size:12px;}
.gqcardlist .item .you .item1 .you1 .name{font-size:14px;}


.userlist{width:100%;max-width:720px;margin:0px auto;}
.userlist .item{background:#fff;padding:10px 0px;margin-bottom:10px;}
.userlist .item .zuo{float:left;width:20%;text-align:center;padding-left:5%;}
.userlist .item .zuo .name{width:50px;height:50px;line-height:50px;border-radius:30px;color:#fff;background:#2d80c6;text-align:center;overflow:hidden;}
.userlist .item .zhong{float:left;width:40%;text-align:left;font-size:12px;line-height:22px;}
.userlist .item .you{float:left;width:35%;text-align:left;font-size:12px;line-height:22px;}
.userlist .item .you .item1 .zuo1{float:left;width:40%;}
.userlist .item .you .item1 .zuo1 img{width:100%;}
.userlist .item .you .item1 .you1{float:left;width:56%;padding-left:4%;line-height:22px;font-size:12px;}
.userlist .item .you .item1 .you1 .name{font-size:14px;}

.userlist .item .btn1hang {
    width: 100%;
    text-align: left;
    margin-top: 5px;
    line-height:35px;
}


.userlist .item .btn1hang span {
    margin-left: 10px;
    background: #f0f1f5;
    padding: 5px 10px;
    border-radius: 20px;
    color: #2d80c6;
}

.userlist .item .btn1hang div {
    float:left;
    width:25%;
    display:block;
    
    height:30px;
    line-height: 30px;
    border-radius: 20px;
    color: #2d80c6;
    text-align:center;
    margin-bottom: 5px;
}

.userlist .item .btn1hang .itembtn .btn {
    float:left;
    width:98%;
    background: #f0f1f5;
    height:30px;
    line-height: 30px;
    text-align:center;
    margin: 0px auto;
}

.sousuohang{margin-top:5px;height:40px;line-height:40px;width:95%;padding-left:2.5%;color:#000;max-width:720px;margin-left:auto;margin-right:auto;}
.sousuohang li{float:left;width:25%;}

.iframediv{width:100%;height:100%;position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:999999;-webkit-overflow-scrolling:touch;overflow:scroll;}
.iframediv .iframe{width:100%;height:100%;}


.shujialist{width:100%;background:#fff;max-width:720px;margin:0px auto;}
.shujialist li{height:50px;line-height:50px;border-bottom:1px solid #dddddd;}
.shujialist li .zuo{float:left;width:77%;text-align:left;padding-left:3%;}
.shujialist li .you{float:left;width:20%;text-align:center;}

.isbnresult{background:#fff;width:100%;margin:5px 0px;}
.isbnresult .title{height:50px;line-height:50px;padding-left:20px;}
.isbnresult .con{width:90%;margin:0px auto;}
.isbnresult .con .zuo{float:left;width:30%;}

.isbnresult .con .zuo img{width:100%;}
.isbnresult .con .you{float:left;width:65%;padding-left:5%;color:#000;}
.isbnresult .con .you .tit{font-size:16px;} 



.jieresult{background:#fff;width:100%;margin:5px 0px;max-width:720px;}
.jieresult .title{height:50px;line-height:50px;padding-left:20px;}
.jieresult .title .zuo{float:left;width:50%;text-align:left;}
.jieresult .title .you{float:left;width:47%;padding-right:3%;text-align:right;}
.jieresult .con{width:83%;margin:0px auto;background:#f4f2f2;padding:3%;border-radius:6px;font-size:12px;}
.jieresult .con li{line-height:25px;float:left;width:50%;text-align:left;}


.tongzhilist{width:100%;max-width:720px;margin:0px auto;}
.tongzhilist .item{margin-bottom:10px;background:#fff;padding:0px 3%;width:94%;}
.tongzhilist .item .title{height:40px;line-height:40px;color:#000;}
.tongzhilist .item .btn{margin-top:10px;}
.tongzhilist .item .btn .zuo{float:left;width:50%;text-align:left;color:#000;}
.tongzhilist .item .btn .you{float:left;width:50%;text-align:right;}

/*底部浮动*/
.footer{ width:100%;max-width:720px;height:45px;position:fixed; bottom:0px;left:0px;right:0px; background:#fff;font-size:12px;padding-top:8px;border-top:1px solid #e6e6e8;margin:0px auto;z-index:10;}
.footer ul li{float:left; width:20%; text-align:center;line-height:20px;}
.footer .icon{font-size:20px;}
.footer .on{color:#138bec;}
.footer a{color:#aaa;}
.footer a:visited{color:#525151;}


/*微信绑定*/
.wxbindpage .wxbind .group{background:#fff;height:auto;width:100%;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.wxbindpage .wxbind .groupone{ border-top:none;}
.wxbindpage .wxbind_con{width:92%;height:50px;line-height:50px;border-bottom:1px solid #e6e6e6; margin:0px auto;}
.wxbindpage .wxbind_con .touxiang{width:40px;height:40px;border-radius:20px;}
.wxbindpage .wxbind_con1{float:left;width:20%;text-align:left;}
.wxbindpage .wxbind_con2{float:left;width:77%;text-align:right;padding-right:3%;color:#999999;height:50px;overflow:hidden;}
.wxbindpage .wxbindnotice{ width:90%;margin:0px auto;font-size:13px;line-height:30px;color:#7c7a78;}
.wxbindpage .wxbindnotice strong{font-size:15px;}
.wxbindpage .wxweibangding{width:90%;margin:0px auto;height:180px;text-align:center;line-height:50px;padding-top:50px;color:#999999;}
.wxbindpage .wxweibangding .icon{font-size:50px;}


.jiebangpage .yzm{background:#efefef;border:none;padding:2px 5px;border-radius:8px;}
.jiebangpage .yzmon{background:#2d80c4;color:#fff;border:none;padding:2px 5px;border-radius:8px;}

.passpage .input{width:95%;height:50px;line-height:50px; border:none;border-bottom:1px solid #eeeeee;background:#fff;padding-left:5%;}
.passpage .input .zuo{float:left;width:85%;}
.passpage .input .zuo input{width:70%;margin-left:5%;}
.passpage .input .you{float:right;width:10%;}

.gzh{width:100%;text-align:center;}
.gzh .img{width:100%;max-width:500px;}
.gzh .img img{width:100%;max-width:500px;}


.walletpage{width:100%;}
.walletpage .topbg{width:100%;height:200px;background:#2d80c6;color:#fff;}
.walletpage .topbg .txt{padding-top:20px;text-align:center;}
.walletpage .topbg .money{padding-top:20px;text-align:center;font-size:30px;}
.walletpage .topbg .walletbtn li .czbtn{width:80%;height:40px;line-height:40px;text-align:center;background:#ff9c00;color:#fff;border-radius:4px;margin:0px auto;margin-top:20px;font-size:16px;}
.walletpage .topbg .walletbtn{width:100%;margin-top:10px;}
.walletpage .topbg .walletbtn li{float:left;width:50%;}

.walletpage .con{width:100%;background:#fff;}
.walletpage .con .nav{width:100%;height:50px;line-height:50px;border-bottom:1px solid #eeeeee;}
.walletpage .con .nav li{float:left;width:33%;text-align:center;}
.walletpage .con .nav li.on{color:#2d80c6;border-bottom:2px solid #2d80c6;}
.walletpage .con .nr li .hang{width:100%;padding:10px 0px;height:50px;border-bottom:1px solid #eeeeee;}
.walletpage .con .nr li .hang .zuo{float:left;width:20%;text-align:center;}
.walletpage .con .nr li .hang .zhong{float:left;width:45%;text-align:left;padding-left:5%;}
.walletpage .con .nr li .hang .zhong .date{color:#aaaaaa;margin-top:5px;font-size:14px;}
.walletpage .con .nr li .hang .you{float:left;width:25%;text-align:right;padding-right:5%;font-size:18px;}
.walletpage .con .nr li .hang .you .status{font-size:13px;}

.walletpage .czinput{width:90%;background:#fff;height:100px;padding:20px 2%;margin:10px auto;border-radius:6px;}
.walletpage .czinput .input{margin-top:5px;height:50px;line-height:50px;border-bottom:1px solid #eeeeee;}
.walletpage .czinput .input input{border:none;}
.walletpage .czinput .input .zuo{float:left;width:10%;text-align:center;}
.walletpage .czinput .input .you{float:left;width:90%;text-align:left;}
.walletpage .czinput .input .you input{width:100%;font-size:16px;}
.walletpage .czinput .notice{color:#aaaaaa;font-size:14px;}
.walletpage .czinput .yzm{padding:5px;background:#2d80c6;border:none;color:#fff;border-radius:5px;}

.walletpage .jine{width:100%;margin-top:20px;}
.walletpage .jine li{float:left;width:32%;text-align:center;height:40px;line-height:40px;margin-bottom:10px;}
.walletpage .jine li div.item{width:80%;margin:0px auto;border:1px solid #dddddd;border-radius:4px;background:#fff;}
.walletpage .jine li div.cur{width:80%;margin:0px auto;border:1px solid #dddddd;border-radius:4px;background:#2d80c6;color:#fff;}
.walletpage .confirm{width:100%;text-align:center;margin-top:30px;}
.walletpage .confirm .title{font-size:25px;margin-top:50px;}
.walletpage .confirm .descri{color:#999999;margin-top:10px;}
.walletpage .paytxt{padding-left:10px;margin-top:50px;color:#999;}
.walletpage .paytype{padding:10px 0px;min-height:200px;}
.walletpage .paytype .item{height:60px;line-height:60px;}
.walletpage .paytype .item .zuo{float:left;width:15%;text-align:center;}
.walletpage .paytype .item .zhong{float:left;width:65%;text-align:;left;}
.walletpage .paytype .item .you{float:left;width:20%;text-align:center;}

.tixianinfo{background:#fff;width:85%;margin:20px auto;border-radius:10px;padding:20px 5%;}
.tixianinfo .txhang{width:100%;text-align:center;line-height:35px;}
.tixianinfo .txhang .img{width:50px;height:50px;text-align:center;margin:0px auto;}
.tixianinfo .txhang .img img{width:100%;border-radius:50px;}
.tixianinfo .txhang .nickname{}
.tixianinfo .txhang .amount{font-size:26px;font-weight:bold;}

.tixianinfo .hang{width:100%;height:35px;line-height:35px;}
.tixianinfo .hang .zuo{float:left;width:50%;text-align:left;}
.tixianinfo .hang .you{float:left;width:50%;text-align:right;}

.isbnnotice{width:100%;height:40px;line-height:40px;background:#f29766;color:#fff;padding:0px 20px;cursor:pointer;margin-top:10px;}  

.bianjiqicss .txt{text-indent:2rem;word-wrap:break-word;}
.bianjiqi{width:100%;margin:0px auto;padding:0px 0px;background:#fff;}
.bianjiqi .hang{width:90%;margin:0px auto;}
.bianjiqi textarea{border:1px solid #ddd;border-radius:5px;padding:2%;line-height:25px;width:95%;height:100px;}
.bianjiqi .hang .zuo{width:90%;float:left;}
.bianjiqi .hang .zuo img{max-width:100%;}
.bianjiqi .hang .you{width:5%;float:left;padding-left:5%;}
.bianjiqi .hang .you .movetop{margin-bottom:10px;}
.bianjiqi .hang .you .delbjq{margin-bottom:10px;}
.bianjiqimenu{width:100%;margin:0px auto;background:#fff;}
.bianjiqimenu ul{width:90%;padding:20px 0px;margin:0px auto;}
.bianjiqimenu li{width:50px;height:80px;float:left;text-align:center;margin-right:10px;font-size:14px;}
.bianjiqimenu li .div{border:1px dashed #cccccc;text-align:center;height:50px;line-height:50px;margin-bottom:5px;}
.bianjiqi .contenthtml {width: 79%;margin: 10px auto;background: #e7e2e2;border-radius: 6px;padding: 3%;}
.bianjiqi .contenthtml p.txt {text-indent: 2em;line-height: 25px;word-wrap: break-word;margin: 10px 0px;}

.huan2page{width:100%;margin:0px auto;}
.huan2page .userinfo{width:100%;background:#2d80c6;height:80px;color:#fff;}
.huan2page .userinfo .zuo{float:left;width:17%;padding-left:3%;}
.huan2page .userinfo .zuo .tx .txt{width:50px;height:50px;line-height:50px;margin-top:10px;background:#fff;border-radius:30px;text-align:center;font-size:20px;color:#2d80c6;}
.huan2page .userinfo .zuo .tx .img{width:50px;height:50px;line-height:50px;margin-top:10px;border-radius:30px;text-align:center;}
.huan2page .userinfo .zuo .img img{width:100%;border-radius:30px;}
.huan2page .userinfo .zhong{float:left;width:40%;}
.huan2page .userinfo .zhong .truename{margin-top:10px;font-size:16px;}
.huan2page .userinfo .zhong .mobile{margin-top:8px;font-size:14px;}
.huan2page .userinfo .you{float:left;width:38%;padding-top:12px;text-align:right;padding-right:2%;}
.huan2page .userinfo .you .hang2{margin-top:8px;}
.huan2page .userinfo .you .hang2 .age{padding:1px 5px;background:#fff;color:#2d80c6;border-radius:20px;text-align:center;}
.huan2page .userinfo .you .hang2 .card{padding:1px 5px;background:#fff;color:#2d80c6;border-radius:20px;margin-left:5px;text-align:center;font-size:14px;}
.huan2page .userinfo .you .hang1{margin-top:0px;}

.huan2page .bookslist{ width:100%;margin:0px auto;padding-bottom:50px;}
.huan2page .bookslist .item{width:96%;height:120px;overflow:hidden;padding:10px 2%;margin-top:10px;background:#fff;}
.huan2page .bookslist .item .zuo1{float:left;width:6%;text-align:center;padding-top:40px;padding-left:1%;}
.huan2page .bookslist .item .zuo{float:left;width:30%;text-align:center;height:110px;overflow:hidden;}
.huan2page .bookslist .item .zuo img{height:110px;border-radius:4px;}
.huan2page .bookslist .item .zhong{float:left;width:50%;line-height:25px;padding-left:3%;}
.huan2page .bookslist .item .zhong .title{color:#000;font-size:16px;height:30px;line-height:30px;overflow:hidden;}
.huan2page .bookslist .item .you{float:left;width:10%;}
.huan2page .bookslist .item .you .yichu{color:#bbb;}

.huan2page .footerdiv{position:fixed;bottom:0px;width:100%;max-width:720px;left:0px;right:0px;margin-left:auto;margin-right:auto;}
.huan2page .footerdiv .line1{height:40px;line-height:40px;margin-bottom:20px;}
.huan2page .footerdiv .line1 .zuo{float:left;width:50%;text-align:center;}
.huan2page .footerdiv .line1 .zuo div{width:80%;margin:0px auto;background:#2d80c6;color:#fff;border-radius:30px;}
.huan2page .footerdiv .line1 .you{float:left;width:50%;text-align:center;}
.huan2page .footerdiv .line1 .you div{width:80%;margin:0px auto;background:#fff;color:#fff;border-radius:30px;color:#2d80c6;}

.huan2page .footerdiv .line2{height:55px;line-height:55px;background:#fff;border-top:1px solid #ececeb;}
.huan2page .footerdiv .line2 .zuo{float:left;width:65%;padding-left:5%;}
.huan2page .footerdiv .line2 .you{float:left;width:27%;padding-right:3%;padding-top:10px;text-align:right;}
.huan2page .footerdiv .line2 .you .btn{background:#2d80c6;border-radius:30px;height:30px;line-height:30px;text-align:center;color:#fff;}

.jie1page{width:100%;margin:0px auto;}
.jie1page .userinfo{width:100%;background:#2d80c6;height:80px;color:#fff;}
.jie1page .userinfo .zuo{float:left;width:17%;padding-left:3%;}
.jie1page .userinfo .zuo .tx .txt{width:50px;height:50px;line-height:50px;margin-top:10px;background:#fff;border-radius:30px;text-align:center;font-size:20px;color:#2d80c6;}
.jie1page .userinfo .zuo .tx .img{width:50px;height:50px;line-height:50px;margin-top:10px;border-radius:30px;text-align:center;}
.jie1page .userinfo .zuo .img img{width:100%;border-radius:30px;}
.jie1page .userinfo .zhong{float:left;width:35%;}
.jie1page .userinfo .zhong .truename{margin-top:10px;font-size:16px;}
.jie1page .userinfo .zhong .mobile{margin-top:8px;font-size:14px;}
.jie1page .userinfo .you{float:left;width:43%;padding-top:12px;text-align:right;padding-right:2%;}
.jie1page .userinfo .you .hang2{margin-top:8px;}
.jie1page .userinfo .you .hang2 .age{padding:1px 5px;background:#fff;color:#2d80c6;border-radius:20px;text-align:center;}
.jie1page .userinfo .you .hang2 .card{padding:1px 5px;background:#fff;color:#2d80c6;border-radius:20px;margin-left:5px;text-align:center;font-size:14px;}
.jie1page .userinfo .you .hang1{margin-top:0px;}

.jie1page .bookslist{ width:100%;margin:0px auto;padding-bottom:50px;}
.jie1page .bookslist .item{width:96%;height:120px;overflow:hidden;padding:10px 2%;margin-top:10px;background:#fff;}
.jie1page .bookslist .item .zuo{float:left;width:30%;text-align:center;height:110px;overflow:hidden;}
.jie1page .bookslist .item .zuo img{height:110px;border-radius:4px;}
.jie1page .bookslist .item .zhong{float:left;width:57%;line-height:25px;padding-left:3%;}
.jie1page .bookslist .item .zhong .title{color:#000;font-size:16px;height:30px;line-height:30px;overflow:hidden;}
.jie1page .bookslist .item .you{float:left;width:10%;}
.jie1page .bookslist .item .you .yichu{color:#bbb;}

.jie1page .footerdiv{position:fixed;bottom:0px;width:100%;max-width:720px;margin:0px auto;}
.jie1page .footerdiv .line1{height:40px;line-height:40px;margin-bottom:20px;}
.jie1page .footerdiv .line1 .zuo{float:left;width:50%;text-align:center;}
.jie1page .footerdiv .line1 .zuo div{width:80%;margin:0px auto;background:#2d80c6;color:#fff;border-radius:30px;}
.jie1page .footerdiv .line1 .you{float:left;width:50%;text-align:center;}
.jie1page .footerdiv .line1 .you div{width:80%;margin:0px auto;background:#fff;color:#fff;border-radius:30px;color:#2d80c6;}

.jie1page .footerdiv .line2{height:55px;line-height:55px;background:#fff;border-top:1px solid #ececeb;}
.jie1page .footerdiv .line2 .zuo{float:left;width:67%;padding-left:3%;}
.jie1page .footerdiv .line2 .you{float:left;width:27%;padding-right:3%;padding-top:10px;text-align:right;}
.jie1page .footerdiv .line2 .you .btn{background:#2d80c6;border-radius:30px;height:30px;line-height:30px;text-align:center;color:#fff;}

.jie1page .noticemsg{width:90%;padding:0px 5%;height:40px;line-height:40px;background:#2d80c6;color:#fff;margin-top:1px;}

.tjpage .footerdiv{position:fixed;bottom:0px;width:100%;max-width:720px;margin:0px auto;left:0px;right:0px;margin-left:auto;margin-right:auto;}
.tjpage .footerdiv .line2{height:55px;line-height:55px;background:#fff;border-top:1px solid #ececeb;}
.tjpage .footerdiv .line2 .zuo{float:left;width:67%;padding-left:3%;}
.tjpage .footerdiv .line2 .you{float:left;width:27%;padding-right:3%;padding-top:10px;text-align:right;}
.tjpage .footerdiv .line2 .you .btn{background:#2d80c6;border-radius:30px;height:30px;line-height:30px;text-align:center;color:#fff;}


.dianminglist{width:100%;max-width:720px;margin:0px auto;}
.dianminglist li {height:70px;line-height:70px;background:#fff;border-bottom:1px solid #cccccc;margin-bottom:10px;}
.dianminglist li .zuo{float:left;width:20%;text-align:center;}
.dianminglist li .zuo img{width:40px;height:40px;border-radius:40px;}
.dianminglist li .zhong{float:left;width:40%;text-align:left;}
.dianminglist li .you{float:left;width:25%;text-align:center;}
.dianminglist li .you1{float:left;width:15%;text-align:center;}