/* 底部导航栏高亮 */
#user~.am-navbar .navbar_tab3 a,
#login~.am-navbar .navbar_tab3 a,
#register~.am-navbar .navbar_tab3 a,
#password~.am-navbar .navbar_tab3 a,
#user-edit~.am-navbar .navbar_tab3 a,
#user-invite~.am-navbar .navbar_tab3 a,
#chart~.am-navbar .navbar_tab3 a{
    color:#429afe
}
#user~.am-navbar .navbar_tab3 i,
#login~.am-navbar .navbar_tab3 i,
#register~.am-navbar .navbar_tab3 i,
#password~.am-navbar .navbar_tab3 i,
#user-edit~.am-navbar .navbar_tab3 i,
#user-invite~.am-navbar .navbar_tab3 i,
#chart~.am-navbar .navbar_tab3 i{
    background-image: url("../../../images/tab3-active.png")
}

/* user */
/* header */
#user{background: #f5f5f5}
#user .header{text-align:center;padding-top:20px;position:relative;height:230px;margin-bottom:44px;}
#user .header .topBack{position:absolute;top:0;left:0;width:100%;}
#user .header .hat{position:absolute;left:36%;top:22px;z-index:15;width:54px;}
#user .header .userHead{border-radius:50%;background-color:#FFFFFF;opacity:0.5;position:absolute;left:50%;transform:translateX(-50%);top:42px;width:90px;height:90px;z-index:10;box-shadow:0 0 3px 0 #000000;}
#user .header .userHead1{border-radius:50%;background-color:#FFFFFF;opacity:0.6;position:absolute;left:50%;top:46px;transform:translateX(-50%);width:82px;height:82px;z-index:11;}
#user .header .userHead2{border-radius:50%;width:76px;height:76px;position:absolute;left:50%;top:50px;transform:translateX(-50%);z-index:12;}
#user .header p{position:absolute;top:144px;left:50%;transform:translateX(-50%);text-align:center;color:#fff;margin:0;}
#user .header .headerNav{width:92%;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#FFFFFF;border-radius:10px;padding:18px 0;box-shadow:0px 5px 43px 0px rgba(64, 64, 64, 0.07);}
#user .header .headerNav a{display:block;width:33%;float:left;}
#user .header .headerNav a img{width:20px;margin-right:2px;}
#user .header .headerNav a span{font-size:14px;color:#555555;}
#user .header .headerNav a span.unread{font-size:12px;color:#FF0000;}
/* box */
#user .box{width:92%;margin:10px auto;}
#user .box .am-list{margin-bottom:0}
#user .box .am-list a{color:#333}
/* icon */
#user .box .am-list .am-icon-fw.am-fl{height:1.315em;width: 1.315em;margin-top:3px;}
/* #user .box .am-list .am-icon-fw.sitemap{background-position:-44px -65px;}
#user .box .am-list .am-icon-fw.invitation{background-position:-22px 0px;}
#user .box .am-list .am-icon-fw.card{background-position:-22px -43px;}
#user .box .am-list .am-icon-fw.password{background-position:-22px -20px;}
#user .box .am-list .am-icon-fw.setting{background-position:-44px 0px;}
#user .box .am-list .am-icon-fw.regulation{background-position:0px -43px;}
#user .box .am-list .am-icon-fw.feedback{background-position:0 0px;}
#user .box .am-list .am-icon-fw.help{background-position:22px -21px;}
#user .box .am-list .am-icon-fw.integral{background-position:-43px -42px;}
#user .box .am-list .am-icon-fw.article{background-position:0px -65px;}
#user .box .am-list .am-icon-fw.team{background-position:-22px -65px;}
#user .box .am-list .am-icon-fw.chart{background-position:0px -87px;} */
#user .box>div>a>button{width:52%;margin: 10px auto 0;background:#367de7;}

/* login */
#login .login{width:80%;margin:0 auto}
#login .header{text-align:center}
#login .header h1{color:#333;margin-top:30px}
#login .header img{width:80px;height:80px;border-radius:30px}
#login .login .am-form-group>i{color:#999}
#login .login .am-form-group>input{border-top:0;border-left:0;border-right:0;box-shadow: none;}
#login .am-cf{margin-bottom:20px}
#login .am-cf a{font-size:14px;color:#999}
#login .am-form>input.am-btn-block{width:65%;margin:0 auto;border-radius:15px;background: #367de7;}
#login .oauth{margin-top:100px;padding-bottom:50px}
#login .oauth>p{position:relative;text-align:center;width:40%;margin:0 auto;display:block;top:-1.6rem;transform:translate(0,-50%);background:#fff}
#login .oauth>div{text-align:center;margin-top:-20px}
#login .oauth>div a{font-size:20px;padding:0 10px}
#login .am-icon-qq{color:#fff;background:#00befc;border-radius:50%;width:32px;height:32px}
#login .am-icon-weibo{color:#fff;background:red;border-radius:50%;width:32px;height:32px}
#login .am-icon-weixin{color:#fff;background:#39c02b;border-radius:50%;width:32px;height:32px}
#login label.control-label{color: #f60800;font-weight: 400;font-size: 14px;}
#login .am-form-group{margin-bottom: 0;margin-top: 1.5rem;}

/* register */
#register .header{height:60px}
#register .register{width:80%;margin:0 auto}
#register .register .am-form-group>input{border-top:0;border-left:0;border-right:0}
#register .register .am-form-group:nth-of-type(3){position:relative}
#register .register .btn-loading-example{position:absolute;bottom:5px;right:0}
#register .register>form>input{width:70%;margin:0 auto}
#register>p{text-align:center}

/* password */
#password .register{width:80%;margin:0 auto}
#password .register .am-form-group>input{border-top:0;border-left:0;border-right:0}
#password .register .am-form-group:nth-of-type(3){position:relative}
#password .register .btn-loading-example{position:absolute;bottom:5px;right:0}
#password .register>form>input{width:70%;margin:0 auto}

/* user-edit */
#user-edit header{background: #367de7}
#user-edit .box{padding:10px 0 0}
#user-edit .box .am-list{margin-bottom:0}
#user-edit .box .am-list li{border-radius: 15px;font-size: 14px;padding: 1rem;width: 96%;margin: 0 auto 10px;}
#user-edit .box .am-list li input{border: 0;text-align: right}
#user-edit input[type=submit]{background: #367de7;width:52%;margin:40px auto 0;}
#user-edit input.submit{background: #367de7;width:52%;margin:40px auto 0;}

/* user-invite */
#user-invite{background: #161e11;color: white;}
#user-invite #canvasContainer{min-height: 450px;}
#user-invite #canvasContainer>div:nth-of-type(1){width: 80%;text-align: center;background-image: url("../../../images/invite.jpg");background-size: 100% 100%;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#user-invite #canvasContainer header{padding: 35px 20px 15px;}
#user-invite #canvasContainer header h1{border-bottom: 1px dotted #e5e5e5;padding-bottom: 10px;}
#user-invite #canvasContainer .box{width: 100%;background: white;padding: 20px 0;}
#user-invite #canvasContainer .box>div:nth-of-type(2){width: 80%;height: 80%;margin: 0 auto;min-height: 200px;}
#user-invite #canvasContainer .box img{width: 100%;height: 100%;}
#user-invite #canvasContainer .box p{font-size: 14px;color: #999;margin: 0;}
#user-invite>div:nth-of-type(2){text-align: center;margin-top: 26px;position: absolute;left:50%;transform: translate(-50%);}
#user-invite>div:nth-of-type(2) a{background: rgba(248, 145, 9, 0.87);outline: none;border: none;}
#user-invite #logo{display: none;}
#user-invite #canvasContainer>img{width: 80%;margin-left: 10%;position: absolute;top: 0;}

/* user-password */
#user-edit .pw_alert{text-align: center;color: #f60800;font-size: 14px;margin-top: 0;opacity: 0;}

/* user-feedback */
#user-edit form textarea{border: none;outline: none;}

/* user-setting */
#user-edit.setting .box>p{margin: 0 10px 5px;font-size: 14px;}
#user-edit.setting .box>div{background:white;padding:10px 12px;}
#user-edit.setting .am-fr i{font-size:36px;line-height:38px;}
#user-edit.setting .am-icon-toggle-on{color:#367de7}
#user-edit.setting .am-icon-toggle-off{color:#e5e5e5}
#user-edit.setting .am-alert{position: fixed;bottom: 100px;width: 40%;text-align: center;background: rgba(0,0,0,0.6);border: 1px solid #666;left: 30%;padding: 12px 25px;font-size: 14px;border-radius: 5px;}

/* bind */
#login .bind .header img{width: 90px;height: 90px;border-radius: 50%;border: 1px solid #d2cece;padding: 5px;}
#login .bind .am-form .submit{margin: 10% auto 1%;}
/* #login .bind .am-form>span{margin: 10px auto;display: block;text-align: center;font-size: 14px;} */
/* #login .bind .am-form>span a{color: #367de7} */
#login .bind .service{color: #999;}
/* #login .bind .am-form>.link{position: absolute;top:400px;left: 50%;transform: translateX(-50%);} */
/* #login .bind .am-alert{position: fixed;top: 0;left:0;margin-top: 0;z-index: 200;width: 100%;display: none;padding-bottom: 10px;} */
#login .bind .am-form input.am-btn-block{width: 100%;border-radius: 30px;padding: 12px;width:100%;margin:0 auto;background: #367de7;}

/* findback */
#login .findback .am-form .am-form-group button{position: absolute;top: 0px;right: 0;background-color: #367de7;font-size: 14px;}
#login .findback .am-form .submit{background: #367de7;width:52%;margin:40px auto 0;border-radius: 15px;}

/* personalcard */
.personalcard .am-alert{position: fixed;bottom: 100px;width: 40%;text-align: center;background: rgba(0,0,0,0.6);border: 1px solid #666;left: 30%;padding: 12px 25px;font-size: 14px;border-radius: 5px;}
.personalcard .haibao-container{height:600px;width:100%;border:none}
.personalcard #haibao-content{margin:0}
.personalcard #haibao-content #preview2+p{font-size:14px;margin:0;width:150px;text-align:center}
.personalcard .menu{position:absolute;top:0;right:10px;z-index:11}
.personalcard .menu a{width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.6);display:block;text-align:center;padding:4px;color:#fff;font-size:14px;margin-top:10px}
.personalcard .menu a p{margin:-4px 0 0}
.personalcard #user-invite{background:#fff;color:#000;border-top-left-radius: 24px;border-top-right-radius: 24px;}
.personalcard #imgOne{width:160px;height:160px}
.personalcard #mymodal .am-modal-dialog{border-radius: 24px;}

/* user-integral */
#user-integral header{background:#367de7;padding-bottom: 10px;}
#user-integral header>div{width:49%;text-align: center;display: inline-block;padding-top:20px;color:#fff;}
#user-integral header>div p:nth-of-type(1){font-size: 32px;}
#user-integral header>div p{margin:0;}
#user-integral header>p{text-align: center;margin:10px 0 0;}
#user-integral header>p a{color:#f8544e;}
#user-integral .records{padding:10px 20px;}
#user-integral .records>p{font-size: 14px;padding:0 0 10px;border-bottom: 1px solid #eee;margin:0;}
#user-integral .records ul{padding: 0;margin: 0;}
#user-integral .records li{list-style-type: none;border-bottom:1px solid #eee;padding:2px 5px;}
#user-integral .records li>span{vertical-align: top;display: inline-block;}
#user-integral .records li>span:nth-of-type(1){font-size: 14px;color:#aaa;width: 25%;}
#user-integral .records li>span:nth-of-type(2){width:73%;}
#user-integral .integralAdd{color:#5eb95e;}
#user-integral .integralReduce{color:#f8544e;}

/* user-article */
#user-article{padding: 10px;}
#user-article .form-control{width: 100%;outline: none;border: 1px solid #aaa;display: block;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#user-article form>div{margin-bottom: 15px;}
#user-article form>div>p{margin: 5px 0;}
#user-article form>div>div textarea{min-height:240px;}
#user-article form>div .image div{border: 1px solid #eee;width: 60px;height: 60px;float: left;position: relative;text-align: center;margin-right: 3px;}
#user-article form>div .image img{width: 100%;height: 100%;}
#user-article form>div .image input[type=file]{width: 100%;height: 100%;opacity: 0;position: absolute;top: 0;left: 0;}
#user-article form>div .image input[type=text]{width: 0;display: none;}
#user-article .contact label{font-weight: 400;margin-right: 8px;}
#user-article .contact .radio_btn{width:14px;height: 14px;border-radius: 42%;background-image: url("../../../images/radio.png");background-size: 100% 100%;display: inline-block;}
#user-article .contact input[type=radio]{width: 0;display:none;}
#user-article .contact input[type=radio]:checked+.radio_btn{background-image: url("../../../images/radio_checked.png");background-size: 100% 100%;}
#user-article .contactText input{display: none;}
#user-article .submit{width: 75%;margin: 0 auto;}