html{
    height: 100%;
    background: url("../img/bg.png") no-repeat;
    background-size: 100% 100%;
}
body{
    /*height: 100%;*/
    background: url("../img/bg.png") no-repeat;
    background-size: 100% 100%;
}
ul{
    list-style: none;
}
.re-wrapper{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.form-wrap{
    width: 500px;
    min-width: 500px;
    height: auto;
    margin: 225px auto;
}
.title{
    width: 100%;
    height: 70px;
}
.welcome{
    float: left;
    font-weight: bold;
    font-size: 36px;
    color: #fff
}
.line-item{
    height: 60px;
    width: 100%;
    margin-top: 7px;
}
.active-m{
    color: #FFBB00;
    border-bottom: 4px solid #FFBB00;
}
.left-line{
    display: inline-block;
    width: 100px;
    height: 45px;
    border-radius: 5px 0 0 5px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #242328;
}
.line-input{
    display: inline-block;
    box-sizing: border-box;
    width: 390px;
    height: 45px;
    padding: 0 14px;
    border-radius:0 5px 5px 0;
    vertical-align: top;
    border: none;
    outline: none
}
.send{
    display: inline-block;
    width: 120px;
    height: 45px;
    border-radius:0 5px 5px 0;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #8EC3ED;
}
.picker-div{
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    border-radius:0 5px 5px 0;
}
.register{
    display: inline-block;
    width: 300px;
    height: 46px;
    margin: 0 auto;
    border: 1px solid #06B3FF;
    background-color: #0C95FF;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    cursor: pointer;

}
.city-picker-span{
    border-radius:0 5px 5px 0;
}
.reg,query{
    width: 100%;
    height: auto;
}
.line-item{
    position: relative;
}
.clearicon{
    position: absolute;
    top: 50%;
    margin-top: -14.5px;
    right: 22px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
#nc{
    width: 505px;
    height: 35px;
}
.yun{
    float: right;
    margin-right: 10px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
}
.remember{
    color: #ECEBEB;
    font-size: 14px;
}
.remember input{
    margin-top:0px;
    margin-left: 4px;
    vertical-align: sub;
}
.application{
    float: right;
    margin-right: 20px;
    font-size: 14px;
    color: #B3B3B5;
    text-decoration: underline;
    cursor: pointer;
}
.forget{
    float: right;
    margin-right: 10px;
    font-size: 14px;
    color: #B3B3B5;
    text-decoration: underline;
    cursor: pointer;
}
.nav-top{
    position: fixed;
    width: 100%;
    height: 50px;
    background-color: #191A1C;
}
/*.logo{*/
    /*float: left;*/
    /*width: 150px;*/
    /*height: auto;*/
    /*margin-left: 10px;*/
    /*margin-top: 12px;*/
/*}*/
.logo img{
    vertical-align: middle;
}
.logo span{
    color: #929292;
}
.nav-top ul{
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-top ul li{
    float: left;
    width: 80px;
    height: auto;
    color: #929292;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    cursor: pointer;
}
@media only screen and (min-width: 1280px){
    header {
        background-color: rgba(0,0,0,0.1);
        height: 44px;
        padding: 0px;
        margin: 0px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgba(255,255,255,0.3);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1200;
        width: 100%;
    }
}
@media only screen and (min-width: 830px){
    header {
        background-color: rgba(0,0,0,0.7);
        height: 44px;
        padding: 0px;
        margin: 0px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgba(255,255,255,0.3);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1200;
        width: 100%;
    }
}
header{ background-color:rgba(0,0,0,0.7); height: 60px;  padding: 0px; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255,255,255,0.3); position: fixed; top:0px; width:100%; z-index:10000; -moz-transition: .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out;}

header .btn_nav ul li dl{ display:none;}
header .btn_nav ul li.selected a i{	-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
header .btn_nav ul li.selected dl{width:100%; display:block; margin:0px;}
header .btn_nav ul li dl dd{width:100%; height:50px; background-color:#3b3b3b; border-bottom:1px #434343 solid; line-height:50px;}
header .btn_nav ul li dl dd:last-child{ border-bottom:none;}
header .btn_nav ul li dl dd a{color:#9a9d9f; text-indent:2em; width:100%; display:block; height:50px; line-height:50px;}
header .logo{width:118px; height: 44px; margin-left:30px; float: left; background: url(/img/logo.png) center center no-repeat;}
header .logo a{ display:block; width:100%; height: 100%;}
nav{width: auto; height: 44px; float: right; display: block;}
nav ul{ height: 44px; display: block;margin: 0;}
header img{
    /*width: 150px;*/
    /*height: 40px;*/
    margin-top: 8px;
    margin-left: 33px;
}
nav ul li{float: left; height: 44px; width:auto;}
nav ul li a{ display: block;line-height: 60px; height:44px; padding: 0px 15px; font-size: 14px;-moz-transition: .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; color: #fff;text-decoration: none;}
nav ul li a:hover{color:#00dcf6;  }
nav ul li a i{clear:both; display: block; margin: 0px auto; width:0px; height:3px; background-color:#00dcf6; border-radius:3px;  -moz-transition: .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; background:-moz-linear-gradient(left,#006aff,#00d7ff);/background:-webkit-gradient(linear,0 50%,100% 50%,from(#006aff),to(#00d7ff));background:-webkit-linear-gradient(left,#006aff,#00d7ff);background:-o-linear-gradient(left,#006aff,#00d7ff);}
nav ul li a:hover i{width:100%;}
.shade{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #000;
    opacity:0.5;
}
.version-alert{
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -100px;
    z-index: 1100;
    width: 450px;
    height: 200px;
    background-color: #fff;
    letter-spacing:1px;
    border-radius: 6px;
}
.version-alert .version-title{
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 40px;
    /*padding-left: 10px;*/
    border-bottom: 2px solid #1CA8F8;
    font-size: 15px;
}
.version-alert .version-title span{
    margin-left: 10px;
}
.version-alert .version-title .close-alert{
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 20px;
    cursor: pointer;

}
.version-alert .version-content{
    overflow: hidden;
    width: 100%;
    height: 100px;
}
.version-alert .version-content p{
    width: 85%;
    margin: 32px auto;
    text-align: center;
    font-size: 14px;
}
.version-alert .version-bottom{
    overflow: hidden;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-top: 1px solid #F6F6F6;
    text-align: center;
}
.version-alert .version-bottom .downBtn{
    display: inline-block;
    width: 100px;
    height: 30px;
    background-color:#0592EC;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}
.version-alert .version-bottom label{
    float: right;
    margin-right: 20px;
    color:#979797;
    font-size: 14px;
}
.version-alert .version-bottom label input{
    margin-right: 3px;
    vertical-align: initial;
}
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/
*/

/*nav样式*/
header{ background-color:rgba(0,0,0,0.7); height: 60px;  padding: 0px; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255,255,255,0.3); position: fixed; top:0px; width:100%; z-index:10000; -moz-transition: .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out;}

header .logo{width:118px; height: 60px; margin-left:20px; float: left; background: url(../img/logo.png) center center no-repeat;}
header .logo a{ display:block; width:100%; height: 100%;}
/*header .btn_nav{ display:block; float:right; padding-right:30px; background:url(../img/menuico-1.png) 20px center no-repeat; width:45px; height:60px; background-size:40%;}*/
header .btn_nav ul{ background-color:#2e2e2e; width:80%; position:absolute; right:-80%; -moz-transition: .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; }
header .btn_nav ul li{ width:100%; min-height:50px; border-bottom:1px #444444 solid; padding:0px;}
header .btn_nav ul li a{ width:100%; display:block; color:#fff; line-height:50px; font-size:24px; text-indent:1em;}
/*header .btn_nav ul li a i{ float:right; width:50px; height:50px; background:url(../img/whitearrow.png) center center no-repeat;-moz-transform-origin:center center;}*/
header .btn_nav ul li dl{ display:none;}
header .btn_nav ul li.selected a i{	-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
header .btn_nav ul li.selected dl{width:100%; display:block; margin:0px;}
header .btn_nav ul li dl dd{width:100%; height:50px; background-color:#3b3b3b; border-bottom:1px #434343 solid; line-height:50px;}
header .btn_nav ul li dl dd:last-child{ border-bottom:none;}
header .btn_nav ul li dl dd a{color:#9a9d9f; text-indent:2em; width:100%; display:block; height:50px; line-height:50px;}

/*header nav{display:none;}*/

/*=======================================================================================================++++++++++++++++++++++++++++++++++++++++++++*/

/* 桌面电脑布局: 769px 至最高 1279px。样式继承自: 移动设备布局和平板电脑布局。 手机端重点考虑 */

@media only screen and (min-width: 830px) {
    .gridContainer {width: 100%; max-width: 1281px;}
    /*nav样式*/
    header{ background-color:rgba(0,0,0,0.7); height: 44px;  padding: 0px; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255,255,255,0.3); position: absolute; left :0px; top:0px; width:100%;}

    header .logo{width:118px; height: 44px; margin-left:30px; float: left; background: url(../img/logo.png) center center no-repeat;}
    header .logo a{ display:block; width:100%; height: 100%;}
    header .btn_nav{ display:none;}
    header nav{width: auto; height: 44px; float: right; display: block;}
    header nav ul{height: 44px; display: block;}
    header nav ul li{float: left; height: 44px; width:auto;}
    header nav ul li a{ display: block;line-height: 41px; height:44px; padding: 0px 15px; font-size: 14px;-moz-transition: .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; color: #fff;}
    header nav ul li a:hover{color:#00dcf6;  }
    header nav ul li.selected a{color:#00dcf6;  }
    header nav ul li a i{clear:both; display: block; margin: 0px auto; width:0px; height:3px; background-color:#00dcf6; border-radius:3px;  -moz-transition: .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; background:-moz-linear-gradient(left,#006aff,#00d7ff);/*Mozilla*/background:-webkit-gradient(linear,0 50%,100% 50%,from(#006aff),to(#00d7ff));/*Old gradient for webkit*/background:-webkit-linear-gradient(left,#006aff,#00d7ff);/*new gradient for Webkit*/background:-o-linear-gradient(left,#006aff,#00d7ff); /*Opera11*/}
    header nav ul li a:hover i{width:100%;}
    header nav ul li.selected a i{width:100%;}


}
/*=======================================================================================================++++++++++++++++++++++++++++++++++++++++++++*/
/* 桌面电脑布局: 1280px 至最高 1440px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 1280px) {
    header{ background-color:rgba(0,0,0,0.1); height: 44px;  padding: 0px; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255,255,255,0.3); position: absolute; left :0px; top:0px; width:100%;}
    header:hover{ background-color:rgba(0,0,0,0.6);}


    header .logo{width:118px; height: 44px; margin-left:30px; float: left; background: url(../img/logo.png) center center no-repeat;}
    header .logo a{ display:block; width:100%; height: 100%;}
    header nav{width: auto; height: 44px; float: right;}
    header nav ul{height: 44px; display: block;}
    header nav ul li{float: left; height: 44px; width:auto;}
    header nav ul li a{ display: block;line-height: 41px; height:44px; padding: 0px 15px; font-size: 14px;-moz-transition: .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; color: #fff;}
    header nav ul li a:hover{color:#00dcf6;  }
    header nav ul li a i{clear:both; display: block; margin: 0px auto; width:0px; height:3px; background-color:#00dcf6;  -moz-transition: .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; }
    header nav ul li a:hover i{width:100%;}
}
/*=======================================================================================================++++++++++++++++++++++++++++++++++++++++++++*/

/* 桌面电脑布局: 1440px 至最高 1920px。样式继承自: 移动设备布局和平板电脑布局。 */