﻿body {
}
*{
    margin: 0;
    padding:0;
   list-style: none;
    font-family: 微软雅黑;
}
a{
    text-decoration: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
nav{
    width:100%;
    height: 70px;
    background: #ffffff;
    overflow: hidden;
    position: fixed;
    left:0;
    top:0;
    z-index: 999;
border-bottom: 1px solid #f5f6f8;
}
.navCenter{
    width: 1160px;
    height:70px;
    margin: 0 auto;
}
.logo{
    width:55px;
    height:45px;
    background: url("../img/logo.png")no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    margin-top:12px;
    cursor: pointer;
}
.nav-group li a{
    padding:0 23px ;
    line-height:70px;
    font-size:16px;
    color: #666;
    cursor: pointer;
}
.nav-group li a:hover{
    color: #106c9f;
}
.nav-group .now a{
    color: #106c9f;
}
.square{
    margin-top: 19px;
    line-height: 30px;
    text-align: center;
    width:68px ;
    height: 30px;
    border: 1px solid #106c9f;
    color: #106c9f;
    font-size:12px;
    cursor: pointer;
}
.square:hover{
    background: #106c9f;
    color: #fff;
}
.login{
    margin-left: 22px;
    margin-right:10px;

}
.register{
    background: #fff;
}
        .loginBox {
            width: 580px;
            height: 500px;
            background: #fff;
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -290px;
            margin-top: -250px;
            overflow: hidden;
            z-index: 1000000;

        }

        .close {
            background: url("/Content/Img/cha.png")no-repeat;
            width: 15px;
            height: 15px;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            position: absolute;
            top: 20px;
            right: 18px;
            transition: all 1s;
        }

            .close:hover {
                transform: rotate(90deg);
                transition: all 1s;
            }

        .loginTab {
            width: 380px;
            height: 55px;
            position: absolute;
            top: 49px;
            left: 100px;
        }

            .loginTab li {
                width: 50%;
                height: 54px;
                color: #323232;
                float: left;
                text-align: center;
                line-height: 54px;
                border-bottom: 1px solid #e5e5e5;
                cursor: pointer;
                transition: all 0.2s;
                font-size:18px;
            }

                .loginTab li:hover {
                    color: #116d9e;
                }

            .loginTab .now {
                height: 53px;
                color: #106ba0;
                border-bottom: 2px solid #106ba0;
            }

        .acc {
            width: 380px;
            height: 334px;
            position: absolute;
            display: none;
            top: 130px;
            left: 100px;
        }

            .acc input {
                width: 362px;
                height: 48px;
                border: 1px solid #cccccc;
                margin-top: 15px;
                text-align: justify;
                padding-left: 14px;
                font-size: 14px;
                outline: none;
                transition: all 1s;
            }

                .acc input:nth-child(1) {
                    margin-top: 0;
                }

            .acc .yanzheng {
                width: 224px;
                float: left;
            }

            .acc .ma {
                display: inline-block;
                width: 128px;
                height: 48px;
                border: 1px solid #a0a0a0;
                margin-left: 8px;
                margin-top: 15px;
                float: left;
                background: url("../img/ma.png")no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
            }

            .acc .red {
                border-color: #e75958;
            }

        .cuo,.cuo1{
            overflow: hidden;
            width: 400px;
            height: 40px;
            position: absolute;
            color: #e75958;
            font-size: 12px;
            top: 176px;
            left: 0;
            display: none;
            transition: all 0.5s;
        }
.cuo1 {
            top: 127px;
}

            .cuo i , .cuo1 i{
                width: 18px;
                height: 18px;
                display: inline-block;
                background: url("/Content/Img/icon1.png")no-repeat -154px -87px;
                margin-top: 10px;
            }

            .cuo span,.cuo1 span{
                display: inline-block;
                width:auto;
                margin-top: 11px;
                position: absolute;
                top: 0;
                left: 27px;
            }

        .pho {
            width: 380px;
            height: 259px;
            position: absolute;
            top: 130px;
            left: 100px;
            display: none;
        }
.tj {
    width: 380px;
    height: 50px;
    background: #106c9f;
    color: white;
    line-height: 50px;
    text-align: center;
    margin-top: 0px;
    cursor: pointer;
    font-size: 18px;
    transform: translateY(30px);
    overflow: hidden;
    -moz-user-select:none;/*火狐*/

-webkit-user-select:none;/*webkit浏览器*/

-ms-user-select:none;/*IE10*/

-khtml-user-select:none;/*早期浏览器*/

user-select:none;
}
 
            .tj:hover {
                background: #1273a8;
                color: #fffefd;
            }

        .za {
            width: 380px;
            height: 12px;
            position: absolute;
            top: 291px;
            left: 0;
            color: #999999;
            font-size: 12px;
        }

            .za a {
                color: #999999;
                font-size: 12px;
                position: absolute;
                left: 204px;
            }

                .za a:nth-child(1) {
                    left: 120px;
                }

            .za span {
                left: 189px;
                position: absolute;
            }

            .za a:hover {
                color: #106c9f;
            }

        .pho input {
            width: 362px;
            height: 48px;
            outline: none;
            padding-left: 14px;
            font-size: 14px;
            transition: all 0.5s;
            margin-top: 15px;
            border: 1px solid #cccccc;
        }

        .pho .dtm {
            width: 224px;
        }

        .pho .huoqu {
            width: 128px;
            height: 50px;
            border: 1px solid #0e6c9f;
            color: #0e6c9f;
            background: #ffffff;
            font-size: 12px;
            text-align: center;
            line-height: 48px;
            display: inline-block;
            margin-left: 10px;
            padding: 0;
            cursor: pointer;
        }

        .tijiao {
            width: 380px;
            height: 50px;
            background: #106c9f;
            color: white;
            line-height: 50px;
            text-align: center;
            margin-top: 30px;
            cursor: pointer;
            font-size: 18px;
            -moz-user-select:none;/*火狐*/

-webkit-user-select:none;/*webkit浏览器*/

-ms-user-select:none;/*IE10*/

-khtml-user-select:none;/*早期浏览器*/

user-select:none;
        }

            .tijiao:hover {
                background: #1273a8;
                color: #fffefd;
            }

        .pho > span > a {
            display: block;
            width: 50px;
            margin: 26px auto;
            font-size: 12px;
            color: #999999;
            text-align: center;
        }

            .pho > span > a:hover {
                color: #106c9f;
            }

        .mengban {
            width: 100%;
            height: 50px;
            background: rgba(0,0,0,0.4);
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99999;
        }
        .navlook {
            width: 110px;
            height: 30px;
            background: #a1cc3e;
            text-align: center;
            line-height: 30px;
            margin-top: 20px;
            float: right;
            font-size: 12px;
            color: white;
        }
.manPortrait{
width:50px;
height:70px;
background:url("/Content/Img/man.png")no-repeat 50% 50%;
background-size:30px 30px;
display:block;
float:right;
display:none;
}
.womanPortrait {
width:50px;
height:70px;
background:url("/Content/Img/woman.png")no-repeat 50% 50%;
background-size:30px 30px;
display:block;
float:right;
display:none;
}
.defaultPortrait
{
width:50px;
height:70px;
background:url("/Content/Img/touxiang.png")no-repeat 50% 50%;
background-size:30px 30px;
display:block;
float:right;
display:none;
}
.nav-span {
width:auto;
height:70px;
line-height:70px;
color:#666;
font-size:12px;
display:inline-block;
float:right;
display:none;
}
    .nav-span a {
    width:auto;
height:70px;
line-height:70px;
color:#666;
font-size:12px;
display:inline-block;

    }
.nav-gun {
width:1px;
height:14px;
background:#e5e5e5;
margin:28px 10px;
display:inline-block;
float:right;
display:none;
}