html {background-color:#fff;font-family:"Microsoft YaHei";}
ul{list-style: none;margin: 0;padding: 0;}
/**
* custom-user.css
* @type {[type]}
*/
body {font:normal 14px/24px Helvetica,Tahoma,Arial,sans-serif;color:#333;font-family:"Microsoft Yahei";margin:0;}
.mT20 {margin-top:20px;}
.mT10 {margin-top:10px;}
.pT5 {padding-top:5px;}
.h36 {height:36px;}
.line18 {line-height:18px;}
.overflow {overflow:hidden;}
.header a {text-decoration:none;}
.pTB30 {padding-top:35px;padding-bottom:20px;}
/** {font-family:"Microsoft YaHei","FontAwesome","Basic Icons" !important;}
*/
.text-center {text-align:center;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
a:hover,a:focus {color:#2a6496;text-decoration:none;}
.lineborder {border:1px solid #dadada;}
/*lable*/
.badge-default-leve {background-color:#e3e3e3;margin-top:10px;}
.badge {display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:normal;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#bababa;border-radius:10px;}
.orangebadge {display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:normal;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#F05940;border-radius:10px;}
.badge-default-leve a {color:#545454;}
/*.badge-default-leve a:hover {color:#fff;font-weight:normal;}*/
.ui.form .field {clear:both;margin:0 0 0.2em;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
.clear {height:1%;}
.clear {display:block;}
.img-responsive {display:block;height:auto;max-width:100%;}
.pull-left {float:left;}
.pull-right {float:right;}
.userbox {width:95%;padding:0px 10px;margin:0 auto;}
.userbox .title {height:28px;line-height:28px;overflow:hidden;}
.userbox .left1 {width:25%;float:left;}
.userbox .right1 {width:75%;float:right;}
.userbox .right1 .ptul {list-style:none;padding:0 0 0 15px;margin:0px;}
.userbox .right1 .ptul li {line-height:22px;height:22px;overflow:hidden;}
.text-right {text-align:right;}
.mR10 {margin-right:10px;}
.ui.segment {padding-top:5px;margin-top:5px;}
/**
* custom-regist
*/
.regist_wrap{position:relative;height:100%;background:#fff}
.regist_wrap .offical{padding-top:32px;display:block}
.regist_wrap .offical h3{font-size:16px;color:#4f4f4f;font-weight:400}
.regist_wrap .offical .offical_c{padding-top:32px;vertical-align:middle}
.regist_wrap .offical .offical_c span {font-size: 14px;}
.regist_wrap .offical .offical_c .offical_c_l{width:130px;height:130px;border:1px solid #ccc;box-shadow:4px 4px 0 0 rgba(204,204,204,.5);padding:14px;display: inline-block;vertical-align: middle;}
.regist_wrap .offical .offical_c .offical_c_l img{width:132px;height:132px;vertical-align:middle}
.regist_wrap .txt_wrap{display:block;padding-top:32px}
.regist_wrap .txt_wrap .txt_inpt{width:368px;height:48px;background:#fafafa;border:1px solid #ddd;box-shadow:inset 0 1px 3px 0 #ddd;border-radius:4px;}
.regist_wrap .next_btn{width:350px;height:48px;border:none;outline:0;background:#00B5AD;box-shadow:0 2px 0 0 #ccc;border-radius:4px;font-size:18px;color:#fff;cursor:pointer;margin-top:40px}
.regist_wrap .next_btn:hover{background-color:#009A93}
.regist_wrap .check{padding-top:32px;user-select:none;}
.regist_wrap .check em{display:inline-block;vertical-align:middle}
.regist_wrap .check em a{font-size:14px}
.regist_wrap .check span{display: inline-block;vertical-align: middle;width:16px;height:16px;background:url(/zh-CN/images/icon/already.png) no-repeat center;background-size:cover;margin-right:5px}
.regist_wrap .check .already{background:url(/zh-CN/images/icon/already_no.png) no-repeat center;background-size:cover}
.regist_wrap .regist_step{padding-top:32px}
.regist_wrap .regist_step em,.regist_step label,.regist_step span,.regist_step strong{display:inline-block;vertical-align:middle}
.regist_wrap .regist_step label{font-size:0}
.regist_wrap .regist_step label span{width:24px;height:24px;border-radius:50%;background-color:#ddd;text-align:center;line-height:24px}
.regist_wrap .regist_step label span i{font-size:16px;color:#fff}
.regist_wrap .regist_step label em{font-size:14px;color:#999;margin:0 8px}
.regist_wrap .regist_step .step_orange span{background-color:#00B5AD}
.regist_wrap .regist_step .step_orange em{color:#00B5AD}
.regist_wrap .regist_step .step_green span{background-color:#59b300}
.regist_wrap .regist_step .step_green em{color:#59b300}
.regist_wrap .regist_step strong{width:8%;height:1px;background-color:#ddd}
em,i{font-style:normal}
/**
* 导航LeftNav
* @type {[type]}
*/
#customertitleheader {padding:16px;font-size:20px;}
div.hd-person #customertitlediv {margin:0 20px 10px;}
.ui.message .header {font-weight:500;}
div.hd-person .layui-header {background-color:#363636;}
div.hd-person div.layui-logo {width:220px;}
div.hd-person div.layui-logo >a img {width:80%;}
div.hd-person div.layui-side {width:220px;background-color:#f7f7f7;}
div.hd-person .layui-header .layui-nav li.layui-nav-item:not(:nth-child(8)) a img {width:20px;height:20px;display:inline-block;margin:-3px 10px auto 0;}
div.hd-person .layui-header .layui-nav li.layui-nav-item:nth-child(8) a img {border:2px solid rgba(255,255,255,.7);}
div.hd-person .layui-header .layui-nav .layui-nav-item hr {width:2px;height:30px;margin:0 20px 0 40px;}
div.hd-person .layui-header .layui-nav .layui-nav-bar {display:none;}
div.hd-person div.layui-side .layui-nav-tree {width:220px;background-color:#f7f7f7;padding-top:10px;}
div.hd-person div.layui-side .layui-nav-tree .layui-nav-item {line-height:60px;}
div.hd-person div.layui-side .layui-nav-tree .layui-nav-itemed > .layui-nav-child {background-color:#c7c7c7!important;}
div.hd-person div.layui-side .layui-nav-tree .layui-nav-itemed > a {color:#565656!important;}
div.hd-person div.layui-side .layui-nav-tree .layui-nav-itemed > .layui-nav-child a {padding:0 60px;}
div.hd-person div.layui-side .layui-nav-tree .layui-nav-item a {height:48px;line-height:48px;color:#565656;}
div.hd-person div.layui-side .layui-nav-tree .layui-nav-item a img {display:inline-block;width:20px;height:20px;margin:-3px 10px 0 40px;}
div.hd-person div.layui-side .layui-nav-tree .layui-this,div.hd-person div.layui-side .layui-nav-tree .layui-this>a,div.hd-person div.layui-side .layui-nav-tree .layui-nav-item a:hover {background-color:#f7f7f7;color:#e94709!important;}
div.hd-person div.left-nav hr {width: 70%;margin:10px auto;background-color:#e94709;height:2px;}
div.hd-person .layui-nav-tree .layui-nav-bar {background-color:#e94709;}
div.hd-user {margin-top:10px;left:220px;background-color:#fff;transition: all .5s;-webkit-transition: all .5s;}
/*div.hd-user .main-content>div {height:100%;min-height:605px;}
*/
div.hd-user div#mainContent {width:1000px;margin-left:20px;overflow:hidden;background-color:#fff;}
div.hd-person div.layui-footer {border-top:1px solid rgba(228,228,228,0.88);background-color:#fff;text-align:center;}
/**
* main
* @type {[type]}
*/
/*轮播*/
.swiper-container {margin:0 auto;width:100%;max-width:1920px;}
div.swiper-slide {position:relative;height:260px;}
div.swiper-slide>img {width:100%;}
div.swiper-slide>div {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;color:white;font-family:'microsoft yahei';box-sizing:border-box;}
div.swiper-slide>div div{position:absolute;top:40px;left:50px;}
div.swiper-slide div h2 {margin:0; color:#fff;text-shadow:2px 2px 3px #000;font-weight:500;font-size:2rem;}
div.swiper-slide div p {margin:0;text-shadow:2px 2px 3px #000;font-size:1rem;}
div.swiper-slide div a {position:absolute;bottom:40px;left:50px;display:inline-block;padding-bottom:20px;width:130px;border-bottom:3px solid #e8450a;color:white;text-decoration:none;text-shadow:2px 2px 3px #000;font-size:1rem;}
div.swiper-slide div a img {display:inline-block;margin-left:20px;height:15px;border:none;vertical-align:middle;}
div.swiper-slide>a {position:absolute;top:0;left:0;width:100%;height:100%;}
div.swiper-pagination-bullets {bottom:20px!important;}
span.swiper-pagination-bullet {width:40px;height:5px;border:none;border-radius:5px;background:rgba(171, 171, 171, 0.7);}
span.swiper-pagination-bullet-active {background:#fff;}
/*个人标签*/
div.user-label {margin:20px 0;background-color:#fff;padding:20px;box-sizing:border-box}
div.platform-rec img,div.other-rec img,div.hd-study img {display:block;border:none;}
div.user-label h3,div.platform-rec h3 {font-size:20px;font-weight:600;margin-bottom:20px;font-weight:500;}
div.user-label span {display:inline-block;height:40px;line-height:40px;font-size:16px;padding:0 20px;background-color:#e5e5e5;margin-right:10px;border-radius:0;}
div.user-label span:nth-child(2) {background-color:#e1f2ff;}
div.user-label span:nth-child(3) {background-color:#fee1ff;}
div.user-label span:nth-child(4) {background-color:#f1ffe1;}
div.user-label span:nth-child(5) {background-color:#fff2e1;}
div.user-label span:nth-child(6) {background-color:rgba(109,57,235,0.15)}
div#mainContent h3>img,div#mainContent h4>img {display:inline-block;margin:-3px 10px 0 0;height:20px;}
/*平台推荐*/
div.platform-rec {overflow:hidden;padding:0 20px;box-sizing:border-box;}
div.platform-rec div.platform-img {height:300px;}
div.platform-rec div.platform-img div {height:100%;overflow:hidden;}
div.platform-rec div.platform-img img {display:block;border:none;width:100%;height:75%;}
div.platform-rec div.platform-img p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
div.platform-rec div.platform-img div:nth-child(2) {padding-left:20px;}
div.platform-rec div.platform-img div:nth-child(2) a {display:block;line-height:30px;font-size:14px;}
div.platform-rec div.platform-img div:nth-child(2) span {float:right;font-size:14px;}
/*厂商其他产品推荐*/
div.other-rec,div.hd-study {margin:20px 0;background-color:#fff;padding:0 20px;box-sizing:border-box}
div.other-rec h4 {font-size:20px;}
div.other-rec>div:nth-child(1) {height:50px;line-height:50px;margin-bottom:15px;border-bottom:1px solid rgba(228,228,228,0.88);}
div.other-rec>div:nth-child(1) span {text-align:right;}
div.other-rec>div:nth-child(1) span a {display:inline-block;}
div.other-rec > div:nth-child(2) div {min-height:110px;}
div.other-rec>div:nth-child(2) div img {float:left;width:30%;height: 72px;}
div.other-rec>div:nth-child(2) div a {width:60%;float:left;overflow:auto;margin-left:20px;line-height:40px;}
div.other-rec > div:nth-child(2) div a b {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.other-rec>div:nth-child(2) div a p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.other-rec>div:nth-child(2) div p a{display: none;}
div.other-rec>div:nth-child(2) div>p{width: 60%;float:left;margin-left:20px;line-height: 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.other-rec>div:nth-child(2) div h5 {color:#000;font-size:18px;}
/*慧都学院*/
div.hd-study h4 {font-size:20px;margin-bottom:15px;height:50px;line-height:50px;border-bottom:1px solid rgba(228,228,228,0.88);}
div.hd-study div div a {display:inline-block;width:100%;height:100%;text-align:center;}
div.hd-study div div a img {width:100%;}
div.hd-study div div a p {height:40px;line-height:40px;font-size:18px;overflow:hidden;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;}
/**
* 个人中心
*/
.ui.text.menu .active.item {font-weight:500;font-size:1rem;}
.ui.list .item {display:inline-block;margin-bottom:10px;}
.ui.horizontal.list > .item {margin-left:0;}
.ui.basic.table th {padding:5px 15px 15px;box-sizing:border-box;font-size:1rem;font-weight:500;}
.ui.basic.table td {padding:15px;box-sizing:border-box;font-size: 14px;}
.personCenter img.ui.small.image {width:100px;height:100px;border:none;float:left;}
.personCenter div.icon-image {overflow:hidden;}
.personCenter div.icon-image .content {float:left;margin-left:20px;line-height:50px;}
.personCenter .ui.dividing.header {font-weight:500;font-size:1.1rem;margin:20px 0 10px;padding-bottom:15px;border-bottom:1px solid rgba(193,193,193,0.91);}
.personCenter .ui.basic.table th {padding:5px 15px 15px;box-sizing:border-box;font-size:1rem;font-weight:500;}
.personCenter .ui.basic.table td {padding:15px;box-sizing:border-box;}
/*近期活动*/
.personCenter .recActive{color: #808080;}
.personCenter .recActive .item{margin-top: 15px;padding: 0 15px 15px;border-bottom: 1px solid #e6e6e6;}
.personCenter .recActive a{font-size: 0.9rem;font-weight: 600;}
.personCenter .recActive .sign{color: #287801;transition: all .5s;}
.personCenter .recActive .sign:hover{color: #3a9e09;}
.personCenter .recActive .top{margin-bottom: 10px;}
.rightForm{width: 554px; height: 554px;padding: 1px;box-sizing: border-box;border: 1px solid #dfdfdf;}
/**
* 账号安全
*
*/
@media(max-width:480px) {
div.hd-user{left:0;}
#customertitleheader{text-align:right;}
/*轮播*/
div.swiper-slide {overflow:hidden;height:180px!important;text-align:center;}
div.swiper-slide>img {margin:0 -100%;width:auto;height:100%;}
div.swiper-slide>div {padding:35px 20px;width:100%; text-align:left;}
div.swiper-slide>div div{top:30px;left:10px;}
div.swiper-slide div a{bottom:30px;left:10px;}
div.swiper-slide div h2 { margin:0;font-size:1.5rem;}
div.swiper-slide div br {display:none;}
div.swiper-slide div p {font-size:1rem;}
div.swiper-slide div a {padding-bottom:5px;width:95px;/* border:none; */font-size:1rem;}
div.swiper-slide div a img {margin-left:10px;height:12px;vertical-align:middle;}
div.swiper-pagination-bullets {bottom:10px!important;}
span.swiper-pagination-bullet {width:30px;}
/*个人标签*/
div.user-label,div.platform-rec {padding:0;}
div.user-label h3,div.platform-rec h3 {font-size:18px;}
div#mainContent h3>img,div#mainContent h4>img {width:20px;height:20px}
div.user-label span {font-size:14px;margin-bottom:10px}
div.platform-rec div.platform-img div {height:auto;}
div.platform-rec {height:auto;}
div.platform-rec div.platform-img div:nth-child(2) {padding-left:5px;height:300px;}
div.platform-rec div.platform-img div:nth-child(2) a {font-size:14px;width: 70%}
div.platform-rec div.platform-img div:nth-child(2) span{width: 25%}
div.other-rec,div.hd-study {padding:0 30px 0 0;}
div.other-rec h4 {font-size:18px;}
div.other-rec>div:nth-child(2) div a {line-height:35px;}
div.other-rec>div:nth-child(2)>div {margin-bottom:10px;}
div.other-rec>div:nth-child(2) div h5 {font-size:16px;}
div.hd-study div div a p {font-size:14px;}
.hidden-m{display: none!important;}
/*smallbtn*/
.smallbtn{width: 30px;height: 30px;position: fixed;border:1px solid #e7e7e7;left: 20px;top: 80px;z-index: 1000;
background: rgba(255, 255, 255, 0.8) url(/static/images/index/menu.png) center center;background-size: 24px;cursor: pointer;transition: all .5s;-webkit-transition: all .5s; }
ul.ua{padding-right: 30px;}
div.hd-person div.layui-side .layui-nav-tree{width: 200px;}
div.hd-person div.layui-side{width: 200px;left: -100%;transition: all .5s;-webkit-transition: all .5s;}
div.hd-user div#mainContent{width:96%;margin:2%;}
.ui.small.table{overflow: auto;}
.ui.table thead{display: block;width: 1000px;}
.ui.table tr>td{width: 14.8%!important;display: table-cell;}
.ui.basic.table{overflow:auto;}
.ui.table tbody{width: 1000px;}
.userbox{padding-left: 0;}
.userbox .pull-right{float: none;}
table.ui.form.basic.table.mT20.small{width: 100%!important;}
table.ui.form.basic.table.mT20.small p{text-align: left;}
table.ui.form.basic.table.mT20.small tbody{width: 100%!important;}
.PersonEditBaseInfo tr td:first-child, .PersonEditHeadImage tr td:first-child, .PersonEditMoreInfo tr td:last-child{width: 5%!important;padding: 15px 0;}
}