body{background:#f6f6f6;}
.login-body{position:relative;background-image:url(images/login-bg.jpg);background-size:100% 100%;background-color:#333;}
.login-logo{position:absolute;top:30px;left:30px;}
.login-logo img{width:140px;}
.container {width: 1170px !important;}
.head{height:70px;position:relative;margin-bottom:20px;}
.header{position: relative;width:100%;min-height:70px;background: #fff;-webkit-box-shadow: 0 1px 2px hsla(0,0%,60%,.8);box-shadow: 0 1px 2px hsla(0,0%,60%,.8);z-index: 1;}
.header-c{position:relative;height:70px;}
.header-c .logo{position:absolute;left:10px;top:10px;width:160px;}
.header-c .logo img{width:100%;}
.header-c .search{position:absolute;right:10px;width:300px;top:15px;}
.header-c .search .form-control{padding: 9px 12px 9px 20px;height:40px;border-bottom-left-radius:20px;border-top-left-radius:20px;}
.header-c .search .search-btn{padding:9px 25px 9px 15px;border-bottom-right-radius:20px;border-top-right-radius:20px;}

.header-c .site-user{position:absolute;top:25px;right:0px;padding-left:40px;}
.header-c .site-user .user-port{position:absolute;top:0px;left:0px;width:40px;height:40px;border-radius:50%;}
.header-c .site-user .btn-link{padding:9px 12px;border:none;}
.header-c .site-user .line{color:#bbb;float:left;line-height:40px;}
.header-c .site-user .dropdown-menu{min-width:100px;margin: 0px 0 0;text-align:center;}
.header-c .site-user .dropdown-menu li{border-bottom:1px solid #eee;}
.header-c .site-user .dropdown-menu li:last-child{border-bottom:none;}
.header-c .site-user .dropdown-menu li a{padding: 6px 15px;}
.header-c .site-user:hover .dropdown-menu {display:block;}

.user-box{background:#fff;border-radius:5px;}
.user-tx{text-align:center;padding-top:20px;border-bottom:1px solid #e5e5e5;}
.user-tx img{width:90px;height:90px;border-radius:50%;}
.user-tx p{font-size:18px;color:#333;line-height:46px;}
.user-num{}
.user-num a{text-align:center;padding:15px 0px;font-size:24px;font-family:Arial;font-weight:bold;color:#000;display:block;}
.user-num a:hover,.user-box .user-num a:focus,.user-box .user-num a:active{text-decoration:none;}
.user-num p{font-size:14px;color:#999;font-weight:normal;}
.user-nav ul{list-style:none;margin:0px;padding:0px;border-top:1px solid #eee;}
.user-nav li{position:relative;margin-top:-1px;}
.user-nav li a{text-align:center;padding:12px 0px;font-size:14px;color:#333;display:block;border-bottom:1px solid #eee;}
.user-nav li.active{z-index:999}
.user-nav li.active a{background:#329ef4;color:#fff;border-bottom:1px solid #329ef4;}
.user-nav li a:hover,.user-nav li a:focus,.user-nav li a:active{text-decoration:none;color:#329ef4;}
.user-nav li.active a:hover,.user-nav li.active a:focus,.user-nav li.active a:active{color:#fff;}

.user-box-tit{border-bottom:1px solid #e5e5e5;position:relative;min-height:1px;overflow:hidden;padding-left:5px;height:52px;}
.user-box-tit h2{padding:15px 20px;color:#333;font-size:15px;}
.user-box-tit li{float:left;padding:0px 15px;margin-bottom:-1px;position:relative;}
.user-box-tit li a{display:block;padding:15px 0px;border-bottom:2px solid transparent;color:#333;display:block;}
.user-box-tit li.active a{border-bottom:2px solid #329ef4;color:#329ef4}
.user-box-tit li a:hover,.user-box-tit li a:focus,.user-box-tit li a:active{color:#329ef4;text-decoration:none;}

.sc-box{position:relative;min-height:1px;border-bottom:1px solid #e5e5e5;padding:20px 0px;overflow:hidden;padding:20px;}
.sc-box .sc-box-img{width:160px;float:left;padding-right:20px;}
.sc-box .sc-box-img img{width:100%;height:90px;}
.sc-box .sc-box-bd{margin:0px;position:relative;height:90px;padding-right:160px;}
.sc-box .sc-box-bd h2{padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sc-box .sc-box-bd h2 a{font-size:18px;color:#333;line-height:36px;}
.sc-box .sc-box-bd h2 a:hover,.sc-box .sc-box-bd h2 a:focus,.sc-box .sc-box-bd h2 a:active{color:#329ef4;text-decoration:none;}
.sc-box .sc-box-bd p{line-height:24px;font-size:12px;color:#999;}
.sc-box .sc-box-bd .btn-danger{border-radius:16px;margin-left:15px;padding:5px 20px;position:absolute;top:30px;right:20px;}

.gz-box{position:relative;min-height:1px;border-bottom:1px solid #e5e5e5;padding:20px 0px;overflow:hidden;padding:20px;}
.gz-box .gz-box-img{width:86px;float:left;padding-right:30px;}
.gz-box .gz-box-img img{width:56px;height:56px;border-radius:28px;}
.gz-box .gz-box-bd{margin:0px;position:relative;height:56px;}
.gz-box .gz-box-bd h2{padding-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;}
.gz-box .gz-box-bd h2.fs{padding-top:0px;line-height:24px;}
.gz-box .gz-box-bd h2 a{font-size:18px;color:#333;}
.gz-box .gz-box-bd h2 a:hover,.gz-box .sc-box-bd h2 a:focus,.gz-box .gz-box-bd h2 a:active{color:#329ef4;text-decoration:none;}
.gz-box .gz-box-bd p{line-height:24px;font-size:12px;color:#999;}
.gz-box .gz-box-bd .btn-default{border-radius:16px;margin-left:15px;padding:5px 20px;position:absolute;top:10px;right:0px;}

.user-form{padding:20px;}
.user-form .form-group{padding:5px 0px;}
.user-form .control-label{font-weight:normal;color:#999;}
.user-form .btn-link{color:#333;}
.user-form .user-img{width:90px;height:90px;padding:4px;border:1px solid #ddd;}
.user-form p.info{color:#999;font-size:12px;line-height:24px;}

.hgh-img img{width:100%;}
.hgh-tit{background:#fff;height:84px;position:relative;}
.hgh-user-img{position:absolute;top:-36px;left:30px;border:4px solid rgba(0,0,0,0.1);border-radius:50%;overflow:hidden;width:100px;height:100px;}
.hgh-user-img img{width:100px;height:100px;}
.hgh-tit h2{position:absolute;left:150px;top:10px;font-size:24px;color:#333;font-weight:bold;line-height:36px;}
.hgh-tit h2 a{color:#333;}
.hgh-tit h2 a:hover,.hgh-tit h2 a:focus,.hgh-tit h2 a:active{color:#329ef4;text-decoration:none;}
.hgh-tit .btn-info{position:absolute;right:20px;top:26px;}

.user-hot-tit{border-top:2px solid #4889f3;padding:10px 20px;border-bottom:1px solid #eee;font-weight:bold;font-size:18px;}
.user-hot-list{padding:10px 0px;}
.hot-list-box{position:relative;min-height:1px;overflow:hidden;padding:10px 20px;}
.hot-list-box .hot-list-box-img{width:120px;float:left;padding-right:20px;}
.hot-list-box .hot-list-box-img img{width:100px;height:65px;}
.hot-list-box .hot-list-box-bd{margin:0px;position:relative;height:65px;}
.hot-list-box .hot-list-box-bd h2{line-height:18px;}
.hot-list-box .hot-list-box-bd h2 a{font-size:15px;color:#333;}
.hot-list-box .hot-list-box-bd h2 a:hover,.hot-list-box .hot-list-box-bd h2 a:focus,.hot-list-box .hot-list-box-bd h2 a:active{color:#329ef4;text-decoration:none;}
.hot-list-box .hot-list-box-bd p{line-height:24px;font-size:12px;color:#999;}
.hot-list-box .hot-list-box-bd .btn-danger{border-radius:16px;margin-left:15px;padding:5px 20px;position:absolute;top:30px;right:20px;}


.login-box{width:360px;position:absolute;left: 50%;top:50%;margin-left:-180px;background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.3)}
.login-footer{position:absolute;width:100%;line-height:36px;font-size:12px;left:0px;bottom:0px;text-align:center;color:#666}
.login-tabs{border-bottom:1px solid transparent;background:#f7f3ff;}
.login-tabs li{width:50%;text-align:center;}
.login-tabs > li > a {margin: 0px;border: 1px solid transparent;border-radius: 0px;font-size:16px;padding:15px 0px;}
.login-tabs > li > a{border: 1px solid transparent;}
.login-tabs > li > a:hover {border-color: transparent;background:none;}
.login-tabs > li.active > a, .login-tabs > li.active > a:hover, .login-tabs > li.active > a:focus {border: 1px solid transparent;}
.login-box .tab-pane{padding:30px 30px;}
.login-box .tab-pane .form-control {height: 36px;padding: 7px 12px;font-size: 14px;}
.btn-yzm{padding:7px 12px;}
.other-login{text-align:center;font-size:12px;padding:0px 30px}
.other-login .col-md-4{text-align:center;}
.other-login .btn{width:48px;height:48px;text-align:center;border-radius:50%;font-size:20px;margin:10px;padding:0px;line-height:48px;}