/**
* 用户界面样式
* @Author: shaw
* @Date:   2015-06-15 08:36:23
* @Last Modified by:   shaw
* @Last Modified time: 2015-06-21 18:00:50
*/
html{
    overflow-x:hidden;
}
body {
    margin-top: 0px;
    background-color: transparent !important;
}
@media(max-width: 767px){

}
/* 移动端右侧详情页面 */
#mp-detail{
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: fixed;
    left: 100%;
    top: 0px;
    z-index: 99999;
    overflow: auto;
}
#mp-detail .body{
    padding: 0px 10px 0px 5px;
}

/* 移动端Loading页面 */
#mp-loading{
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: fixed;
    left: 100%;
    top:0px;
    z-index: 99999;
    display: none;
}

.clear {
    clear: both;
}

.container {
    /*background: #fff;*/
}

.mp-level {
    background: #123687;
    background-image: -moz-linear-gradient(top, #2B5AC1, #123687);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2B5AC1), to(#123687));
    background-image: -webkit-linear-gradient(top, #2B5AC1, #123687);
    background-image: -o-linear-gradient(top, #2B5AC1, #123687);
    background-image: linear-gradient(to bottom, #2B5AC1, #123687);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff2B5AC1', endColorstr='#ff123687', GradientType=0);
}

.mp-menu.mp-cover h2 {
    color: #fff;
    font-size: 18px;
    font-family: "微软雅黑";
    font-weight: 300;
}

.mp-level ul li > a {
    padding-top: 12px;
    padding-bottom: 12px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 14px;
}

.mp-level a.mp-back {
    font-size: 12px;
    padding: 12px;
    line-height: 20px;
    color: #fff;
}

.mp-level a.mp-back:after {
    color: #fff;
    content: "";
}

.mp-menu ul li > a {
    padding-left: 12px;
}

.mp-level a i {
    font-size: 14px;
    line-height: 20px;
}

.mp-level.mp-level-overlay > ul > li.nav-item > a > i:before {
    display: none !important;
}

.mp-level ul#sign-out {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: -1;
}

@media(max-width: 766px) {
    body {
        background: none;
        overflow: hidden;
    }
}

#mp-top-banner {
    display: block;
    background: #123687;
    background-image: -moz-linear-gradient(top, #2B5AC1, #123687);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2B5AC1), to(#123687));
    background-image: -webkit-linear-gradient(top, #2B5AC1, #123687);
    background-image: -o-linear-gradient(top, #2B5AC1, #123687);
    background-image: linear-gradient(to bottom, #2B5AC1, #123687);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff2B5AC1', endColorstr='#ff123687', GradientType=0);
    border-bottom: none;
    color: #fff;
    height: 46px;
    line-height: 46px;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 9999;
}

#mp-top-banner-render.render {
    height: 46px;
}

.mp-a,
.mp-a:hover {
    color: #fff;
    font-family: "Microsoft Yahei";
}

.mp-title {
    padding: 0px;
    font-size: 16px;
}

.mp-icon {
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

#mp-footer-banner {
    text-align: center;
    margin: 12px 0px;
}

@media (min-width: 766px) and (max-width: 979px) {
    .container {
        width: 95%;
        padding-left: 1%;
        padding-right: 1%;
        margin: 0px auto;
    }
    #footer {
        padding: 30px 1% 20px;
        text-align: left;
    }
}

.left-sub-nav {
    display: none;
}

.left-sub-nav.active {
    display: block;
}

#user-left-nav .root a{
    color:#2B5AC1;
}
#user-left-nav i{
    color:#2B5AC1;
}




/* -------------------------------------------------------- */
/* 用户端表单样式 */
/* -------------------------------------------------------- */

.widget-box {
    background: none;
    border: none;
}

.widget-title {
    background: none;
    border-bottom: 1px solid #FFF;
}

.widget-title .nav-tabs {
    border-bottom: 1px solid #EEE;
}

.widget-title .nav-tabs >li {
    margin-bottom: 0px;
}

.widget-title .nav-tabs li a {
    border-right: 1px solid #EEE;
}

.widget-title .nav-tabs li:hover a {
    border-right: 1px solid #EEE;
}

.widget-content {
    border-bottom: 1px solid #EEE;
}

.form-horizontal .control-group {
    border-bottom: 1px dashed #fff;
}

.form-horizontal .control-label {
}

@media(min-width: 481px) {
    .form-horizontal .control-group .controls {
        margin-left: 100px;
    }
    .form-horizontal .control-label {
        width: 80px;
    }
}

.form-actions {
    border-top: none;
    background: rgba(236, 242, 255, 0.1);
}
/*表单提交按钮*/

.btn-success {
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background: #123687;
    background-image: -moz-linear-gradient(top, #2B5AC1, #123687);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a0468c), to(#123687));
    background-image: -webkit-linear-gradient(top, #2B5AC1, #123687);
    background-image: -o-linear-gradient(top, #2B5AC1, #123687);
    background-image: linear-gradient(to bottom, #2B5AC1, #123687);
    background-repeat: repeat-x;

}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #FFF;
    background-color: #123687;
}
/*表单的输入框去边框*/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0);
    box-shadow: none;
    border-bottom: 1px solid #EEE;
    border-radius: 0px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(255, 255, 255, 0);
    border-bottom: 1px solid #2B5AC1;
    outline: 0px none;
}

textarea {
    background-image: url("/Public/Home/default/img/dotline.png");
    line-height: 20px;
    padding-top: 0px;
}
/*表单内上传按钮div*/

.uploadifive-button {
    background-color: #FFF;
    color: #999;
    cursor: pointer;
    border-bottom: 1px solid #EEE;
}
/*更新带前后缀的输入框控件*/

.input-append .add-on,
.input-prepend .add-on {
    background: none;
    border: none;
    color: #999;
}
/*日期时间插件的清除按钮隐藏*/

.input-append .datetime-add-on {
    display: none;
}
/*单复选框样式*/

.widget-box .controls > .checkbox .checker,
.widget-box .controls > label.radio div.radio {
    display: none;
}

.widget-box .controls>label.checkbox,
.widget-box .controls>label.radio {
    display: inline-block;
    line-height: 22px;
    border: 1px solid #dedede;
    padding: 2px 10px;
    margin: 2px 4px 4px 0;
}

.widget-box .controls>label.checkbox:hover {
    border: 1px solid #2B5AC1;
}

.widget-box .controls>label.selected {
    background-image: url("/Public/Home/default/images/tjufe/checked-icon.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    border: 1px solid #2B5AC1;
}
/* 卡片式列表样式 */

.card-list,
.card-list li.item {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
}

.card-list {
    margin-bottom: 8px;
}

.card-list li.item {
    display: block;
    width: 47%;
    margin-right: 2.5%;
    margin-bottom: 20px;
    float: left;
    position: relative;
    border-right: 1px #f1f1f1 solid;
    z-index: 0
}

.card-list li.item-add {
    width: 100%;
    margin: 0px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-right: none;
}

.card-list li.item-add a {
    color: #999;
}

.card-list li.item-add .item-wx {
    width: 100%;
    margin: 0px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px #f1f1f1 solid;
    text-align: center;
    display: none;
}

.card-list li.item-add:hover .item-wx {
    display: block;
}

a.load-more {
    margin-bottom: 30px;
}
.load-more{
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.load-more a{
    font-size: 12px;
    line-height: 28px;
    color: #999;
}
.load-more a:hover{
    color: #2B5AC1;
}

li.item > div {
    float: left;
}

li.item .left-pic {
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 70px;
    overflow: hidden;
}
li.item .square {
    border-radius: 5px;
}

li.item .left-pic img {
    width: 100%;
    height: 100%;
}

li.item .info {
    height: 70px;
    margin-left: 15px;
}

li.item .info .title,
.item-wx .title {
    color: #000;
    line-height: 32px;
    font-size: 16px;
}

li.item .info .description,
.item-wx .description {
    font-size: 12px;
    color: #777;
}

li.item .info .operate {
    position: absolute;
    right: 12px;
    bottom: 0%;
}
li.item .info .operate a {
    font-size: 12px;
    color: #2B5AC1;
    text-decoration: none;
    padding: 4px 5px 4px 0px;
}

@media(max-width: 767px) {
    .card-list li.item {
        width: 100%;
        margin: 0px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-right: none;
        border-bottom: 1px #f1f1f1 solid;
    }
    li.item .left-pic {
        width: 70px;
    }
    li.item .info {
        height: 70px;
    }
    li.item .info .operate {
        position: absolute;
        right: 12px;
        top: 23px;
    }
    li.item .info .view {
        position: absolute;
        right: 0px;
        top: 0px;
        line-height: 70px;
    }
}
/*用户个人名片样式*/

.card {
    width: 100%;
    margin: 0 0 30px 0;
}

.card-box {
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin: 10px 0 20px 0;
    -webkit-box-shadow: 3px 4px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 3px 4px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 3px 4px 0px rgba(0, 0, 0, 0.06);
    padding: 10px;
    min-height: 200px;
    position: relative;
}

.card-head {
    border: none;
    position: relative;
    min-height: 200px;
    background-image: url("/Public/Home/default/images/tjufe/card-box-head.png");
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.card-box .head-qrcode {
    float: right;
    font-size: 1.6em;
}

.card-box .head-exchange {
    float: left;
}

.card-box .card-box-exchange {
    float: right;
}

@media(max-width: 767px) {
    .card-box .card-box-exchange {
        float: none;
    }
}

.card-box .card-box-exchange a {
    margin: 0 0 0 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #2B5AC1;
    font-family: "Microsoft YaHei";
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
}

.card-box .head-bg {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 50px auto 0 auto;
}

.card-box .head-img {
    box-shadow: 0 0 20px rgba(255, 255, 255, .6), inset 0 0 20px rgba(255, 255, 255, 1);
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.card-box .head-name {
    font-size: 24px;
    margin: 10px 0;
}

.card-box .card-box-title {
    position: absolute;
    top: -4px;
    left: -1px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    padding-right: 4px;
    background: url("/Public/Home/default/images/tjufe/card-box-bg.png") top right no-repeat;
}

.card-box .card-box-title p {
    margin: 0px;
    width: 120px;
    padding-right: 2px;
    background: #4D84FF;
    font-family: "Microsoft YaHei";
    color: #fff;
    font-size: 14px;
    line-height: 34px;
}

.card-box .card-box-icon {
    float: right;
}

.card-box .card-box-content {
    padding: 35px 20px 10px 20px;
    color: #666;
    font-size: 12px;
}

.card-box-content .name {
    color: #666;
    font-size: 18px;
}
/*通讯录圈子列表、查询、简要介绍*/

.card-contacts {
    border: 1px solid #CDDCFF ;
    margin: 0 0 20px 0;
    min-height: 200px;
    position: relative;
}

.card-contacts .list {
    padding: 10px;
    overflow-x: hidden;
    position: relative;
    float: left;
    border-right: 1px solid #CDDCFF ;
}

.card-contacts .detail {
    margin-left: -1px;
    padding-left: 3%;
    padding-right: 5px;
    overflow-x: hidden;
    position: relative;
    float: left;
    border-left: 1px solid #CDDCFF ;
}

.card-contacts .card-list li.item {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
}
.card-contacts .card-list li.item:hover {
    border-bottom: 1px solid #2B5AC1;
}

.card-contacts .card-list li.item .left-pic {
    width: 50px;
    height: 50px;
}

.card-contacts .card-list li.item .info {
    height: 50px;
}

.card-contacts .card-list li.item .info .title {
    font-size: 14px;
    line-height: 28px;
}

.card-contacts .card-list li.item .info .operate {
    position: absolute;
}

.card-bottom {
    text-align: center;
}

.card-bottom .card-box-exchange a {
    margin: 0 0 0 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #2B5AC1;
    font-family: "Microsoft YaHei";
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
}
.card-contacts .card-list li.item .info .view{
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 50px;
}
@media(max-width: 767px) {
    .card-contacts .list{
        border-right: none;
    }
    .card-contacts .detail {
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
        overflow-x: hidden;
        border-left: none;
        background-color: #fff;
        margin-top: 46px;
    }
}
/*移动端右侧详情页顶部banner*/
#mp-detail-top-banner{
    display: block;
    background: #123687;
    background-image: -moz-linear-gradient(top, #2B5AC1, #123687);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2B5AC1), to(#123687));
    background-image: -webkit-linear-gradient(top, #2B5AC1, #123687);
    background-image: -o-linear-gradient(top, #2B5AC1, #123687);
    background-image: linear-gradient(to bottom, #2B5AC1, #123687);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff2B5AC1', endColorstr='#ff123687', GradientType=0);
    border-bottom: none;
    color: #fff;
    height: 46px;
    line-height: 46px;
    width: 100%;
}

/*校友、校友组织搜索*/
.card-search{
    text-align: center;
    padding:10px 0 10px 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
}
.card-search form{
    margin-bottom: 0px;
}
.card-search input{

    width: 80%;

}


.card-search a:hover{
    color:#2B5AC1;

}

.card-box  .card-box-content select {
    border-color: rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0);
    border-bottom: 1px solid #EEE;
}
.contact-title{
    text-align: left;
    padding:10px 0 10px 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
    font-weight: 600;
}

/*按钮样式*/
.btn-tjufe{
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #2B5AC1;
    font-family: "Microsoft YaHei";
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    color:#fff;
}
.btn-tjufe:hover{
    background-color: #123687;
}
.card-box-content a{
    /*color:#fff;*/
}

.controls .geo-select, .controls .year-select{
    border:0px;
    border-bottom:1px solid rgb(238, 238, 238);
}

.card-box-intro{
    background: url(../images/tjufe/card-box-bg3.png) bottom right no-repeat;
}
.card-box-contact{
    background: url(../images/tjufe/card-box-bg2.png) bottom right no-repeat;
}
.card-box-members{
    background: url(../images/tjufe/card-box-bg1.png) bottom right no-repeat;
}