/**common**/
.wrap{ width: 1100px; margin: 0 auto;}
.page1_cont,.page2_cont,.page3_cont,.page4_cont,.page5_cont,.page6_cont{position: relative;}
.wrap .bd_wrap li input{ height: 60px;line-height: 60px; font-size: 20px;border: none;background: none;}
.wrap .bd_wrap{ position: absolute;z-index: 9999; }

/**login1**/
.page1{background-color: #f79e2c;}
.page1_cont .bd_wrap{left: 240px; top: 274px;}
.page1 .pic{height: 829px; margin-top: 50px;background: url("../img/data01.png") no-repeat center;}
.page1 .page1_cont .bd_wrap{ width: 630px;}
.page1 .page1_cont #name{width: 250px; margin-left: 20px;}
.page1 .page1_cont .tel input{width: 250px; margin-left: 20px;}
.page1 .page1_cont .tel{ margin-top: 54px;}
.page1 .page1_cont .yzm{ margin-top: 54px;overflow: hidden;}
.page1 .page1_cont .yzm .txt{width: 120px; margin-left: 30px;}
.page1 .page1_cont #yzm {float: left; width: 116px; margin-left: 200px;height: 60px;}
.page1 .page1_cont .yzm #getyzm{float: left;line-height: 60px;height: 60px; margin-left: 38px;color: #333;font-size: 14px;}
.page1 .page1_cont .yzm #daojishi{float: left; margin-left: 40px;margin-top: 10px;}
.page1 #dosubmit{width: 346px;height: 86px;margin-left: -94px; background: url("../img/data_icon01.png") no-repeat;cursor: pointer;}
.page1 .bd_wrap .book-submit{ margin-top: 76px;}

/**login2**/
.page2{background-color: #d5d4c1;}
.page2_cont .bd_wrap{left: 240px; top: 345px;}
.page2 .pic{ height: 900px; margin-top: 20px;background: url("../img/data02.png") no-repeat center;}
.page2 .page2_cont .bd_wrap{ width: 630px;}
.page2 .page2_cont #name{width: 250px; margin-left: 110px;}
.page2 .page2_cont .tel input{width: 250px; margin-left: 110px;}
.page2 .page2_cont .tel{ margin-top: 54px;}
.page2 .page2_cont .yzm{ margin-top: 64px;overflow: hidden;}
.page2 .page2_cont .yzm .txt{width: 120px; margin-left: 30px;}
.page2 .page2_cont #yzm {float: left; width: 116px; margin-left: 240px;height: 40px;vertical-align: middle;}
.page2 .page2_cont .yzm #getyzm{float: left;line-height: 40px;height: 40px; margin-left: 38px;color: #333;font-size: 14px;}
.page2 .page2_cont .yzm #daojishi{float: left; margin-left: 40px;margin-top: 10px;}
.page2 #dosubmit{width: 346px;height: 86px;margin-left: -2px; background: url("../img/data_icon02.png") no-repeat;cursor: pointer;}
.page2 .bd_wrap .book-submit{ margin-top: 76px;}

/**login3**/
.page3{background-color: #39c1e3;}
.page3_cont .bd_wrap{left: 240px; top: 370px;}
.page3 .pic{height: 923px; margin-top: 10px;background: url("../img/data03.png") no-repeat center;}
.page3 .page3_cont .bd_wrap{ width: 630px;}
.page3 .page3_cont #name{width: 250px; margin-left: 132px;}
.page3 .page3_cont .tel input{width: 250px; margin-left: 132px;}
.page3 .page3_cont .tel{ margin-top: 54px;}
.page3 .page3_cont .yzm{ margin-top: 64px;overflow: hidden;}
.page3 .page3_cont .yzm .txt{width: 120px; margin-left: 30px;}
.page3 .page3_cont #yzm {float: left; width: 116px; margin-left: 254px;height: 40px;vertical-align: middle;}
.page3 .page3_cont .yzm #getyzm{float: left;line-height: 40px;height: 40px; margin-left: 38px;color: #333;font-size: 14px;}
.page3 .page3_cont .yzm #daojishi{float: left; margin-left: 40px;margin-top: 10px;}
.page3 #dosubmit{width: 346px;height: 86px;margin-left: 16px; background: url("../img/data_icon03.png") no-repeat;cursor: pointer;}
.page3 .bd_wrap .book-submit{ margin-top: 76px;}

/**login4**/
.page4{background-color: #3ca45e;}
.page4_cont .bd_wrap{left: 240px; top: 320px;}
.page4 .pic{ height: 858px; margin-top: 30px;background: url("../img/data04.png") no-repeat center;}
.page4 .page4_cont .bd_wrap{ width: 630px;}
.page4 .page4_cont #name{width: 250px; margin-left: 0;}
.page4 .page4_cont .tel input{width: 250px; margin-left: 0;}
.page4 .page4_cont .tel{ margin-top: 54px;}
.page4 .page4_cont .yzm{ margin-top: 64px;overflow: hidden;}
.page4 .page4_cont .yzm .txt{width: 120px; margin-left: 30px;}
.page4 .page4_cont #yzm {float: left; width: 116px; margin-left: 185px;height: 40px;vertical-align: middle;}
.page4 .page4_cont .yzm #getyzm{float: left;line-height: 42px;height: 42px; margin-left: 38px;color: #333;font-size: 14px;}
.page4 .page4_cont .yzm #daojishi{float: left; margin-left: 40px;margin-top: 12px;}
.page4 #dosubmit{width: 346px;height: 86px;margin-left: -120px; background: url("../img/data_icon04.png") no-repeat;cursor: pointer;}
.page4 .bd_wrap .book-submit{ margin-top: 76px;}

/**login5**/
.page5{background-color: #222f52;}
.page5_cont .bd_wrap{ left: 240px; top: 362px;}
.page5 .pic{ height: 850px; margin-top: 20px;background: url("../img/data05.png") no-repeat center;}
.page5 .page5_cont .bd_wrap{ width: 630px;}
.page5 .page5_cont #name{width: 250px; margin-left: 114px;}
.page5 .page5_cont .tel input{width: 250px; margin-left: 114px;}
.page5 .page5_cont .tel{ margin-top: 50px;}
.page5 .page5_cont .yzm{ margin-top: 56px;overflow: hidden;}
.page5 .page5_cont .yzm .txt{width: 120px; margin-left: 30px;}
.page5 .page5_cont #yzm {float: left; width: 116px; margin-left: 244px;height: 40px;vertical-align: middle;}
.page5 .page5_cont .yzm #getyzm{float: left;line-height: 46px;height: 46px; margin-left: 40px;color: #333;font-size: 14px;}
.page5 .page5_cont .yzm #daojishi{float: left; margin-left: 42px;margin-top: 14px;}
.page5 #dosubmit{width: 346px;height: 86px;margin-left: 6px; background: url("../img/data_icon05.png") no-repeat;cursor: pointer;}
.page5 .bd_wrap .book-submit{ margin-top: 54px;}

/**login6**/
.page6{background-color: #fdb5a0;}
.page6_cont .bd_wrap{ left: 240px; top: 293px;}
.page6 .pic{height: 894px; margin-top: 20px;background: url("../img/data06.png") no-repeat center;}
.page6 .page6_cont .bd_wrap{ width: 630px;}
.page6 .page6_cont #name{width: 250px; margin-left: 114px;}
.page6 .page6_cont .tel input{width: 250px; margin-left: 114px;}
.page6 .page6_cont .tel{ margin-top: 50px;}
.page6 .page6_cont .yzm{ margin-top: 62px;overflow: hidden;}
.page6 .page6_cont .yzm .txt{width: 120px; margin-left: 30px;}
.page6 .page6_cont #yzm {float: left; width: 116px; margin-left: 244px;height: 40px;vertical-align: middle;}
.page6 .page6_cont .yzm #getyzm{float: left;line-height: 46px;height: 46px; margin-left: 38px;color: #333;font-size: 14px;}
.page6 .page6_cont .yzm #daojishi{float: left; margin-left: 42px;margin-top: 14px;}
.page6 #dosubmit{width: 346px;height: 86px;margin-left: 6px; background: url("../img/data_icon06.png") no-repeat;cursor: pointer;}
.page6 .bd_wrap .book-submit{ margin-top: 70px;}