*{margin:0;padding:0;list-style:none;font-family:"Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53"}
html{height:100%;}
a{text-decoration:none;color: #6c737a;}
input,select,textarea,button{outline:none;border:none;}
input{
    margin:0;padding:0;
    line-height: normal; /* for non-ie */
    line-height: 22px\9; /* for ie */
}
.dib{display:inline-block;vertical-align:top;}
.dib-m{display:inline-block;vertical-align:middle;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.pos-r{position:relative;}
.pos-a{position:absolute;top:0;left:0;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.inner{display:block;width:100%;height:100%;}
.hide{display:none;}
#headImgPicker .webuploader-pick + div{display:none;!important;}
.uploaded-show-img{width:100%;height:100%;}
.Validform_error{background:none;}

.page-header{position:fixed;top:0;left:0;width:100%;height:60px;background:#fff;}
.page-header .back-btn{width:60px;line-height:60px;}
.page-header .vt-angle-left{width:48px;height:60px;background:url("../images/arrow-left.png") center no-repeat;}
.page-header .fa-angle-left{font-size:60px;}
.page-header .header-cnt{line-height:60px;font-size:24px;}
.header-blank{height:60px;}
.form-cnt .item-cnt{padding: 10px;margin:10px auto 5px;}
.form-cnt .validform_checktip{margin-left:30px;background-position:2px 2px;}
.form-cnt .input-cnt .input-icon{display:inline-block;width:30px;height:30px;top:13px;left:10px;background-repeat:no-repeat;background-position:center;}
.icon-phone{background-image:url("../images/icon-phone.png");}
.icon-pwd{background-image:url("../images/icon-pwd.png");}
.icon-verify{background-image:url("../images/icon-verify.png");}
.top_body_bg{width:100%;height:450px;position:absolute;top:0;left:0;z-index:-10;background:-webkit-linear-gradient(top, #D2E2FF, #fff);}
.top_body_bg.ipv_bg{background:-webkit-linear-gradient(top, #D2E2FF, #fff);}
.form-cnt{margin:0 20px;padding:20px 0;background: #fff;border-radius:5px;}

/* footer */
.page-footer{position:fixed;left:0;bottom:0;width:100%;height:50px;background:#FAFAFA;}
.page-footer .footer-item{width:calc(100% / 3);height:100%;}
.page-footer .footer-item span{font-size:12px;}
.page-footer .footer-item.active span{font-size:12px;color:#294E95;}
.page-footer .footer-item i{display:block;margin:5px auto 2px;width:24px;height:24px;}
.page-footer .footer-item i.icon-home{background:url("../images/home2.png") no-repeat;}
.page-footer .footer-item.active i.icon-home{background:url("../images/home1.png") no-repeat;}
.page-footer .footer-item i.icon-competition{background:url("../images/note2.png") no-repeat;}
.page-footer .footer-item.active i.icon-competition{background:url("../images/note1.png") no-repeat;}
.page-footer .footer-item i.icon-profile{background:url("../images/user2.png") no-repeat;}
.page-footer .footer-item.active i.icon-profile{background:url("../images/user1.png") no-repeat;}
.footer-blank{height:50px;}

/* login */
.app-title{margin:50px auto;}
.app-title .logo{width:90px;height:90px;background:url('../images/logo.png') no-repeat;background-size:100%;}
.app-title .title{margin-right:10px;}
.app-title .title p{font-size:24px;font-family:Helvetica;color:#515783;}
.form-cnt.login-form-cnt{padding:40px 0;}
.form-cnt .item-cnt.login-cnt{margin:10px 30px;}
.form-cnt .input-cnt{background: #F1F3F8;border-radius:5px;}
/*.form-cnt .input-cnt .input-icon{width:30px;height:30px;top:13px;left:10px;font-size:30px;}*/
.form-cnt .input-cnt input{background:transparent;font-size:16px;width:100%;height:36px;padding-left:50px;}
.login-btn,.reg-btn,.ipv-btn,.sign_up{width:100%;height:60px;line-height:60px;border-radius:30px;color:#fff;background:-webkit-linear-gradient(left, #4d61ff, #7b4bff);}
.reg-btn,.ipv-btn{width:60px;position:relative;}
.reg-btn .vt-angle-right,.ipv-btn .vt-angle-right,
.reg-btn .vt-angle-right,.sign_up .vt-angle-right{position:absolute;top:0;left:0;z-index:100;width:60px;height:60px;background:url("../images/arrow-right.png") center no-repeat;}

/* register */
.reg-form-cnt{padding:40px 0;}
.reg-header{background:none;box-shadow:none;}
.page-title{font-size:30px;color:#262941;margin:40px 20px 60px  ;}
.input-cnt.reg-cnt{margin:10px 30px 0px;}
.input-cnt.reg-cnt .get-verifier-btn{padding:0 10px;line-height:36px;color:#5C6B99;background:#D6DBF4;border:1px solid #D6DCEF;}
.reg-btn{width:60px;position:relative;}

/* improve */
.ipv-form-cnt{margin:0;background:none;}
.ipv-cnt .input-content.up-head{display:block;width:80px;height:80px;margin:auto;}
.up-head .inner{border-radius:40px;text-align:center;border:1px solid #666;overflow:hidden;}
.up-head .inner .fa-camera{font-size:20px;margin:20px 0 10px;}
.sex_label{margin:0 calc(25% - 36px);}
.head-boy, .head-girl{display:inline-block;width:60px;height:60px;background-position:center;background-repeat:no-repeat;}
.head-boy{background-image:url('../images/icon-boy-1.png');}
.head-girl{background-image:url('../images/icon-girl-1.png');}
input[name=sex]:checked + div.head-boy{background-image:url('../images/icon-boy-2.png');}
input[name=sex]:checked + div.head-girl{background-image:url('../images/icon-girl-2.png');}
#ipv-form .ipv-cnt{margin:0 25px;}
.ipv-cnt .input-title{width:50px;line-height:30px;}
.ipv-cnt .input-content{width:calc(100% - 60px);min-height:30px;line-height:30px;}
.ipv-cnt .input-content input{font-size:14px;line-height:30px;background:none;}
#ipv-form .validform_checktip{margin:0 80px;}

/* index */
.menu-cnt{height:100px;}
.menu-cnt .menu-item{width:25%;height:100%;}
.menu-cnt .menu-item a.item-cnt{display:block;margin:20px auto;}
.menu-cnt .menu-item a.item-cnt i{display:block;margin:0 auto 8px;}
.menu-cnt .menu-item a.item-cnt i.icon-enroll{width:40px;height:36px;background:url("../images/icon-enroll.png") no-repeat;}
.menu-cnt .menu-item a.item-cnt i.icon-vote{width:45px;height:36px;background:url("../images/icon-vote.png") no-repeat;}
.menu-cnt .menu-item a.item-cnt i.icon-speech{width:39px;height:36px;background:url("../images/icon-speech.png") no-repeat;}
.menu-cnt .menu-item a.item-cnt i.icon-trends{width:38px;height:36px;background:url("../images/icon-trends.png") no-repeat;}
.menu-cnt .menu-item a.item-cnt span{font-size:12px;}

.ranking_list_cnt{padding:0 20px 5px;background:-webkit-linear-gradient(top, #FFFFFF, #7CA9FF, #4B89FF);}
.ranking_list_cnt .rank_title{height:60px;line-height:60px;background:-webkit-linear-gradient(top, #FCFDFF, #F8FAFE);}
.ranking_list_cnt .rank_title span{font-size:22px;color:#294E95;font-weight:bold;font-family:"中黑体";margin:0 20px;}
.ranking_list_cnt .rank_title .dot{background:#5774AE;margin:0 5px;}
.ranking_list_cnt .rank_title .dot1{width:1px;height:1px;border-radius:0.5px;}
.ranking_list_cnt .rank_title .dot2{width:3px;height:3px;border-radius:1.5px;}
.ranking_list_cnt .rank_title .dot3{width:5px;height:5px;border-radius:2.5px;}
.ranking_list_cnt .table-cnt{background:#FFFEFF;padding:0 20px;min-height:200px;overflow-y:auto;}
.ranking_list_cnt table{border-collapse:collapse;width:100%;}
.ranking_list_cnt table th,.ranking_list_cnt table td{font-size:12px;}
.ranking_list_cnt table th{color:#666;padding:20px 0 10px;}
.ranking_list_cnt table td{border-top:1px solid #EDF3FE;color:#333;height:60px;}
.ranking_list_cnt table td:first-child{width:60px;text-align:center;}
.ranking_list_cnt table td:nth-child(2){text-align:center;}
/*.ranking_list_cnt table th:nth-child(2){text-align:left;text-indent:40px;}*/
.ranking_list_cnt table td:last-child{width:60px;text-align:center;color:#4B89FF;}

td .icon-medal{display:block;width:32px;height:33px;margin:auto;}
td .icon-medal-1{background:url("../images/icon-medal-1.png") center no-repeat;}
td .icon-medal-2{background:url("../images/icon-medal-2.png") center no-repeat;}
td .icon-medal-3{background:url("../images/icon-medal.png") center no-repeat;text-align:center;line-height:40px;font-weight:bold;}
td .no-dot{width:20px;height:20px;line-height:20px;background:#E5E5E5;border-radius:10px;}
.view-more-btn{display:block;width:100px;line-height:36px;border-radius:18px;border:1px solid #fff;color:#fff;margin:30px auto 50px;}

/* register complete */
.main_content.reg_complete,.next-cnt{padding:28px;}
.main_content.reg_complete .img-reg-complete{margin:75px auto 13px;width:164px;height:164px;background:url('../images/reg-complete.png') no-repeat;}
.main_content.reg_complete .txt-reg-complete{font-size:20px;color:#333;}
.sign-up-btn,.zypc-btn{font-size:16px;width:45%;height:50px;line-height:50px;border-radius:30px;color:#fff;background:-webkit-linear-gradient(left, #4B63FF, #7B4BFF);}
.zypc-qrocde-cnt{text-align:center;position:fixed;top:30%;left:0;width:100%;z-index:150;}
.zypc-qrocde-cnt img{max-width:80%}
.mask{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);top:0;z-index:100;}
/* profile */
.profile-top{height:140px;border-bottom:1px solid #ccc;}
.profile-top .user-head{overflow:hidden;width:66px;height:66px;top:30px;left:30px;border:2px solid #fff;border-radius:33px;}
.profile-top .user-profile{width:150px;top:40px;left:120px;}
.profile-top .user-profile p:first-child{font-size:18px;}
.profile-top .user-profile p:last-child{font-size:14px;margin-top:10px;}
.profile-top .vote-gets{width:86px;height:44px;line-height:44px;color:#fff;top:43px;left:inherit;right:0px;background:url("../images/radius.png") no-repeat;}
.profile-item{height:80px;padding:0 11px;}
.setting-item a{display:block;color:#333;font-size:15px;line-height:80px;height:80px;}
.setting-item a i{margin-top:25px;margin-right:10px;font-size:30px;}
.profile-item .item-title{color:#999;font-size:14px;}
.profile-item .item-content{color:#333;font-size:16px;margin-top:7px;}

/* signature */
.signature-cnt{margin:10px;}
.signature-cnt textarea{width:100%;height:100px;padding:10px;}
.signature_tips{font-size:12px;color:#ccc;margin:5px;}
.sign_btn_cnt{width:60px;margin:30px auto;}

/* competition */
.competition-cnt{padding:16px;}
.competition-cnt .competition-title{font-size:18px;font-weight:bold;color:#333;line-height:160%;padding-bottom:24px;border-bottom:1px dashed #D3E1FC;}
.icon-cpt-title{color:#000;margin-right:7px;width:20px;height:20px;background:url(../images/competition.png) no-repeat;}
.sub-title{padding:20px 0;font-size:14px;}
.cpt-text p{text-indent:2em;margin:10px 0;color:#888;line-height:200%;}

/* vote */
.vote-container{padding:16px;height:100%;position:relative;}
.vote-details.vote-container{padding:0 16px;}
.vote-inner{width:100%;height:100%;overflow:auto;}
.vote-page-bg{position:absolute;top:78px;left:0;z-index:-100;width:100%;height:100%;background:url('../images/body_bg.png') no-repeat;background-size:100%;}
.vote-details .vote-page-bg{height:105%;top:-5%;}
.vote-title{font-size:16px;font-family:'中黑体';margin-bottom:20px;color:#333;}
.vote-desc{padding:15px 15px 25px;background:#fff;border-radius:5px;}
.vote-time-cnt{font-size:12px;padding:15px 0;border-bottom:1px dashed #d3e1fc;}
.vote-countdown{font-size:14px;}
.vote-countdown-show{margin-top:8px;font-size:13px;}
.vote-countdown-show span{font-size:24px;}
.vote-countdown-show span:not(:first-child){margin-left:10px;margin-right:3px;}
.icon-countdown{width:18px;height:18px;background:url(../images/icon-countdown.png) no-repeat;}
.vote-time{color:#666;margin-top:12px;}
.icon-clock{width:12px;height:12px;background:url(../images/icon-time.png) no-repeat;margin-top:2px;margin-right:7px;}
.icon-location{width:12px;height:12px;background:url(../images/icon-location.png) no-repeat;margin-top:2px;margin-right:7px;}
.vote-rules-content{margin:0 15px;}
.vote-rules-content p{font-size:12px;font-family:'简细体';color:#666;line-height:200%;}
.vote-rules-content p span:first-child{width:20px;}
.vote-rules-content p span:last-child{width:calc(100% - 30px);}
.group-tab>div{width:50%;color:#fff;}
.group-tab>div span{padding-bottom:7px;border-bottom:4px solid transparent;}
.group-tab>div.active span{border-color:#fff;}
.vote-details-cnt{margin-top:50px;}
.vote-details-cnt .vote-details-wrapper{display:none;}
.vote-details-cnt .vote-details-wrapper.current{display:block;}
.vote-details .vote-details-cnt{margin-top:0;max-height:inherit;}
.vote-content{padding:10px 0;margin:10px 0;}
.vote-details .vote-content{margin:0;padding-top:40px;}
.vote-item{border-radius:5px;background:#fff;padding:15px 10px;margin:10px 0;}
.vote-details .vote-item{background:none;}
.vote-item .user-head{width:60px;height:60px;border-radius:30px;overflow:hidden;}
.vote-item .user-info{width:calc(100% - 70px);padding-left:10px;padding-top:5px;color:#333;}
.vote-item .user-name{width:calc(100% - 80px);}
.vote-item .vote-count{width:80px;}
.vote-item .user-school{margin-top:8px;font-size:12px;color:#999;}
.vote-item .user-head img{width:100%;height:100%;}
.vote-item-bottom{margin-top:10px;}
.vote-item-bottom .user-signature{line-height:40px;text-indent:1em;background:#f5f8fe;font-size:14px;}
.vote-details .vote-item .user-info,.vote-details .vote-item .user-school{background:none;color:#fff;}
.vote-details .vote-item .vote-count{background:url("../images/vote-count-bg.png") no-repeat;color:#985909;position:absolute;right:0;height:44px;line-height:44px;
width:90px;text-align:center;text-indent:10px;background-size:100%;}
.vote-details .vote-item .user-signature{background:none;color:#fff;}
.vote-btn-cnt{margin-top:40px;}
.vote-btn-cnt>div{width:40%;height:40px;line-height:40px;color:#6955ff;background:#fff;border-radius:25px;font-size:14px;font-family:中粗体}
.vote-btn-cnt .share-btn{margin-left:10%;}
.share_arrow_cnt{position:fixed;top:0;left:0;z-index:110;height:100%;width:100%;background: rgba(0,0,0,0.8);}
.share_arrow_cnt .share_arrow{position:fixed;top:0;right:0;width:73px;height:89px;background:url("../images/share_arrow.png") no-repeat;}
.share_arrow_cnt .share_tips{position:fixed;top:100px;left:0;width:90%;font-size:18px;color:#fff;margin:auto}

/* more */
.more-body-bg{position:fixed;top:70px;left:0;z-index:-100;width:100%;height:calc(100% - 70px);background:-webkit-linear-gradient(top, #fff, #7CA9FF, #7B4BFF);}
.more-cnt{padding:20px;}
.more-top-blank{height:50px;}
.condition-cnt{position: fixed;padding:28px 0;top:0;left:20px;width:calc(100% - 40px);background:#fff;}
.condition-cnt .select-trigger{height:40px;line-height:40px;width:calc(50% - 10px);border:1px solid #EAEAEA;text-indent:10px;}
.condition-cnt .select-trigger div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 28px);}
.condition-cnt .select-trigger i{font-size:18px;color:#D8D8D8;right:10px;top:6px;left:inherit;width:18px;}
.more-cnt .table-cnt{margin:25px 0;background:#fff;padding:10px 20px;}
.more-cnt .table-cnt table{width:100%;}
.more-cnt .table-cnt table th,.more-cnt .table-cnt table td{font-size:12px;}
.more-cnt .table-cnt th{font-weight:normal;color:#666;width:50%;line-height:30px;padding-top:10px;}
.more-cnt .table-cnt td{border-top:1px solid #EDF3FE;padding:16px 0;}
.more-cnt .table-cnt td:first-child{color:#333;text-indentquiz-tips:2em;}
.more-cnt .table-cnt td:last-child{color:#4B89FF;text-align:center;}
.more-cnt .table-cnt tbody .empty-box{padding:100px 0;}

/* trends && myCollect*/
.whole-body-bg{position:fixed;top:0;left:0;z-index:-100;width:100%;height:100%;background:url('../images/body_bg.png') no-repeat;background-size:100%;}
.drops-cnt .drop-item{display:block;padding:15px;background:#fff;margin:10px 15px;border-radius:5px;}
.drops-cnt .dropload-down{margin-top:-10px;}
.drops-cnt .drop-title{margin-bottom:10px;color:#333;font-size:18px;font-family:"中黑体";}
.drops-cnt:not(.drops-details) .drop-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.drops-cnt .drop-content{color:#999;font-size:15px;max-height:38px;line-height:18px;}
.drop-content.item-content{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.drops-cnt .crete_time{margin-top:6px;color:#999;font-size:13px;}
.drops-details .drop-title{margin-bottom:20px;}
.drops-details .crete_time{margin:15px 0;}
.drops-details .drop-content{margin-top:24px;font-size:13px;text-indent:2em;line-height:180%;max-height:inherit;}

/* career quiz */
.quiz_cnt{margin:120px 36px 0;}
.quiz_cnt .qrcode-cnt img{max-width:100%;}
.quiz_cnt .quiz-tips{line-height: 200%;margin-top: 26px;color:#333;}
.quiz_cnt .quiz-tips p span:first-child{width:20px;}
.quiz_cnt .quiz-tips p span:last-child{width:calc(100% - 30px);}

/* speech */
.speech-cnt .drop-multi-title{margin-bottom:12px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.speech-cnt .drop-location,.speech-cnt .drop-time{font-size:12px;margin-top:5px;}
.speech-teacher{margin:30px 0;color:#999;font-size:14px;}
.speech-teacher b{margin-left:10px;color:#333;font-size:20px;}
.star_box{width:20%;}
.icon-star{width:36px;height:36px;background:url("../images/star_0.png") no-repeat;background-size:100%;}
.star_box.select .icon-star{background-image:url("../images/star_1.png");}
.appraise_tips{margin:15px 0 20px;color:#666;}
.speech-content-cnt{text-indent:2em;line-height:160%;}
.speech_left{width:calc(100% - 50px);}
.speech_right{width:40px;height:42px;}
.speech_right i{font-size:20px;margin-top:4px;}
.speech_right div{font-size:12px;}
.speech_right > *{color:#e1ebff}
.speech_right.like > *{color:#ff9724}
.appraise_btn_cnt{margin-top:50px;}
#appraise_btn{font-size:18px;width:100%;height:60px;line-height:60px;border-radius:30px;color:#fff;background:-webkit-linear-gradient(left, #4B63FF, #7B4BFF);}