html {
    width: 100%;
}

body {
    font-size: 14px;
    margin: 0px;
    padding: 76px 0px 0px 0px;
    font-family: "微软雅黑","黑体",Arial,Tahoma,sans-serif,serif;
    color: #232323;
    font-weight: 300;
    background-color: #fff;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: white;
    -webkit-box-shadow: 0 0 6px #bbb;
    -moz-box-shadow: 0 0 6px #bbb;
    box-shadow: 0 0 6px #bbb;
    cursor: default;
    text-align:center;
    height:76px;
}
footer{
  background: #303030;
  text-align: center;
  padding: 30px 0px;
  color: #808081;
  font-size:12px;
}
nav{
    max-width:1200px;
    width:100%;
    margin:auto;
    text-align:left;
}
nav .logo{
    height:66px;
    margin:4px 0px;
    border:0px solid #fff;
}
nav .menu{
    float:right;
}
nav .menu ul{
    margin:0px;
    padding:0px;
}
nav .menu ul li{
    list-style:none;
    display:inline-block;
    padding:0px;
    height:76px;
    line-height:76px;
    cursor:pointer;
}
nav .menu ul li:hover{
    background-color:#EEE;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
}
nav .menu ul li a{
    text-decoration:none;
    padding:0px 16px;
    color: #232323;
    letter-spacing:4px;
}
nav .menu ul li.login{
    margin-left:40px;
    /*background-color:#a5d414;
    background-color:#f4951c;
    color:#fff;*/
}
nav .menu ul li.login a{
    /*color:#fff;*/
}
nav .menu ul li.spr{
    border-right:1px solid #777;
}
.clearfix {
    zoom: 1;
}

    .clearfix::after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

.sd {
    -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.5);
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.5);
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.1) \9;
    border-top: solid 1px #c3cbce;
    border-right: solid 1px #c3cbce \9;
    border-bottom: solid 1px #b4bbbe \9;
    border-left: solid 1px #c3cbce \9;
    margin-left: -1px \9;
}

/**table**/
.jtb {
    border-collapse: collapse;
    border: 1px solid #E3E3E3;
    background-color: #fefefe;
    margin: 10px;
    width: 460px;
}

    .jtb tr {
        border: 1px solid #E3E3E3;
        text-align: center;
        height: 20px;
        font-size: 13px;
    }

    .jtb th {
        border: 1px solid #E3E3E3;
        background-color: #FCFCFC;
        text-align: center;
        font-weight: normal;
        vertical-align: middle;
        height: 20px;
    }

    .jtb td {
        vertical-align: middle;
        border: 1px solid #E3E3E3;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #666;
        padding: 0 15px;
        text-align: center;
    }
.jbtn{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0px solid #fff;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
    outline: 0;
    font-family: 'Microsoft YaHei UI',Arial;
    letter-spacing:4px;
    font-size: 16px;
    line-height: 50px;
    padding: 0 25px;
     transition: background 1s;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s;
}.jbtn-primary {
    background-color: #EC3360;
}
 .jbtn-primary:hover{
     background-color: #9b0026;
 }
  #frTheme{
      background-color:#30353E;text-align:center;
      border-bottom:1px solid #30353E;
  }
 #frTheme h1{
     font-weight:300;color:#fff;margin:0px auto;font-size:48px;font-family:Consolas,Arial,'Microsoft YaHei UI';padding:100px 0px 20px 0px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 }
    #frTheme h2 {
        font-weight:300;color:#fff;margin:0px auto;font-size:28px;padding:50px 0px 60px 0px;letter-spacing:12px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }
nav .btn-menu{
    float:right;
    padding:4px 8px;
    margin:2px 10px auto auto;
    display:none;
}
#frFun{
    background-color:#4D76BA;text-align:center;color:#fff;
}
#frFun .ar,#frTd .ar{
    margin:0px auto;width:100%;max-width:1000px;padding:40px 0px 60px 0px;
}
#frTd .ar{
    max-width:800px;padding:40px 0px 40px 0px;
}
#frFun .md{
    float:left;width:50%;
}
#frFun .md img{
    width:100%;max-width:240px;
}
#frFun h3{
    font-size:20px;font-weight:300;margin-bottom:30px;letter-spacing:2px;
}
#frFun .desc{
    margin-top:30px;line-height:200%;
}
#frTd{
    background-color:#30353E;color:#fff;
}
#frTd h3{
    font-size:20px;font-weight:300;margin-bottom:30px;letter-spacing:2px;line-height:200%;
}
#frTd .dnl img,#frTd .xsl img{
    width:100%;
}
#frTd .dnl{
    float:left;width:20%;
}
#frTd .dnr{
    float:left;text-align:right;width:80%;
}#frTd .xsl{
    float:right;width:20%;
}
#frTd .xsr{
    float:left;text-align:left;width:80%;
}
#frKh{
    background-color:#e5e7e6;
}
#frKh .mr{
    margin:0px auto;width:100%;max-width:800px;padding:40px 0px 40px 0px;text-align:center;
}
#frKh h2{
    font-size:30px;font-weight:300;margin-bottom:30px;letter-spacing:6px;
}
#frKh h3{
    font-size:20px;font-weight:300;margin-bottom:30px;letter-spacing:6px;
}
#frKh img{
    width:100%;
    max-width:200px;
}
/*********注册step模块*************/
/*********Form表单************/
.regForm{
    max-width:800px;
}
.comForm{
    color:#666;
    text-shadow:none;
    -webkit-animation-duration: 1s;
    margin:0px auto 100px auto;
    text-align:left;
    border: 1px solid #efefef;
    -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
    box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
    background: #fff;
    padding: 20px 40px;
    border-radius:0px;
}
.comForm label{
    font-weight:normal;
    font-size:14px;
}
.comForm .form-group{
    margin-bottom:30px;
    position:relative;
}
.comForm h3{
    color: #5c6371;
    font-size: 20px;
    border-bottom:1px solid #e1e1e1;
    font-weight:normal;
    margin:0px 0px 30px 0px;
    padding:8px 0px 20px 0px;
}
.loginForm{
    margin-top:60px;
    max-width:660px;
}
.loginForm form{
    padding:30px 100px 20px 100px;
}
.loginForm form i{
    margin:0px;
    font-size:16px;
}
.stepheader{
    width:800px;
    margin:40px auto 0px auto;
    border-top:1px solid #efefef;
    border-left:1px solid #efefef;
    border-right:1px solid #efefef;-webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
    box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
    background:#fff;
    text-shadow:none;
}
.stepheader ul{
    margin: 0px;
    padding:0px;
    background-color:#fff;
    list-style: none;
    font-size:14px;
}
.stepheader ul li {
    display:inline-block;
    margin: 0px;
    padding:12px 0px;
    min-height:44px;
    width:33.3%;
    float:left;
    text-align:center;
}
.stepheader ul li.arrow {background: url(/Content/images/step.png) right top no-repeat;}
.stepheader ul li.arrow.nnow {background-position: 100% -88px;color:#fff;background-color: #44b549; }
.stepheader ul li.arrow.nnext {background-position: 100% 0px;}
.stepheader ul li.arrow.nlast {background-position: 100% -44px;}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #f66;
}
.tooltip-inner{
    background-color: #f66;
}
#valierr{
    position: absolute;
    right: 20px;
    background-color: #B90101;
    color: #fff;
    padding: 2px 8px;
    margin-top: -10px;
    border-radius: 3px;
    z-index:999;
    font-size: 12px;
}

/*****响应式******/
/******Pad端********/
@media only screen and (min-width: 768px) and (max-width: 979px) {
}
/*****手机端****/
@media only screen and (max-width: 767px) {
    body {
        padding: 30px 0px 0px 0px;
    }
    header {
        height:auto;
    }
    footer{
      padding: 10px 10px;
    }
    nav .logo{
        height:30px;
        margin:2px 8px;
    }
    nav .menu{
        float:none;
        display:none;
    }
    nav .menu ul{
        margin:0px;
        padding:0px;
    }
    nav .menu ul li{
        list-style:none;
        display:block;
        padding:10px ;
        font-size:12px;
        height:auto;
        line-height:inherit;
    }
    nav .menu ul li.login{
        margin-left:0px;
    }
    nav .btn-menu {
        display:block;
    }
    #frTheme h1{
     font-size:36px;padding:50px 0px 16px 0px;
    }#frTheme h2 {
        font-size:20px;padding:20px 0px 30px 0px;letter-spacing:6px;
    }
    #frFun .md{
        float:none;width:100%;
    }
    #frFun .ar,#frTd .ar{
        padding:10px 0px 10px 0px;
    }
    #frTd .dnl {
        float: none;
        width: 100%;
        text-align:center;
    }
    #frTd .dnl img,#frTd .xsl img {
        width: 50%;
    }
    #frTd .dnr h3,#frTd .xsr h3{
        font-size: 16px;
        margin-bottom: 30px;
        letter-spacing: 1px;
        line-height: 200%;
        text-align:center;
        padding:0px 16px;
    }
    #frTd .dnr,#frTd .xsr {
        float: none;
        width: 100%;
    }
    #frTd .xsl{
        float: none;
        width: 100%;
        text-align:center;
    }
    #frKh h2 {
        font-size: 20px;
    }
    .stepheader{
        display:none;
    }
    .regForm .col-xs-2{
        width:100%;
    }
    .loginForm form{
        padding:40px 20px 40px 20px;
    }
}