/*
http://www.jobs.echinacities.com/
0-201802 point refer 
1-201811 usercenter
*/
/*=====================usercenter_responsive=================================*/
/* usercenter_point */
.pointTit{padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.pointTit .llarge-text{padding-right: 10px;}
.pointTit .addfont{display: inline-block;}
.h2tit{float: left; margin-top: 5px;}
.btntit{position: relative; margin-bottom: -1px; z-index: 1; overflow:hidden;}
.btntit .btn-ecc-empty{padding-left: 1.6em; padding-right: 1.6em; border-color: #ddd; color: #fff; border-top: 1px solid #ddd; border-bottom: 0px solid #d45352; background: linear-gradient(to bottom, #c83433 0%, #d45352 100%) #c83433; border-radius: 0; float: left;}
.btntit .btn:hover{box-shadow: none; text-decoration: none; opacity: .9;}
.btntit .btn:active,.btntit .btn.active{box-shadow: none; background: #f7f7f7; color: #333; border-top: 2px solid #c83433;}
.btntit .btn.active:hover{opacity: 1;}
.pointExchange{}
.pointExchange .pointExFont{margin-bottom: 10px;}
.overUl{text-align: center; color: #f08e00; padding: 5px 10px;}
.overUl ul{height: 21px; overflow: hidden;}
.pointExchange>ul{padding:15px; border:1px solid #ddd;}
.pointExchange>ul>li>.pexl{float: left; width: 70%;}
.pointExchange>ul>li>.pexl .imgbox{float: left; width: 28%; margin-right: 2%; display: inline-block; position: relative; cursor: pointer; min-width: 100px;  max-width: 100%; min-height: 30px; float: left;}
.pointExchange>ul>li>.pexl .pexlrr{float: left; width: 70%;}
.pointExchange>ul>li>.pexl .hui{border-radius: 0 0 0 10px; background-color: #f00; padding:3px 5px; color: #fff; font-size: 12px; position: absolute;right: 0; top: 0;}
.pointExchange>ul>li>.pexl .imgbox a{padding-top: 3px; display: block; text-align: center;}
.pointExchange>ul>li>.pexl img{min-width: 100px; max-width: 100%; min-height: 30px;}
.pointExchange>ul>li>.pexl p{margin-bottom: 0;}
.pointExchange>ul>li>.pexl .pointExNum{color: #666;}
.pointExchange>ul>li>.pexl .pointExNum>span{font-weight: bold; color: #f08e00;}
.pointExchange>ul>li>.pexl .huifont b{color: #f00;}
.pointExchange>ul>li>.pexr{float: right; width: 30%; text-align: center; padding-top: 50px;}
.pointExchange>ul>li>.pexr>span{color: #c00;}
.pointExchange>ul>li>.pexr>.btn{padding-left: 30px; padding-right: 30px;
	/* border-radius: 30px;
	border: 1px solid #f78015;
    background: #f78015;
    background: linear-gradient(to bottom, #ffc164 0%,#da6700 100%);
    box-shadow: 0px 1px 0px #fdd475 inset; */
 	/* border: 1px solid #e63535;
    background: #e63535;
    box-shadow: 0px 1px 0px #ffcccb inset;
    background: linear-gradient(to bottom, #fb5a57 0%, #d93433 50%, #d13535 50%, #a91e1d 100%); */
	border: 1px solid #18b;
    background: #18b;
    box-shadow: 0px 1px 0px #d8f3ff inset;
    background: linear-gradient(to bottom, #4dcaff 0%, #1587b7 100%);}
.pointExchange .btn:active,.pointExchange .btn:focus{outline: none; box-shadow: none;}
/* exchangeBtnTck */
.margbot0t{margin-bottom: 5px; margin-top: -5px; overflow: hidden;}
.form-horizontal .form-group{margin-left: -6px; margin-right: -6px;}
.form-horizontal .form-group .col-sm-6>div.color-red{margin-bottom: -10px;}
/* giftImgTck */
#giftImgTck .modal-body{padding: 0; overflow: hidden; position: relative; border-radius: 4px;}
#giftImgTck .modal-body button.close{right: 10px; top: 5px; position: absolute; font-size: 26px; opacity: .3;}
#giftImgTck .modal-body img{display: block; min-height: 50px; max-width: 100%;}
/* tcktck */
.tcktck{z-index: 2; position: fixed; background-color: #f1faf6; min-width: 500px; margin-right: -250px; right: 50%; bottom: 10px; padding: 10px 30px; border:2px solid #00ae68;}
.tcktck>div{float: left; padding-top: 5px;}
.tcktck .btns{float: left; padding-top: 0px;}
.tcktck .btns .btn{padding: 6px 20px; margin-left: 10px; float: left; font-size: 1em;}
.tcktck .btns .btn-ecc-empty{float: right;}
/* usercenter_refer */
.referDiv{margin-bottom: 25px;}
.referDiv1{}
.nologininvite a.color-blue{margin-left: 10px;}
.referDiv1 .referTit{text-align: left; padding-top: 8px; padding-bottom: 10px;}
.referDiv1 .refer_gift{text-align: right;}
.referDiv1 .refer_gift img{margin-right: 30px; width: 135px;}
.referDiv1 p{color: #333; font-size: 16px;}
.referDiv1 .topRefer{padding: 15px 0; margin-top: 30px; overflow: hidden; background-color: #f2faef; border: 1px solid #e5e5e5;}
.referDiv1 .topRefer h4{text-align: center; padding:10px 0 20px;}
.topRefer ul li{margin-bottom: 15px; overflow: hidden;}
.topRefer ul li img{float: left; width: 60px; margin-right: 15px;}
.topRefer ul li div{padding-top: 5px;}
.referDiv2{padding: 15px; background-color: #f2faef; border: 1px solid #e5e5e5;}
.referTit{font-size: 2em; text-align: center; padding: 10px 0 20px;}
/* .referTit1{padding-bottom: 5px;} */
.emailGroup{margin-bottom: 30px; box-shadow: 0 1px 4px rgba(0,0,0,.2); margin: 0 4% 30px;}
.emailGroup .input-lg,.emailGroup .input-group-addon{border-color: #00ae68; border-width: 2px; border-radius: 0;}
.emailGroup .input-group-addon{background-color: #00ae68; color: #fff; font-weight: bold;}
.emailGroup .emailUl{margin: -3px 0 -3px -3px;}
.emailGroup .emailUl li{float: left; margin-right: 5px; background-color: #eee; font-size: 1.2rem; padding: 7px 4px; font-weight: bold;}
.emailGroup .emailUl li.selected{background-color: #999; color: #fff; border-radius: 2px;}
.emailGroup .emailUl li.inputLi{font-weight: normal; padding: 0;}
.emailGroup .emailUl li input{ border: none; padding: 5px 4px 9px; font-size: 14px;}
.emailGroup .emailUl li .closer{color: #333; margin-left: 6px; opacity: .7; height: 14px; line-height: 14px; font-size: 15px; top: 2px; position: relative;}
.emailGroup .emailUl li.selected .closer{color: #fff;}
.emailGroup .emailUl li .closer:hover{opacity: 1;}
.emailGroup.emailGroup1{margin-top: -22px; margin-bottom: 35px; box-shadow: none;}
.emailGroup1>p{font-size: 0.85em;}
.referIcon{overflow: hidden;}
.referIcon li{width: 50%; float: left; margin-bottom: 15px; color: #fff;}
.referIcon li>a{width: 85%; margin: 0 auto; height: 100%; display: block; height: 40px; padding-left: 20px; padding-top: 9px; border-radius: 4px;}
.referIcon li>a:hover{opacity: .9;}
.referIcon .li1>a{background-color: #00ae68;}
.referIcon .li2>a{background-color: #50bbf2;}
.referIcon .li3>a{background-color: #3b579d;}
.referIcon .li4>a{background-color: #0077b5;}
.referIcon .fa{font-size: 1.5em; text-align: center; color: #fff; min-width: 20px;}
.referIcon span{border-radius: 4px; padding-left: 5px; color: #fff; position: relative; top: -1px;}
.copyLink{border-left: 1px solid #ddd; padding: 0 5% 0 5%;}
.copyLink .copyLinkTit{margin-bottom: 5px;}
#selctText{padding-right: 0; line-height: 2; word-break: break-all; overflow: hidden; max-width: 100%;}
.copyLink .form-control,.copyLink .input-group-addon{min-height: 40px;}
.copyLink .form-control{border-right: 0;}
/* .copyLink .input-group-addon{background-color: transparent;} */
.copyLink>p{margin-top: 5px; font-size: 0.85em;}
.copyLink #selectval{display: none;}
.referStep{text-align: center; overflow: hidden;}
.referStep li{width: 33%; float: left; padding: 0 20px;}
.referStep li>div{border:1px solid #ddd; border-top: 2px solid #bdc7c4; padding: 20px 10px 10px;}
.referStep li span{margin-bottom: 10px; color: #fff; background-color: #00ae68; opacity: .6; width: 52px; height: 52px; line-height: 52px; border-radius: 50%; display: inline-block; font-size: 2em; font-weight: bold;}
.referStep li h5{font-size: 1.2em; margin-bottom: 3px; line-height: 1.5;}
.referStep li p{}
.referFoot{text-align: center;}
.referFoot span{font-size: 2em;}
.referFoot b{color: #f08e00;}
.referFoot a{padding-left: 15px; color: #18b; text-decoration: underline;}

.fonttip{font-size: 12px; color: #666;}
.fonttip li{}


/* userenter201811 */
/* notie top */
.annou_ul{text-align: center; height: 21px; overflow: hidden;}
.annou{padding-right: 10px; color: #cc0000;}
.annou,.annou_ul a.color-blue{display: inline-block; overflow: hidden;}
.annoufont{white-space: nowrap; max-width: 70%; overflow: hidden; text-overflow:ellipsis; display: inline-block;}
/* resume locked jobs tip */
.lockedIcon{color: #ff6600; font-size: 16px; cursor: pointer; position: relative; top: 1px; left: -15px; padding: 10px; margin: -10px;}
.lockedTip{width: 176px; padding: 10px 15px; position: absolute; top: -33px; left: 85px; z-index: 1; background-color: #ffffe9; border: 1px solid #e5d6ac; border-radius: 4px;}
.lockedTip .arrowrap .arrow-up,.lockedTip .arrowrap .arrow-up-in{border-color: transparent transparent #ffffe9;}
.lockedTip .arrowrap .arrow-up{border-color: transparent transparent #e5d6ac;top: -8px;}
/* empStatusBox */
.empStatusBox{margin-bottom: 15px;}
/* ucBox */
.ucBox{background-color: #fff; border:1px solid #ddd; padding:15px; margin-bottom: 15px;}
.ucBoxTit{padding:12px 15px; font-size: 1.3em; margin:-15px -15px 10px; background-color: #eee;}
.userImga{display: inline-block; overflow: hidden; border:1px solid rgba(0,0,0,.14); border-radius: 50%;}
.userImga img{width: 100%; height: 100%; object-fit: cover;}
/* ucBox1 */
.ucBox1{}
.ucBox1 .h2Box{height: 8em; margin: -15px -15px 0; padding-top: 3em; background: url('https://jobs.echinacities.com/static/echina/img/profile/ucImg.jpg') center no-repeat #5eadce; background-size: cover;
	/* background-image: linear-gradient(120deg, #ddd 0%, #666 40%, #fff 100%); */}
.ucBox1 .h2Box h2{color: #fff; font-size: 30px; line-height: 1.4; padding-left: 10px; font-family: 'Open Sans',Helvetica, Arial,'microsoft yahei';}
.ucBox1 .h2Box h2 strong{color: #fff; font-size: 24px; font-weight: normal;}
.ucBox1 .ucBox1Left{text-align: center;}
.ucBox1 .ucBox1Left .ucBox1Img{width: 170px; margin-top: -80px; box-shadow: 0 1px 1px rgba(0, 0, 0, .1);}
.ucBox1 .ucBox1Left .btn{padding: 5px 10px; font-size: 14px; border:1px solid #ddd;}
.ucBox1 .ucBox1Left .btn:hover{color: #fff; background-color: #18b;}
.ucBox1 .ucBox1Right{position: relative;}
.ucBox1 .ucBind{position: absolute; right: 0; top: 0;}
.ucBox1 .ucBind li{float: left;}
.ucBind li a{color: #999; padding: 4px;}
.ucBind li.binding a.facebook,.ucBind li.binding a.facebook:hover{color: #38569a;}
.ucBind li.binding a.linkedin,.ucBind li.binding a.linkedin:hover{color: #00699c;}
.ucBind li.binding a.twitter,.ucBind li.binding a.twitter:hover{color: #50bbf2;}
.ucBind li.binding a.wechat,.ucBind li.binding a.wechat:hover{color: #00ae68;}
.ucBox1 .ucTopUl{margin: 10px 0;}
.ucBox1 .ucTopUl li{padding:3px 0;}
.ucBox1 .ucTopUl b{width: 100px; display: inline-block;}
.ucBox1 .ucTopTab{width: 60%; text-align: center;}
.ucBox1 .ucTopTab td{width: 33.33%;}
.ucBox1 .ucTopTab b{display: block; font-size: 1.4em;}
.ucBox1 .ucTopTab span{color: #333;}
.ucBox1 .ucMessage{margin-bottom: 30px;}
.ucBox1 .ucMessage b{float: left; color: #18b; position: relative; margin-right: 10px;}
.ucBox1 .ucMessage b i{font-size: 18px; background-color: #ddd; color: #fff; padding: 7px 8px 9px; border-radius: 50%;}
.ucBox1 .ucMessage b sup{background-color: #e00; position: absolute; top: -6px; right: -6px; padding: 0 3px; border-radius: 9px; min-width: 16px; text-align: center; height: 16px; line-height: 16px; font-size: 12px; font-weight: normal; display: inline-block;}
.ucBox1 .ucMessage span{margin-top: 8px; float: left; color: #333; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ucBox1 .ucMessage:hover span{color: #18b;}
/* ucInvite */
.ucInvite .copyLink{padding: 0; border:0;}
.ucInvite .referIcon{display: inline-block;}
.ucInvite .referIcon li{width: auto; margin: 0 6px 0 0;}
.ucInvite .referIcon li>a{width: 34px; height: 34px; line-height: initial; padding-top: 7px; margin-top: 3px; text-align: center; padding-left: 0;}
.ucInvite .referIcon .fa{font-size: 1.3em;}
.ucInvite .referIcon .li1.referIconMail>a{background-color: #EDA87D;}
.btnLearn{float: right; border-radius: 2px; margin-top: 5px; padding: 4px 6px; border: 1px solid transparent;}
/* ucActivity */
.ucActivity .activityCon{}
.ucActivity dl{margin-bottom:0; padding:10px 0; border-bottom: 1px dashed #ddd;}
.ucActivity dl:last-child{border-bottom: 0; padding-bottom: 0;}
.ucActivity .userAcImg{}
.ucActivity .userAcName{}
.ucActivity .date{float: right; color: #999; font-size: 12px; font-weight: normal;}
.ucActivity .contit{padding-top: 5px; font-weight: bold;}
.ucActivity .contit>a{color: #333; text-decoration: underline;}
.ucActivity .contit>a:hover{color: #18b; text-decoration: none;}
.ucActivity .con{padding-top: 5px;}
.ucActivity .acDel{display: none; cursor: pointer; position: absolute; z-index: 1; right: 118px; top: -6px; border: 1px solid #ddd; padding: 1px 6px; border-radius: 4px;}
/* notice box right */
.eccboxbm>h4 a.h4titright{float: right; font-size: 14px; font-weight: bold;}
.eccboxbm>h4 a.h4titright:hover,.noticeUl a:hover{text-decoration: underline;}
.noticeUl{padding-top: 5px;}
.noticeUl.boxlist>li{overflow: inherit;}
.noticeUl li:after{clear: both; content: ''; display: block;}
.noticeUl a{width: 67%; float: left; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.noticeUl i{width: 33%; float: left; color: #666; white-space: nowrap; font-style: normal; font-size: 12px; text-align: right;}

.ucConTit{/* border-bottom: 1px solid #ddd; */ padding-bottom: 10px; margin-bottom: 10px;}
.ucConTit .pull-right{font-size: 14px;}
.ucConTit .pull-right a{display: inline-block; margin-left: 10px; padding-left: 10px; padding-right: 10px;}
.ucConTit .pull-right a.btn{padding-top:4px; padding-bottom: 4px;}
.ucConTitL{padding-left: 10px; font-size: 16px;}

/* messages */
.msgtable{table-layout: fixed; width: 100%;}
.msgtable tr{font-weight: bold;}
.msgtable input{float: left; margin-right: 15px;}
.msgtable .tit{width: 85px; display: inline-block;}
.msgtable .msgfont{cursor: pointer; display:inline-block; float: left; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.msgfont i.fa{color: #f08e00; margin-right: 10px;}
.msgtable a.deletea{display: inline-block; width: 100%; text-align: center;}
.msgtable tr.trRead,.msgtable tr.trRead a{color: #666; font-weight: normal;}
.trRead i.fa-envelope-open{color: #aaa;}
.trRead .fa-envelope:before {content: "\f2b6"; color: #aaa;}
.table>tbody>tr>td.wellwrap{border-top: 0; padding: 0;}
.table>tbody>tr>td.wellwrap .mailMore{padding: 10px 15px; margin-bottom: 10px; color: #666;
    font-size: 12px; font-weight: normal; box-shadow: inset 0 1px 1px rgba(0,0,0,.05); background-color: #f0f0f0; border: 1px solid #eee; border-radius: 4px;}
.table>tbody>tr>td.wellwrap .mailMore:after{clear: both; content: ''; display: block;}
.wellwrap .mailMore p{font-size: 1em; margin:0;}
.mailMore a{color: #f08e00;}
.msgtable tfoot{border-top: 1px solid #ddd;}
.msgtable tfoot tr td{font-weight: normal; border: none;}
.msgtable tfoot a{width: 60px; padding: 0 20px;}
.znx_frame{border:1px solid #ddd; background-color: #fff; margin: 10px 0; padding: 10px;}
.znx_frame .znx_frame_left{width: 105px; height: 70px; border:1px solid #ddd; float: left; margin-right: 10px;}
.znx_frame .znx_frame_left .znx_img{display: inline;}
.znx_frame .znx_frame_left img{width: 100%; height: 100%;}
.znx_frame .znx_frame_right{}
.znx_frame .znx_frame_right a{font-size: 14px; display: inline-block; margin: 4px 0 6px;}
.znx_frame:after{clear: both; content: ''; display: block;}
/* notice */
.annoread .annoTit{color: #333;}
.annoread b{font-weight: normal;}
.annoTit{cursor: pointer; color: #18b;}
.annoTit b{font-weight: normal;}
.annoTit b:hover{text-decoration: underline; color: #18b;}
.annoTit i{float: right; color: #666; margin-right: 10px;}
.annoUl{margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.annoCon{font-size: 12px; margin-top: 10px; margin-bottom: 10px;}
.annoCon a{color: #18b; text-decoration: underline;}

/* userTab */
.userTab{}
.userTab th{background-color: #f2f2f2; border-top:1px solid #ddd!important; border-bottom:1px solid #ddd!important;}
.userTab th,.userTab td{border:1px solid #ddd; text-align: center; vertical-align: middle!important;}
.userTab td:first-child,.userTab1 td:last-child{text-align: left; width: 50%;}
.userTab.userTab1 td:first-child{width: auto; text-align: center;}
.userTab a:hover{text-decoration: underline;}
.userTabWap>li{padding:15px 0; border-bottom: 1px dashed #ddd;}
.userTabWap>li>a{display: block;}
.userTabWap .intitle{}
.userTabWap .intitle a{color: #333;}
.userTabWap .inmidd{font-size: 0.85em; padding-top: 7px; overflow: hidden;}
.userTabWap .inmidd .status{float: right;}
.userTabWap .infootbtn{font-size: 0.85em; padding-top: 5px; overflow: hidden;}
.userTabWap .infootbtn .btnl{padding-top: 3px; display: inline-block; color: #666;}
.userTabWap .infootbtn .btnlbtn{padding:3px 12px; background-color: #f08e00;}
.userTabWap .tabbtns{float: right;}
.userTabWap .tabbtns .btn{padding:3px 12px; margin-left: 3px;}

/* tong jobalert switch */
.switch {cursor: pointer; margin-top: -4px; margin-bottom: 4px; position: relative; display: block; width: 4em; height: 1.7em; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: background-color,border; transition-property: background-color,border; border: 2px solid #ddd; border-radius: 2em; background-color: #fff; background-clip: padding-box;}
.switch.disabled { opacity: .3;}
.switch .switch-handle { position: absolute; z-index: 1; top: -1px; left: -1px; width: 1.5em; height: 1.5em; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: -webkit-transform,width,left; transition-property: transform,width,left; border-radius: 1em; background-color: #fff; background-clip: padding-box; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4); box-shadow: 0 2px 5px rgba(0,0,0,.4);}
.switch:before { font-size: 0.9em; line-height: 1.7em; position: absolute; right: 0.4em; content: 'Off'; text-transform: uppercase; color: #999;}
.switch.active { border-color: #00ae68; background-color: #00ae68;}
.switch.active .switch-handle { -webkit-transform: translate(2.2em,0); transform: translate(2.2em,0);}
.switch.active:before { right: auto; left: 0.5em; content: 'On'; color: #fff;}
.switch input[type=checkbox] { display: none;}
/* my blog */
.blogEdit>a{padding:5px 10px; display: inline-block;}
.blogEdit .switch{margin: 5px auto;}
/* blogEdit */
.blogEditTop{margin: 0 -15px 15px; padding: 0 15px 15px; border-bottom: 1px dotted #ccc;}
.blogEdit textarea{resize: vertical;}
.uploadImgBox img{max-width: 300px; max-height: 200px; display: block;}
.uploadImgBox a.btn-ecc-empty{margin-top: 10px; background-color: #eee; border-color: #ddd;}
.tagSelect .checkbox-inline{border:1px solid #eee; border-radius: 2px; padding:4px 10px; margin: 0 5px 10px 0;}
.tagSelect .checkbox-inline.active{position: relative; border-color: #ccc; color: #222; box-shadow: 0 1px 1px rgba(0,0,0,.1); background-color: #eee; background-image: linear-gradient(180deg, #ffffff 0%, #eee 90%, #f7f7f7 100%);}
.tagSelect .checkbox-inline.active:before{border:4px solid #f08e00; border-color: #f08e00 #f08e00 transparent transparent; width: 0; height: 0; content: ''; display: inline-block; position: absolute; top: 0; right: 0;}
.tagSelect .checkbox-inline input{margin-left: 0; opacity: 0;}
.blogPostBtns{}
.blogPostBtns .btn{min-width: 120px; margin-right: 5px;}
/* verfimgwrap */
.verfimgwrap{position: relative; margin:15px auto 0; width: 110px;}
.verfimgwrap .verfimg{padding: 5px; border: 2px solid #ddd; border-radius: 4px; min-height: 100px;}
.verfimgwrap .verfimg img{height: 100px; width: 100%; text-align: center;}
.verfimgwrap .verfimg>span.glyphicon{cursor: pointer; color: #fff; background: #999; position: absolute; top: 7px; right: 7px; padding: 5px;}
.verfimgwrap .progress{height: 6px; margin-bottom: 0; margin-top: 6px;}
.verfimgwrap .progress .progress-bar{background: #18b;}
.verfimgright{margin-top: -5px;}
.verfimgright img{width: 100%;/*  height: 160px; border: 1px solid #ddd; */}
.verfimgleft{text-align: center;}
.verfimgleft a.btn{font-size: 12px; padding:5px 10px;}
/* point */
.pointUl{border-bottom: 1px solid #ddd;}
.pointUl:after{display: table; content: " "; clear: both;}
.pointUl li{position: relative; float: left; margin-bottom: -1px;}
.pointUl li a{/* background-color: #eee; */ position: relative; display: block; padding: 8px 15px; margin-right: 5px; border: 1px solid transparent; border-radius: 4px 4px 0 0;}
.pointUl>li.active>a, .pointUl>li.active>a:focus, .pointUl>li.active>a:hover{color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent;} 
.pointUl>li>a:hover{text-decoration: none; background-color: #eee; border-color: #eee #eee #ddd;}
.supPointNew{display: inline-block; right: -5px; top: -6px; position: absolute; font-size: 12px; -webkit-text-size-adjust: none; -webkit-transform: scale(0.8);}
.supPointNew span.glyphicon{color: #fe0036; margin-right: -20px; top: 13px;}
.supPointNew .newfont{font-size: 12px; border-radius: 2px; background-color: #fe0036; color: #fff; padding: 2px 3px;}
.pointCon{padding:15px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.redeemRow{text-align: center;}
.redeemLeft,.redeemRight{text-align: left; display: inline-block; padding: 15px;}
.redeemRow ul li{position: relative; overflow: inherit;}
.redeemRow ul li .tag{position: absolute; left: -6px; top: -5px; background: #f60; background-image: linear-gradient(90deg, #f91 0%, #f61 40%, #e47 100%); padding: 3px 12px; border-radius: 0 20px 20px 0; font-size: 14px; display: inline-block; color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.redeemRow ul li .tag:after{border: 3px solid #777; left: 0; bottom: -6px; border-color: #777 #777 transparent transparent; content: ''; position: absolute; display: inline-block;}
.redeemRow ul li>img{max-height: 100%; border-radius: 4px; border:1px solid #ddd; box-shadow: 0 6px 12px -9px rgba(0,0,0,.2);}
.redeemRow ul p{margin:10px 0;}
.redeemRow .btn{margin-bottom: 10px; border: 1px solid #18b; background: #18b; box-shadow: 0px 1px 0px #d8f3ff inset; background: linear-gradient(to bottom, #4dcaff 0%, #1587b7 100%);}

.userTabWap .inmidd .pointwap{padding-left: 1em; color: #f08e00;}
.userTabWap .inmidd .pointwap.minus{color: #888;}
.userTabWap .small-text{padding-left: 1em; margin-top: 5px; line-height: 1.4; color: #666;}
.point_intro h3{padding: 10px 0; margin-top: 20px; font-size: 1.3em;}
.point_intro h3:first-child{padding-top: 0; margin-top: 0;}
.point_intro p a{color: #18b;}
.point_intro p a:hover{color: #18b; text-decoration: underline;}
.tableLast60 td:last-child{width: 60%;}
.tableGet tr:nth-child(2) span:after,
.tableGet tr:nth-child(3) span:after,
.tableGet tr:nth-child(4) span:after,
.tableGet tr:nth-child(5) span:after,.supNewFont:after{content: "NEW"; display: inline-block; color: #f00; position: relative;top: -3px; left: 0px; font-size: 12px; -webkit-text-size-adjust: none; -webkit-transform: scale(0.8);}
.tableLast60 b{display: none;}
.resumeFeaTab .btnExchange,.resumeFeaTab .btnExchange:hover,.resumeFeaTab .btnExchange:focus{font-size: 14px; background-color: #f08e00; border: 1px solid #e86b00; text-shadow: 0px 1px 1px rgba(0,0,0,.2); border-radius: 50px; padding: 10px 30px;}
.resumeFeaTab .btnExchange:hover{opacity: .9;}
.resumeFeaTab .table tr th,.resumeFeaTab .table tr td{text-align: center; vertical-align: middle;}
.resumeFeaTab .table th{white-space: nowrap; text-align: center;}
.resumeFeaTab ul li{clear: both; margin-top: 8px;}
.resumeFeaTab ul strong{font-size: 14px;}
.resumeFeaTab ul span{width: 30%; color: #999; float: left;}
.resumeFeaTab ul b{width: 70%; font-weight: normal; display: inline-block;}


.eccbox p.small-text{font-size: 12px;}
/*pc*/
@media screen and (min-width: 1200px){
	.row10{margin: 0 10%;}
	.emailGroup{margin: 0 12% 30px;}
}
/*pc*/
@media screen and (min-width: 992px){
	/* .pointExchange>ul>li>.pexr .btn{height: 60px;} */
	.referStep li>div{min-height: 185px;}
	.resumeFeaTab .btnExchange{margin-top: 3em;}
}
/*pc中等屏幕*/
@media screen and (min-width: 992px) and (max-width: 1200px){
	.copyLink{padding: 0 5%;}
	.ucInvite .copyLink{padding: 0;}
	.emailGroup{margin: 0 2% 30px;}
}
/*pad wap*/
@media (max-width: 992px) {
	/* usercenter_refer */
	.copyLink{border-left: none; padding: 20px 0 0; clear: both;}
	.referDiv1 p{font-size: 1em;}
	.referDiv1 .refer_gift img{margin-right: 15px;}
	.referDiv1 .referTit{padding-top: 8px;}
	.emailGroup{margin: 0 2% 30px;}
	/* empStatusBox */
	.empStatusBox p{font-size: 0.85em;}
	.ucInvite .referIcon{margin-top: 15px;}
	.ucInvite .referIcon li>a{margin-top: 0;}
	.btnLearn{margin-top: 17px;}
	/* ucBox */
	.ucBox1 .ucBox1Left .ucBox1Img{width: auto; max-width: 170px;}
	.ucBox1 .h2Box h2{font-size: 26px;}
	.ucBox1 .h2Box h2 strong{display: block; font-size: 18px;}
	.ucBox1 .ucBind{right: -11px; top: -22px;}
	.ucBox1 .ucBind li a{display: inline-block; padding: 0; background: #fff; margin-left: 3px; font-size: 14px; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 22px; border: 1px solid #ddd;}
	.ucActivity .acDel{display: inline-block;}
	.resumeFeaTab{margin-bottom: 15px;}
}
/*pad*/
@media screen and (min-width: 768px) and (max-width: 992px) {
	/* usercenter_point */
	.pointExchange>ul>li{position: relative; padding-bottom: 20px;}
	.pointExchange>ul>li>.pexl{width: 100%;}
	.pointExchange>ul>li>.pexr{width: 100%; padding: 0; position: absolute; right: 15px; bottom: 15px; text-align: right;}
	.pointExchange>ul>li>.pexl .huifont{margin-bottom: 54px;}
	/* usercenter_refer */
	.referIcon li{text-align: center;}
	.referStep li{padding: 0 10px;}
	.emailGroup{margin: 0 2% 30px;}
	/* .ucBox */
	.ucBox1 .ucTopTab{width: 86%;}
	.userTab td:first-child,.userTab1 td:last-child{text-align: left; width: 50%;}
	.ucBox1 .h2Box{background-position: center -36px;}
}
/*wap*/
@media (max-width: 767px) {
	main .container{padding: 0; overflow: hidden;}
	.eccwrap.shadow,.eccbox.shadow,.ortip{box-shadow: none;}
	.ucBox,.eccbox,.eccbox.shadow{border: none;}
	/* usercenter_point */
	.btntit{width: 100%;}
	.btntit>a{width: 50%; display: inline-block; padding-left: 0; padding-right: 0;}
	.pointExchange>ul>li>.pexl .imgbox{float: none; width: 100%; margin-right: 0;}
	.pointExchange>ul>li>.pexl .pexlrr{float: none; width: 100%;}
	.pointExchange>ul>li>.pexl{width: 100%;}
	.pointExchange>ul>li>.pexl img{width: 100%; height: 100%; margin-bottom: 5px;}
	.pointExchange>ul>li>.pexr{width: 100%; padding-top: 15px; padding-bottom: 15px;}	
	.pointExchange>ul>li>.pexr .btn{width: 100%;}
	.pointExchange>ul>li>.pexl .huifont{padding-left: 0;}
	/* exchangeBtnTck */
	.margbot0t .col-sm-6{display: inline-block;}
	.tcktck{min-width: 1px; margin-right: 0; right: 0; bottom: 0; width: 100%; padding: 8px 10px; font-size: 12px;}
	.tcktck>div{float: left; width: 50%; text-align: left;}
	.tcktck>div.btns{width: 50%; margin-top: 0; text-align: center;}
	.tcktck .btns .btn{padding: 5px 0; width: 48%; margin-left: 2%;}
	/* usercenter_refer */
	.referTit{font-size: 1.5em;}
	.referDiv1 .referTit{text-align: center;}
	.referDiv1 .refer_gift{text-align: center;}
	.referDiv1 .refer_gift img{margin-right: 0px; margin-top: 0;}
	.referDiv1 p{font-size: 0.9em;}
	.nologininvite a{display: block; margin-top: 10px;}
	.nologininvite a.color-blue{margin-left: 0px; text-align: center;}
	.referDiv2{border-left: none; border-right: none; margin-left: -15px; margin-right: -15px;}
	.ucInvite .referIcon{text-align: center; display: block;}
	.referIcon li{width: 52px; float: none; display: inline-block;}
	.referIcon li>a{width: 46px; height: 44px; line-height: 53px; padding-left: 0px; padding-top: 0px; text-align: center; white-space: nowrap;}
	.referIcon li>a .fa{font-size: 1.8em;}
	.referIcon li>a span{display: none;}
	.referStep li{width: 100%; padding: 0; padding-bottom: 15px;}
	.referStep li>div{padding-top: 20px;}
	.referFoot span{font-size: 1.5em; display: block; margin-bottom: 15px;}
	.referFoot a{color: #fff; text-decoration: none;}

	/* usercenter201811 */
	.annou{padding-right: 0;}
	.annou>b{display: none;}
	.annoufont{max-width: 67%;}
	.ucConTit{padding-bottom: 0;}
	.ucConTit .pull-right a{padding:3px 7px;}
	.ucConTit .pull-right a.btn{margin-top: -5px; padding-top:3px; padding-bottom: 3px; color: #18b; border:1px solid #ddd; background-color: #fff;}
	.ucConTitL{padding-left: 0; display: block; position: absolute; margin: 1em 0 0;}
	/* empStatusBox */
	.empStatusBox .btn{margin-top: 15px;}
	/* .ucBox */
	.ucBox1 .ucTopTab{width: 100%;}
	.ucBox1 .ucTopUl b{width: 60px; color: #999; font-size: 12px; font-weight: normal;}
	.ucBox1 .ucBind{top: -27px;}
	.ucBox1 .ucTopUl{margin:15px 0 0;}
	.ucBoxTit{font-size: 18px; margin:0 0 10px; background-color: #fff; padding: 0;}
	/* ucInvite */
	.ucInvite{background-color: #39A4D7; padding: 20px 15px 15px; background: #3096D0; color: #fff;
	    background: -moz-linear-gradient(-45deg,#2d92ca 0%,#43b1df 35%,#3096D0 100%);
	    background: -webkit-linear-gradient(-45deg,#2d92ca 0%,#43b1df 35%,#3096D0 100%);
	    background: linear-gradient(135deg,#2d92ca 0%,#43b1df 35%,#3096D0 100%);}
	.ucInvite .ucBoxTit{background-color: transparent; font-size: 20px; margin:0 0 13px;}
	.ucInvite .referIcon li{margin: 0 4px 0 0;}
	.ucInvite .referIcon li>a,.ucInvite .referIcon .li1.weixinhandler>a{border-radius: 50%; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.15);}
	.ucInvite .referIcon .li1>a .fa{color: #00ae68;}
	.ucInvite .referIcon .li2>a .fa{color: #50bbf2;}
	.ucInvite .referIcon .li3>a .fa{color: #3b579d;}
	.ucInvite .referIcon .li4>a .fa{color: #0077b5;}
	.ucInvite .referIcon .fa{font-size: 16px;}
	.ucInvite .col-sm-12 p{font-size: 12px;}
	.ucInvite a.color-blue{color: #fff!important; text-decoration: underline;}
	/* ucActivity */
	.ucActivity .userAcName{padding:5px 0 2px; display: block;}
	.ucActivity .date{float: none;}
	.ucActivity .contit{padding-top: 10px; font-weight: normal;}
	.ucActivity .con{padding-top: 8px; font-size: 12px; color: #666;}
	.ucActivity .acDel{right: 10px; top: 3px; color: #999;}

    /*message*/
    .eccboxbm>h4.msgtext{margin-bottom: 10px;}
    .msgtable tbody tr td:last-child{width: 14%; vertical-align: middle;}
    .msgtable .msgfont{max-height: 68px; white-space: normal; width: 100%; font-size: 14px;}
    .msgtable thead,.msgtable tfoot{display: none;}
    .msgfont i.fa{display: block; height: 0; visibility: hidden;}
    .msgfont .tit{font-size: 16px; margin-bottom: 3px;}
    .msgfont .date{font-size: 12px; float: right; color: #999; margin-top: 2px;}
    .msgfont .date:after{content: ''; clear: both;}
    .znx_frame{border:none; background:transparent; padding: 0;}
    .znx_frame .znx_frame_right a{margin: 8px 0 4px;}

    /* announcement */
    .annoTit i{float: none; display: block; font-size: 12px; color: #999; margin: 5px 0 -5px;}

    /* blogEdit */
	.blogEditTop{font-size: 12px;}
	.blogEditTop .large-text{font-size: 14px; margin-bottom: 5px;}
	.blogEdit{}
	.tagSelect .checkbox-inline{font-size: 14px; padding: 4px 8px; margin: 0 4px 8px 0;}
	.uploadImgBox img{width: 100%; max-height: 300px; max-width: none;}
	.blogPostBtns{}
	.blogPostBtns .btn{margin-right: 0; width: 100%; margin-bottom: 15px;}
	.blogPostBtns .btn-ecc-empty{border-color: #ddd;}
	.verfimgright{margin-top: 15px;}

	.pointUl{margin-top: 3em;}
	.pointUl li a{margin:0; font-size: 14px; padding: 8px 15px;}
	.pointUl,.pointCon{margin-left: -16px; margin-right: -16px;}
	.pointCon{border-bottom: 0;}
	.point_intro h3{font-size: 16px;}
	.point_intro p,.point_intro table,.point_intro div{font-size: 12px;}
	.tableLast60 th:nth-child(2),.tableLast60 td:nth-child(2){display: none;}
	.tableLast60 b{display: block;}
	.resumeFeaTab .btnExchange{display: block; margin-top: 15px;}
}

@media (max-width: 370px){
	#selctText{line-height: 2.2;}
	.ucBox1 .h2Box h2{font-size: 24px;}
	.ucBox1 .h2Box h2 strong{font-size: 16px;}
	.pointUl li a{font-size: 12px; padding: 8px 14px;}
}