@charset "utf-8";
 *{margin:0;padding:0;box-sizing:border-box;/*color:#6F7479;*/ font-family:microsoft yahei;-webkit-font-smoothing:antialiased}
:after,:before{box-sizing:inherit}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.col-sm-4{float:left;width:33.33333333%;padding:10px; margin-bottom:20px;}

.main{ width:1100px; margin:20px auto;}

.titleBar{text-align:center; margin-top:30px;}
.titleBar .caption{font-size:36px;color:#252b3a;letter-spacing:0;text-align:center;line-height:46px;margin-bottom:10px}
.descript{margin-bottom:40px;font-size:14px;color:#A0A2A8}
.developer-train h3,.titleBar h3{ font-weight:normal;}
.developer-train .tile{position:relative;background:#FFFFFF;height:180px;border-radius:2px;border:#e6e6e6 1px solid;border-top:#AFCEF1 3px solid;transform:translate(0,0); transition:all .5s}
.developer-train a:hover .tile{position:relative;background:#FFFFFF;height:180px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.10);border-radius:2px; transition:all .5s;border:#fff 1px solid;border-top:#7CAFE9 3px solid; transform:translate(0,-5px);}
.developer-train .layer-figure{text-align:center;font-size:18px;color:#252b3a;height:79px;background:url("xm-trainblock.png") no-repeat center;}
.developer-train .title{line-height:35px;/* border-bottom:1px solid #ddd;*/color:#252b3a;font-size:18px;padding:25px;}
.developer-train .dev-text{text-align:center;margin:30px 30px 0;font-size:12px;color:#A0A2A8}

.developer-train .buttond{/*position:absolute;*/bottom:30px;right:35.842%;text-align:center;margin:auto;width:100px;height:32px;border:1px solid #AFCEF1;font-size:14px;color:#AFCEF1;transition:all .5s}
.developer-train .buttond p{line-height:60px;color:#7CAFE9;transition:all .5s}
.developer-train a:hover .buttond{background-color:#7CAFE9;border:none;cursor:pointer; transition:all .5s}
.developer-train a:hover .buttond p{color:#fff;transition:all .5s}

.classes-wrap{overflow: hidden;}
.content{width: 1100px;margin: 0 auto;position: relative;}
.content:after{content: '';clear: both;height: 0;display: block;}
.clearfix:after{content: " ";display: table;clear: both;width: 100%;}
.classes-wrap .classes-item{width: 12.5%;float: left;cursor: pointer;padding:0 0 30px;position: relative;z-index: 1;overflow: hidden;}
.classes-wrap .classes-item.active:after{display: block;}
.classes-wrap .classes-item:after{content: " ";position: absolute;z-index: 2;background: url(xm-helpCenter_sprites.png) no-repeat -56px -235px;width: 36px;height: 18px;bottom: 0;left: 50%;margin-left: -18px;display: none;}
.classes-wrap .classes-item .icon{width: 71px;height: 55px;background-image: url(xm-helpCenter_sprites.png);background-repeat: no-repeat;display: block;margin: 0 auto;}
.classes-wrap .classes-item.active .text{color: #000;font-weight: 700;}
.classes-wrap .classes-item .text{font-size: 16px;color: #535353;display: block;text-align: center;font-weight: 400;margin-top: 15px;}
.classes-wrap .classes-item .icon.icon-login{background-position: -9px -11px;}
.classes-wrap .classes-item:hover .icon.icon-login,
.classes-wrap .classes-item.active .icon.icon-login{background-position: -94px -11px;}
.classes-wrap .classes-item .icon.icon-config{background-position: -9px -99px;}
.classes-wrap .classes-item:hover .icon.icon-config,
.classes-wrap .classes-item.active .icon.icon-config{background-position: -93px -98px;}
.classes-wrap .classes-item .icon.icon-award{background-position: -179px -99px;}
.classes-wrap .classes-item:hover .icon.icon-award,
.classes-wrap .classes-item.active .icon.icon-award{background-position: -265px -99px;}

.classes-wrap .classes-item .icon.icon-tudi{background-position: -175px -12px;}
.classes-wrap .classes-item:hover .icon.icon-tudi,
.classes-wrap .classes-item.active .icon.icon-tudi{background-position: -263px -12px;}

.classes-wrap .classes-item .icon.icon-manage{background-position: -350px -14px;}
.classes-wrap .classes-item:hover .icon.icon-manage,
.classes-wrap .classes-item.active .icon.icon-manage{background-position: -435px -14px;}

.classes-wrap .classes-item .icon.icon-verifcation{background-position: -178px -182px;}
.classes-wrap .classes-item:hover .icon.icon-verifcation,
.classes-wrap .classes-item.active .icon.icon-verifcation{background-position: -263px -182px;}

.classes-wrap .classes-item .icon.icon-wechat{background-position: -348px -99px;}
.classes-wrap .classes-item:hover .icon.icon-wechat,
.classes-wrap .classes-item.active .icon.icon-wechat{background-position: -433px -99px;}

.classes-wrap .classes-item .icon.icon-jungong{background-position: -350px -180px;}
.classes-wrap .classes-item:hover .icon.icon-jungong,
.classes-wrap .classes-item.active .icon.icon-jungong{background-position: -436px -180px;}

/*内容*/
.list-wrap{background: #fff;padding: 50px;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);margin-bottom: 80px;box-sizing: border-box;display: none;}
.list-wrap.active{display: block;}
.list-wrap .list-title{font-size: 22px;color: #000;margin-bottom:0px;}
.list-wrap .list-title .icon-question{width: 26px;height: 29px;display: inline-block;vertical-align: -8px;margin-right: 10px;background: url(xm-helpCenter_sprites.png) no-repeat -10px -235px;}
.list-wrap .list-content .list-item{display: block;padding: 32px 0 32px 13px;position: relative;z-index: 1;border-bottom: 1px solid #e5e5e5;font-size: 16px;line-height: 21px;}
.list-wrap .list-content .list-item a{text-decoration: none;color: #535353;}
.list-wrap .list-content .list-item a:hover{color: #4381fd;}
.list-wrap .list-content .list-item a:before{content: " ";background: #b2b2b2;width: 4px;height: 4px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;position: absolute;z-index: 1;top: 42px;left: 0;}
.list-wrap .list-content .list-item a span{ float:right;}
.pagination{margin-top: 45px;text-align: right;display: block;width: 100%;}
.pagination__item{padding: 8px 10.5px;margin: 0 4px;box-sizing: border-box;display: inline-block;border: 1px solid #dadada;border-radius: 4px;font-size: 12px;color: #535353;background: #fff;cursor: pointer;}
.pagination__item:hover{background-color: #b1b1b1;border-color: #999;color: #fff;}
.pagination__item.is-active{background-color: #4381fd;border-color: #4381fd;color: #fff;cursor: default;}




.wip_zdcolname { width: 100%; border-bottom: 1px solid #9ecbef; color: #1269d3; font-size: 21px; font-weight: bold; padding-bottom: 20px; margin-top: 30px; }
.wip_zdcolname a { color: #1269d3; }

.pro20_wrod { margin-top: 10px; }
.pro20_wrod li { line-height: 42px; border: none; height: 42px; }
.pro20_wrod li span { float: right; display: block; }
.pro20_wrod a { color: #333; }