@charset "utf-8";/* CSS Document*/
body{padding:0;margin:0 auto;font-family:"Microsoft YaHei";}
img,ul,ol,li,dl,dt,dd,p{margin:0;padding:0;border:0;list-style:none;}
input{outline:medium;border:none;background-color:transparent;}
input[placeholder], [placeholder], *[placeholder]{color:#058cc7 !important;}
a{text-decoration:none}
a:visited, a:link, a:active { color:#FFF}
a:hover{ color:#52c0f9}
.clear_both{clear:both;}
.main{}
.head{height:100px;margin-left:200px;color:#19238a;line-height:100px;font-size:30px;}
.head img{float:left;margin-top:25px;}
.content{width:100%;height:600px;background:url(bg.jpg) no-repeat center;background-size:cover;}
.login{width:400px;position:absolute;right:15%;top:150px;}
.login2{width:100%;height:100%;border:2px solid rgba(255,255,255,0.6);
    border-radius:15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding-bottom: 25px;}
.txt{text-align:center;}
.name{width:345px;height:58px;margin:0 auto;
    margin-bottom:20px;}
.user_write_wrapper{
    display: block;
    width: 90%;
    margin: 0 auto 10px;
    position: relative;
    height: 50px \9;
    overflow: hidden \9;
}
.user_write_wrapper input{
    color: #0858b3;
    font-size:16px;
    background: #eef6fa;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    float: left;
    width: 80%;
    padding: 5px 0% 5px 20%;
    height: 41px;
}
.user_write_wrapper input::-webkit-input-placeholder { /* WebKit browsers */
    color: #0d97d3;
}
.user_write_wrapper input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #0d97d3;
}
.user_write_wrapper input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #0d97d3;
}
.user_write_wrapper input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #0d97d3;
}
.user_write_wrapper img{
    position: absolute;
    top: 0;
    left:0;
    background: #b4dbe9;
    border-radius:10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    padding: 8px;
    float: left;
    z-index: 10;
}
.bt{width:340px;height:52px;margin:0 auto;line-height:52px;color:#fff;font-size:20px;margin-top:15px;
    border:1px solid #59C5F8;
    filter:alpha(opacity=100,finishopacity=50,style=1,startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0A8CCA,endcolorstr=#11ACE4,gradientType=0);
    -ms-filter:alpha(opacity=100,finishopacity=50,style=1,startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0A8CCA,endcolorstr=#11ACE4,gradientType=0);
    /*IE8*/
    background:#0A8CCA;
    /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right,#0A8CCA, #11ACE4);
    background:-moz-linear-gradient(right, #0A8CCA, #11ACE4);
    background:-webkit-linear-gradient(right, #0A8CCA, #11ACE4);
    background:-o-linear-gradient(right, #0A8CCA, #11ACE4);
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align:center;margin-bottom:20px;
    transition:all 0.5s linear;
}
.bt:hover,.bt:focus,.bt:active{
    filter:alpha(opacity=100,finishopacity=50,style=1,startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#109ee2,endcolorstr=#109ee2,gradientType=0);
    -ms-filter:alpha(opacity=100,finishopacity=50,style=1,startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#109ee2,endcolorstr=#109ee2,gradientType=0);
    background:#109ee2;
    background: linear-gradient(to right,#109ee2, #109ee2);
    background:-moz-linear-gradient(right, #109ee2, #109ee2);
    background:-webkit-linear-gradient(right, #109ee2, #109ee2);
    background:-o-linear-gradient(right, #109ee2, #109ee2);
    transition:all 0.5s linear;
}
.bt:active{position: relative;top:1px;}
.box{width:345px;margin:0 auto;color:#fff;;font-size:14px; line-height:20px; }
.foot{font-size:14px;color:#999999;margin-top:30px;}
.foot p{text-align:center;margin-top:5px;}
/* .squaredThree*/
.squaredThree{width: 20px;position: relative;float: left;margin-right: 5px;}
.squaredThree label{width: 20px;height: 20px;cursor: pointer;position: absolute;top: 0;left: 0;background: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);}
.squaredThree label:after{content: '';width: 9px;height: 5px;position: absolute;top: 4px;left: 4px;border: 3px solid #048AC0;border-top: none;border-right: none;background: transparent;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.squaredThree label:hover::after{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity: 0.3;}
.squaredThree input[type=checkbox]{visibility: hidden;}
.squaredThree input[type=checkbox]:checked + label:after{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;}

.zhuce{ text-align:center; color:#FFF; font-size:16px;	}


.biaodan {
    color: #058cc7;
    padding-top: 15px;
}
.biaodan input {
    background: #edf7f9 none repeat scroll 0 0;
    border: 1px solid #88c5da;
    border-radius: 5px;
    color: #fff;
    height: 34px;
    margin: 0 80px 0 auto;
    padding: 0 10px;
    width: 300px;
}
.biaodan select {
    background: #edf7f9 none repeat scroll 0 0;
    border: 1px solid #88c5da;
    border-radius: 5px;
    height: 34px;
    margin: 0 80px 0 auto;
    padding: 0 10px;
    width: 300px;
    color:#058cc7;
}