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

/*弹窗*/
.modal{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:3000; display:none; overflow:hidden;}
.fade{ opacity:0;}
.fade.in{ opacity:1;}
.modal-backdrop{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000;}
.modal-backdrop.fade{ filter:alpha(opacity=0); opacity:0;}
.modal-backdrop.in{ filter:alpha(opacity=50); opacity:.5;}
.modal-dialog{ width: 100%; height: auto; float: left; position: relative;}
.modal-content{ width:100%; position:relative;}

.prompt{ width: 195px; height: auto; line-height: 30px; padding: 0px; margin-left: 109px; margin-top: 130px; color:#ffffff; text-align: center; border-radius: 5px; position: absolute; z-index: 5000; background: rgb(0, 0, 0); opacity: 0.7; font-size: 14px;}

.cla_prompt{ width: 195px; height: auto; line-height: 30px; padding: 0px; margin-left: 59px; margin-top: 130px; color:#ffffff; text-align: center; border-radius: 5px; position: absolute; z-index: 5000; background: rgb(0, 0, 0); opacity: 0.7; font-size: 14px;}

.join_prompt{ width: 195px; height: auto; line-height: 30px; padding: 0px; margin-left: 495px; margin-top: 270px; color:#ffffff; text-align: center; border-radius: 5px; position: absolute; z-index: 5000; background: rgb(0, 0, 0); opacity: 0.7; font-size: 14px;}

.modal-dialog .login{ width:412px; height:auto; margin: 0 auto;}
.modal-dialog .login_close{ width: 41px; height: 41px; position: relative; left: 373px; top: 21px;}
.modal-dialog .login #tab li.cur{ border-bottom: 2px solid #03c8bf;}
.modal-dialog .login #tab dd.cur{ opacity:1; filter:alpha(opacity=100); z-index: 500;}
.modal-dialog .loginIn{ width: 380px; height: 440px; float: left; margin-left: 16px; background:#fff; border-radius: 5px;}
.modal-dialog .loginN1{ width: 100%; height: auto; float: left;}
.modal-dialog .loginN1 span{ width: auto; height: auto; float: left; font-size: 20px; line-height: 25px; margin-top: 25px; margin-left: 126px;}
.modal-dialog .loginN1 a{ width: auto; height: auto; float: left; font-size: 16px; line-height: 20px; margin-top: 32px; margin-left: 60px; color: #03c8bf; cursor: pointer;}
.modal-dialog .loginN2{ width: 100%; height: auto; float: left;}
.modal-dialog .loginN2 ul{ width: 100%; height: auto; float: left;}
.modal-dialog .loginN2 li{ width: auto; height: auto; float: left; line-height: 35px; padding: 0px 10px; font-size: 14px; margin-left: 60px; margin-top: 25px; color: #666666; cursor: pointer;}
.modal-dialog .loginN2 .liN1{ float: right; margin-right: 60px;}
.modal-dialog .loginN2 dl{ width: 310px; height: auto; float: left; margin-left: 35px; margin-top: 16px;}
.modal-dialog .loginN2 dd{ width: 310px; height: auto; float: left; opacity:0; filter:alpha(opacity=0); position: absolute;}
.modal-dialog .loginN2 .ddN0{ z-index: 100;}
.modal-dialog .loginN2 .ddN0 .tel{ width: 308px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 30px;}
.modal-dialog .loginN2 .ddN0 .tel input{ width: 278px; height: 40px; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: #ffffff; background: url("../images/login_user.png") no-repeat center left 12px; text-indent: 40px;}
.modal-dialog .loginN2 .ddN0 .tel input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .loginN2 .ddN0 .tel input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .loginN2 .ddN0 .tel input:-ms-input-placeholder { color:#d9d9d9; }
.modal-dialog .loginN2 .ddN0 .tel i{ width: 20px; height: 20px; float: right; margin-top: 10px; margin-right: 8px; display: none;}
.modal-dialog .loginN2 .ddN0 .tel:hover,.modal-dialog .loginN2 .ddN0 .tel:active{ border: 1px solid #00b8b0;}
.modal-dialog .loginN2 .ddN0 .tel:hover i,.modal-dialog .loginN2 .ddN0 .tel:active i{ display: block;}

.modal-dialog .loginN2 .ddN0 .password{ width: 308px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 30px;}
.modal-dialog .loginN2 .ddN0 .password input{ width: 300px; height: 40px; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: #ffffff; background: url("../images/login_pd.png") no-repeat center left 12px; text-indent: 40px; }
.modal-dialog .loginN2 .ddN0 .password input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .loginN2 .ddN0 .password input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .loginN2 .ddN0 .password input:-ms-input-placeholder { color:#d9d9d9; }
.modal-dialog .loginN2 .ddN0 .password:hover,.modal-dialog .loginN2 .ddN0 .password:active{ border: 1px solid #00b8b0;}

.modal-dialog .loginN2 .ddN0 span{ width: 100%; height: auto; float: left;}
.modal-dialog .loginN2 .ddN0 span input{ width: 308px; height: auto; float: left; line-height: 42px; border: 1px solid #00b8b0; color: #ffffff; border-radius: 3px; margin-top: 30px; font-size: 16px; background: #00b8b0; cursor: pointer;}

.modal-dialog .loginN2 .ddN1.top{ z-index: 1000;}
.modal-dialog .loginN2 .ddN1 .tel{ width: 308px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 30px;}
.modal-dialog .loginN2 .ddN1 .tel input{ width: 278px; height: 40px; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: url("../images/login_tel.png") no-repeat center left 12px; text-indent: 40px;}
.modal-dialog .loginN2 .ddN1 .ok{ background: #f5ffbb;}
.modal-dialog .loginN2 .ddN1 .warm{ border: 1px solid #ff4749; background: #ffedef;}
.modal-dialog .loginN2 .ddN1 .tel input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .loginN2 .ddN1 .tel input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .loginN2 .ddN1 .tel input:-ms-input-placeholder { color:#d9d9d9; }
.modal-dialog .loginN2 .ddN1 .tel i{ width: 20px; height: 20px; float: right; margin-top: 10px; margin-right: 8px; display: none; background: url("../images/wrong.png") no-repeat center center;}
.modal-dialog .loginN2 .ddN1 .tel i a{ width: 100%; height: 20px; float: left}
.modal-dialog .loginN2 .ddN1 .tel:hover,.modal-dialog .loginN2 .ddN1 .tel:active{ border: 1px solid #00b8b0;}
.modal-dialog .loginN2 .ddN1 .tel:hover i,.modal-dialog .loginN2 .ddN1 .tel:active i{ display: block;}
/*.modal-dialog .loginN2 .ddN1 .warm i{ background: url("../images/warn.png") no-repeat center center; display: block;}*/

.modal-dialog .loginN2 .ddN1 .why{ width: 310px; height: auto; float: left; line-height: 30px; color: #ff4749; display: none;}

.modal-dialog .loginN2 .ddN1 .code{ width: 310px; height: 42px; float: left; margin-top: 30px;}
.modal-dialog .loginN2 .ddN1 .codeL{ width: 164px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px;}
.modal-dialog .loginN2 .ddN1 .codeL input{ width: 100%; height: 40px; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: #ffffff; background: url("../images/login_cold.png") no-repeat center left 12px; text-indent: 40px; }
.modal-dialog .loginN2 .ddN1 .codeL input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .loginN2 .ddN1 .codeL input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .loginN2 .ddN1 .codeL input:-ms-input-placeholder { color:#d9d9d9; }
.modal-dialog .loginN2 .ddN1 .codeL:hover,.modal-dialog .loginN2 .ddN0 .codeL:active{ border: 1px solid #00b8b0;}
.modal-dialog .loginN2 .ddN1 .codeR{ width: auto; height: auto; float: left; margin-left: 10px;}
.modal-dialog .loginN2 .ddN1 .codeR input{ width: auto; height: auto; float: left; line-height: 42px; font-size: 14px; text-align: center; border-radius: 3px; cursor: pointer; padding: 0 10px;}
.modal-dialog .loginN2 .ddN1 .codeR_1{ border: 1px solid #00b8b0; color: #00b8b0; background: #ffffff;}
.modal-dialog .loginN2 .ddN1 .codeR_2{ border: 1px solid #eeeeee; color: #999999; background: #eeeeee;}
.modal-dialog .loginN2 .ddN1 .codeR input:hover,.modal-dialog .loginN2 .ddN1 .codeR input:active{ background: #00b8b0; color: #ffffff;}

.modal-dialog .loginN2 .ddN1 span{ width: 100%; height: auto; float: left;}
.modal-dialog .loginN2 .ddN1 span input{ width: 308px; height: auto; float: left; line-height: 42px; border: 1px solid #00b8b0; color: #ffffff; border-radius: 3px; margin-top: 32px; font-size: 16px; background: #00b8b0; cursor: pointer;}

.modal-dialog .loginN3{ width: 305px; height: auto; float: left; margin-left: 35px; margin-top: 250px;}
.modal-dialog .loginN3 a{ width: auto; height: auto; float: left; font-size: 14px; line-height: 20px; color: #999999; line-height: 30px; cursor: pointer;}
.modal-dialog .loginN3 span{ width: auto; height: auto; float: right; font-size: 14px; line-height: 20px; color: #999999; line-height: 30px; cursor: pointer;}

.modal-dialog .reg{ width:412px; height:auto; margin: 0 auto;}
.modal-dialog .reg_close{ width: 41px; height: 41px; position: relative; left: 373px; top: 21px; cursor: pointer;}
.modal-dialog .regIn{ width: 380px; height: 400px; float: left; margin-left: 16px; background:#fff; border-radius: 5px;}
.modal-dialog .regN1{ width: 100%; height: auto; float: left;}
.modal-dialog .regN1 a{ width: auto; height: auto; float: left; font-size: 16px; margin-top: 32px; margin-left: 10px; cursor: pointer;}
.modal-dialog .regN1 span{ width: 314px; height: auto; float: left; font-size: 20px; line-height: 25px; margin-top: 28px; text-align: center;}
.modal-dialog .regN2{ width: 310px; height: auto; float: left; margin-left: 35px;}
.modal-dialog .regN2 .tel{ width: 308px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 30px;}
.modal-dialog .regN2 .tel input{ width: 278px; height: 40px; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: #ffffff; background: url("../images/login_user.png") no-repeat center left 12px; text-indent: 40px; outline:none;}
.modal-dialog .regN2 .tel input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .regN2 .tel input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .regN2 .tel input:-ms-input-placeholder { color:#d9d9d9; }
.modal-dialog .regN2 .tel input:focus { outline:none;}
.modal-dialog .regN2 .tel i{ width: 20px; height: 20px; float: right; margin-top: 10px; margin-right: 8px; display: none; background: url("../images/wrong.png") no-repeat center center;}
.modal-dialog .regN2 .tel i a{ width: 100%; height: 20px; float: left;}
.modal-dialog .regN2 .tel:hover,.modal-dialog .regN2 .tel:active{ border: 1px solid #00b8b0;}
.modal-dialog .regN2 .tel:hover i,.modal-dialog .regN2 .tel:active i{ display: block;}
.modal-dialog .regN2 .code{ width: 100%; height: auto; float: left; margin-top: 30px;}
.modal-dialog .regN2 .codeL{ width: 164px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px;}
.modal-dialog .regN2 .codeL input{ width: 100%; height: 40px; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: #ffffff; background: url("../images/login_cold.png") no-repeat center left 12px; text-indent: 40px; }
.modal-dialog .regN2 .codeL input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .regN2 .codeL input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .regN2 .codeL input:-ms-input-placeholder { color:#d9d9d9; }
.modal-dialog .regN2 .codeL:hover,.modal-dialog .loginN2 .ddN0 .codeL:active{ border: 1px solid #00b8b0;}
.modal-dialog .regN2 .codeR{ width: auto; height: auto; float: left; margin-left: 10px;}
.modal-dialog .regN2 .codeR input{ width: auto; height: auto; float: left; line-height: 42px; font-size: 14px; text-align: center; border-radius: 3px; cursor: pointer; padding: 0 10px;}
.modal-dialog .regN2 .codeR_1{ border: 1px solid #00b8b0; color: #00b8b0; background: #ffffff;}
.modal-dialog .regN2 .codeR_2{ border: 1px solid #eeeeee; color: #999999; background: #eeeeee;}
.modal-dialog .regN2 .codeR input:hover,.modal-dialog .loginN2 .ddN1 .codeR input:active{ background: #00b8b0; color: #ffffff;}


.modal-dialog .regN2 .ok{ background: #f5ffbb;}
.modal-dialog .regN2 .warm{ border: 1px solid #ff4749; background: #ffedef;}
.modal-dialog .regN2 .why{ width: 310px; height: auto; float: left; line-height: 30px; color: #ff4749; display: none;}

.modal-dialog .regN2 .password{ width: 308px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 30px;}
.modal-dialog .regN2 .password input{ width: 300px; height: 40px; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: #ffffff; background: url("../images/login_pd.png") no-repeat center left 12px; text-indent: 40px; }
.modal-dialog .regN2 .password input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .regN2 .password input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .regN2 .password input:-ms-input-placeholder { color:#d9d9d9; }
.modal-dialog .regN2 .password:hover,.modal-dialog .regN2 .password:active{ border: 1px solid #00b8b0;}

.modal-dialog .regN2 span{ width: 100%; height: auto; float: left;}
.modal-dialog .regN2 span input{ width: 308px; height: auto; float: left; line-height: 42px; border: 1px solid #00b8b0; color: #ffffff; border-radius: 3px; margin-top: 30px; font-size: 16px; background: #00b8b0; cursor: pointer;}



.modal-dialog .regN3{ width: 310px; height: auto; float: left; margin-left: 35px; margin-top: 20px; text-align: center; line-height: 25px;}
.modal-dialog .regN3 a{ color: #00b8b0;}

.modal-dialog .psw{ width:412px; height:auto; margin: 0 auto;}
.modal-dialog .psw_close{ width: 41px; height: 41px; position: relative; left: 373px; top: 21px; cursor: pointer;}
.modal-dialog .pswIn{ width: 380px; height: 340px; float: left; margin-left: 16px; background:#fff; border-radius: 5px;}
.modal-dialog .pswN1{ width: 100%; height: auto; float: left;}
.modal-dialog .pswN1 a{ width: auto; height: auto; float: left; font-size: 16px; margin-top: 32px; margin-left: 10px; cursor: pointer;}
.modal-dialog .pswN1 span{ width: 314px; height: auto; float: left; font-size: 20px; line-height: 25px; margin-top: 28px; text-align: center;}
.modal-dialog .pswN2{ width: 310px; height: auto; float: left; margin-left: 35px; margin-top: 10px;}
.modal-dialog .pswN2 .tel{ width: 308px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 30px;}
.modal-dialog .pswN2 .tel input{ width: 278px; height: 40px; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: #ffffff; background: url("../images/login_user.png") no-repeat center left 12px; text-indent: 40px;}
.modal-dialog .pswN2 .tel input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .pswN2 .tel input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .pswN2 .tel input:-ms-input-placeholder { color:#d9d9d9; }
/*.modal-dialog .pswN2 .tel i{ width: 20px; height: 20px; float: right; margin-top: 10px; margin-right: 8px; display: none;}*/
.modal-dialog .pswN2 .tel i{ width: 20px; height: 20px; float: right; margin-top: 10px; margin-right: 8px; display: none; background: url("../images/wrong.png") no-repeat center center;}
.modal-dialog .pswN2 .tel i a{ width: 100%; height: 20px; float: left;}
.modal-dialog .pswN2 .tel:hover,.modal-dialog .pswN2 .tel:active{ border: 1px solid #00b8b0;}
.modal-dialog .pswN2 .tel:hover i,.modal-dialog .pswN2 .tel:active i{ display: block;}

.modal-dialog .pswN2 .ok{ background: #f5ffbb;}
.modal-dialog .pswN2 .warm{ border: 1px solid #ff4749; background: #ffedef;}
.modal-dialog .pswN2 .why{ width: 310px; height: auto; float: left; line-height: 30px; color: #ff4749; display: none;}

.modal-dialog .pswN2 .code{ width: 310px; height: 42px; float: left; margin-top: 30px;}
.modal-dialog .pswN2 .codeL{ width: 164px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px;}
.modal-dialog .pswN2 .codeL input{ width: 100%; height: 40px; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: #ffffff; background: url("../images/login_cold.png") no-repeat center left 12px; text-indent: 40px; }
.modal-dialog .pswN2 .codeL input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .pswN2 .codeL input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .pswN2 .codeL input:-ms-input-placeholder { color:#d9d9d9; }
.modal-dialog .pswN2 .codeL:hover,.modal-dialog .loginN2 .ddN0 .codeL:active{ border: 1px solid #00b8b0;}
.modal-dialog .pswN2 .codeR{ width: auto; height: auto; float: left; margin-left: 10px;}
.modal-dialog .pswN2 .codeR input{ width: auto; height: auto; float: left; line-height: 42px; font-size: 14px; text-align: center; border-radius: 3px; cursor: pointer; padding: 0 10px;}
.modal-dialog .pswN2 .codeR_1{ border: 1px solid #00b8b0; color: #00b8b0; background: #ffffff;}
.modal-dialog .pswN2 .codeR_2{ border: 1px solid #eeeeee; color: #999999; background: #eeeeee;}
.modal-dialog .pswN2 .codeR input:hover,.modal-dialog .pswN2 .codeR input:active{ background: #00b8b0; color: #ffffff;}

.modal-dialog .pswN2 span{ width: 100%; height: auto; float: left;}
.modal-dialog .pswN2 span input{ width: 308px; height: auto; float: left; line-height: 42px; border: 1px solid #00b8b0; color: #ffffff; border-radius: 3px; margin-top: 30px; font-size: 16px; background: #00b8b0; cursor: pointer;}

.modal-dialog .pswN3{ width: 310px; height: auto; float: left; margin-left: 35px; margin-top: 10px;}
.modal-dialog .pswN3 .password{ width: 308px; height: 42px; float: left; border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 30px;}
.modal-dialog .pswN3 .password input{ width: 300px; height: auto; float: left; line-height: 40px; border: 0px; font-size: 14px; color: #666666; background: #ffffff; background: url("../images/login_pd.png") no-repeat center left 12px; text-indent: 40px; }
.modal-dialog .pswN3 .password input::-moz-placeholder { color: #d9d9d9; }
.modal-dialog .pswN3 .password input::-webkit-input-placeholder { color:#d9d9d9; }
.modal-dialog .pswN3 .password input:-ms-input-placeholder { color:#d9d9d9; }
.modal-dialog .pswN3 .password:hover,.modal-dialog .pswN3 .password:active{ border: 1px solid #00b8b0;}

.modal-dialog .pswN3 span{ width: 100%; height: auto; float: left;}
.modal-dialog .pswN3 span input{ width: 308px; height: auto; float: left; line-height: 42px; border: 1px solid #00b8b0; color: #ffffff; border-radius: 3px; margin-top: 30px; font-size: 16px; background: #00b8b0; cursor: pointer;}



.modal-dialog .cla{ width:680px; height:auto; margin: 0 auto;}
.modal-dialog .cla_close{ width: 20px; height: 20px; position: relative; left: 652px; top: 26px; cursor: pointer;}
.modal-dialog .claIn{ width: 100%; height: auto; float: left; background:#fff; border-radius: 12px; overflow: hidden;}
.modal-dialog .claL{ width: 340px; height: auto; float: left;}
.modal-dialog .claR{ width: 340px; height: auto; float: left;}
.modal-dialog .claRT{ width: 100%; height: auto; float: left; line-height: 70px; background: #00c3bb; font-size: 22px; color: #ffffff; text-align: center;}
.modal-dialog .claRM{ width: 262px; height: auto; float: left; margin-left: 39px; margin-top: 4px;}
.modal-dialog .claRM li{ width: 100%; height: auto; float: left; margin-top: 29px;}
.modal-dialog .claRM .liN1 input{ width: 260px; height: 46px; float: left; line-height: 46px; border: 1px solid #e5e5e5; border-radius: 3px; font-size: 14px; color: #666666; background: #ffffff; text-indent: 10px;}
.modal-dialog .claRM .liN1 input::-moz-placeholder { color: #9f9f9f; }
.modal-dialog .claRM .liN1 input::-webkit-input-placeholder { color:#9f9f9f; }
.modal-dialog .claRM .liN1 input:-ms-input-placeholder { color:#9f9f9f; }
.modal-dialog .claRM .liN1 input:hover,.modal-dialog .claRM .liN1 input:active{ border: 1px solid #00b8b0;}
.modal-dialog .claRM .liN2{ width: 260px; height: 46px; float: left; border: 1px solid #e5e5e5; border-radius: 3px;}
.modal-dialog .claRM .liN2 dd{ width: 50%; height: auto; float: left; line-height: 46px; text-align: center; font-size: 14px; border-radius: 3px; cursor: pointer;}
.modal-dialog .claRM .liN2 dd.cur{ background: #00b8b0; color: #ffffff;}
/*.modal-dialog .claRM .liN3 input{ width: 100%; height: auto; float: left; line-height: 42px; border: 1px solid #e5e5e5; border-radius: 3px; font-size: 14px; color: #666666; text-indent: 30px;}*/
.modal-dialog .claRM .liN3 input{ width: 262px; height: auto; float: left; line-height: 46px; border: 1px solid #00b8b0; color: #ffffff; border-radius: 50px; font-size: 18px; background: #00b8b0; cursor: pointer;}