/*top start*/
.top-box {background-color: #f3f3f3;height: 41px;line-height: 40px;font-size: 12px; color: #666;}
.top-box a{color: #666;}
/* .top-menu{margin-right: -13px;} */
.top-menu img {position: relative;top: 3px;margin-right: 4px;}
.top-menu li {padding-left: 15px}
.top-menu .vip{color: #dfab68;position: relative;top: -1px;}
.top-menu .vip em{color: #dfab68}
.top-menu .vip span{color: #dfab68;}
.top-menu .vip span:hover,.top-menu .vip em:hover{color: #2f5cbb;}
.top-menu li i {font-size: 12px;color: #ddd;padding-right:10px;border-right: 1px solid #e0e0e0}
.top-menu li em {color: #aaa;}
.top-menu a:hover,.top-menu a:hover em {color: #2f5cbb;}
.top-box i.home {margin-left: 12px}
.top-box i.phone{margin-left: 25px}
.top-box .icon-dropdown{color: #aaa}
.home,.phone{color: #aaa;font-size: 12px}
.brand{margin-left:20px;cursor: pointer;line-height: 40px;position: relative;width: 100px;z-index: 999;padding:0 10px;}
.brand:hover{background: #fff;border-color: #e4e4e4;}
.brand:hover span{ color: #666;}
.brand:hover .brandbox{display: block}
.brandbox{position: absolute;width: 120px;background: #fff;height: 250px;left: -1px;border: 1px solid #e4e4e4;border-top: none;display: none}
.brandbox a{width: 90px;height: 36px;padding: 0 15px;line-height: 36px;display: block;text-align: left;font-size: 12px;text-indent: .5em;color: #666;}
.brandbox a:hover{background: #f3f6f9}
.phonebox{cursor: pointer;line-height:39px;position: relative;}
.phoneother{width:320px;height: 310px;background:#fff;position: absolute;z-index: 2;border:1px solid #eeeeee;top: 32px;display: none;left: -100px}
.phonepart{padding:20px;border-bottom: 1px dashed #cecece}
.phonepart:last-child{border:none;}
.phonepart img{margin-right:20px;width: 115px}
.phonepart h4{width: 140px;font-weight: normal;color: #333}
.phonepart h5{width: 140px;font-weight: normal;color: #333;line-height:32px;font-size: 14px}
.phonepart p{font-size: 12px;color: #888;line-height:20px;}
.boxsp{background: #e5e5e5;width:40px;height:40px;border-radius: 40px;line-height:40px;text-align: center;margin-right:27px;margin-left:3px;}
.boxsp span{color: #333}
.boxsp i{font-size: 20px;color: #333}
.phonebox:hover,.phonebox:hover .icon-dropdown{color: #2f5cbb}
.phonebox:hover .phoneother{display: block;}
.bind{width:135px;height: 31px;line-height:31px;background: url(../images/topRBg.png) center no-repeat;color:#f40000;text-align: center;padding-left: 0!important;margin-top:5px;position: relative;left: 10px}

.loginout a {color: #666;font-size: 12px;margin: 0 12px;}
.icon-top {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

@media screen and (max-width: 980px) {
    .brand {
        width: 130px;
    }
}
/*#login{background: url(/images/index/loginBtn.png) center no-repeat;width: 65px;height: 45px;position: relative;padding-left: 0;text-shadow: 2px 1px rgba(0,0,0,.2);box-sizing: border-box;font-size: 14px;left: 5px;}
#login a{color: #fff;display: block;padding-left: 14px;}*/
#login {
    /* background: url(/images/index/loginBtn.png) center no-repeat; */
    width: 65px;
    height: 40px;
    position: relative;
    padding-left: 0;
    text-shadow: 2px 1px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    font-size: 14px;
    left: 5px;
}

#login a {
    color: #fff;
    display: block;
    /* padding-left: 14px; */
    background: #326cf6;
    background-image: linear-gradient(to right bottom, #3276f8, #273bc1);
    text-align: center;
    border-radius: 5px;
}

.top-box a {
    color: #222;
}