@charset "utf-8";
/* CSS Document */
#default{width: 100%; margin: 0 auto; float: left; height: auto; background: url("../images/tc_banner.jpg") top center repeat; }
#default .defaultIn{width: 1200px; margin: 0 auto; margin-top: 75px; }
#default ul{margin: 0 auto; margin-left: 70px; }
#default ul li{width: 250px; float: left; height: 180px; border: 2px solid #ffffff; margin-top: 35px; margin-right: 20px; }
#default ul li a{width: 250px; display: block;  height: 180px; }
#default ul li a:hover{ background: url("../images/tc_hover.png") no-repeat;}
#default ul li a .default_img{ width: 100%; margin: 0 auto; text-align: center;  padding-top: 30px; }
#default ul li a span{ width: 100%;float: left; margin: 0 auto; text-align: center; font-size: 32px; color: #ffffff; padding-top: 8px;}
#default ul li.topli{width:524px; float: left; height: 180px; border: 2px solid #ffffff; margin-right: 20px; }
#default ul li.topli a{width: 524px; display: block;  height: 180px; }
#default ul li.topli a:hover{ background: url("../images/tc_hover.png") no-repeat;}
#default ul li.topli a .default_img{ width: 100%; margin: 0 auto; text-align: center;  padding-top: 30px; }
#default ul li.topli a span{ width: 100%;float: left; margin: 0 auto; text-align: center; font-size: 32px; color: #ffffff; padding-top: 8px;}


/*弹窗*/
.modal{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; 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;}

.modal-dialog .login{ width:412px; height:auto; margin: 0 auto;}
.modal-dialog .login li.cur{ border-bottom: 2px solid #03c8bf;}
.modal-dialog .login 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: 240px; height: auto; float: left; margin-top: 25px; font-size: 20px; line-height: 25px; text-align: right;}
.modal-dialog .loginN1 .login_close{ width: 25px; height: 25px; float: right; top: 21px;}
.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: auto; 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: 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 .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 .prompt{margin-left: 110px; margin-top: 90px;}

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