a{color:#333; cursor: pointer;}
a:link{text-decoration:none}
a:hover{text-decoration:none;color:#2D7EE2}
img{border:0;}
button,input{outline: none;}
ul,li,p,h1,h2,h3,h4,h5,h6,span,dl,dd,dt{margin:0; padding:0; font-weight:normal; list-style: none}
body{
margin:0 auto;
}
.width-1200{
width: 1200px;
margin: 0 auto;
}
.textarea{
border:1px solid #e0e0e0;
width: 100%;resize: none;
}
/*è¾¹æ¡†æ ·å¼*/
.border-l {
border-left: 1px solid #E2E2E2;
}
.border-r {
border-right: 1px solid #E2E2E2;
}
.border-t {
border-top: 1px solid #E2E2E2;
}
.border-b {
border-bottom: 1px solid #E2E2E2;
}
.border-all {
border: 1px solid #E2E2E2;
}
.height100{height: 100px;}
.height60{height: 60px;}
.height50{height: 50px;}
.height40{height: 40px;}
.height30{height: 30px;}
.height20{height: 20px;}
.height10{height: 10px;}
.engft{font-family:Arial, Gadget, sans-serif,"宋体";}
.text-f80{color: #808080!important;}
.text-fff{color:#fff!important;}
.text-f666{color:#666!important;}
.text-f555{color:#555!important;}
.text-f999{color:#999!important;}
.text-f888{color:#888!important;}
.text-fbbb{color:#bbb!important;}
.text-fccc{color:#ccc!important;}
.text-f47{color:#474747!important;}
.text-f333{color:#333!important;}
.text-f60{color:#ff6600!important;}
.text-red{color:#e02525!important;}
.text-gold{color:#c8a063!important;}
.text-f37c {color: #3c7ece!important;}
.text-primary { color: #3cbaff;}
.text-warning {color: #ff5231;}
.text-danger {color: #ff6600;}
.text-success {color: #7dc94d;}
.text-info {color: #31708f;}
.text-blue{color: #2976cf;}
.text-green{color: #2bd443;}
.text-greendark {color: #033333;}
.text-decoration{text-decoration:underline}
.font-w7{font-weight: 700;}
.font-w1{font-weight: 100;}
/*å—体间è·*/
.ls5{letter-spacing: 5px;}.ls4{letter-spacing: 4px;}.ls3{letter-spacing: 3px;}.ls2{letter-spacing: 2px;}.ls1{letter-spacing: 1px;}
.dp-b{display: block;}
.dp-ib{display: inline-block;}
/*圆角*/
.radius-100{-moz-border-radius: 100px;-khtml-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;}
.radius-10{-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.radius-8{-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.radius-6{-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.radius-4{-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.radius-3{-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.radius-2{-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
/*浮动*/
.left{float:left} .right{float:right} .center{text-align:center!important}
/*é—´è·*/
.m1{margin:1px}.m2{margin:2px}.m3{margin:3px}.m4{margin:4px}.m5{margin:5px}.m6{margin:6px}.m7{margin:7px}.m8{margin:8px}.m9{margin:9px}.m10{margin:10px}
.m11{margin:11px}.m12{margin:12px}.m13{margin:13px}.m14{margin:14px}.m15{margin:15px}.m16{margin:16px}.m17{margin:17px}.m18{margin:18px}.m19{margin:19px}.m20{margin:20px}
.m21{margin:21px}.m22{margin:22px}.m23{margin:23px}.m24{margin:24px}.m25{margin:25px}.m26{margin:26px}.m27{margin:27px}.m28{margin:28px}.m29{margin:29px}.m30{margin:30px}
.m32{margin:32px}.m35{margin:35px}.m40{margin:40px}.m50{margin:50px}.m60{margin:60px}
.m70{margin:70px}.m80{margin:80px}.m90{margin:90px}.m100{margin:100px}
.mt1{margin-top:1px}.mt2{margin-top:2px}.mt3{margin-top:3px}.mt4{margin-top:4px}.mt5{margin-top:5px}.mt6{margin-top:6px}.mt7{margin-top:7px}.mt8{margin-top:8px}.mt9{margin-top:9px}.mt10{margin-top:10px}
.mt12{margin-top:12px}.mt14{margin-top:14px}.mt15{margin-top:15px}.mt16{margin-top:16px}.mt18{margin-top:18px}.mt19{margin-top:18px}
.mt20{margin-top:20px}.mt22{margin-top:22px}.mt24{margin-top:24px}.mt25{margin-top:25px}.mt26{margin-top:26px}.mt28{margin-top:28px}
.mt30{margin-top:30px}.mt32{margin-top:32px}.mt35{margin-top:35px}.mt36{margin-top:36px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt70{margin-top:70px}.mt80{margin-top:80px}.mt90{margin-top:90px}.mt100{margin-top:100px}
.mb1{margin-bottom:1px}.mb2{margin-bottom:2px}.mb3{margin-bottom:3px}.mb4{margin-bottom:4px}.mb5{margin-bottom:5px}.mb6{margin-bottom:6px}.mb7{margin-bottom:7px}.mb8{margin-bottom:8px}.mb9{margin-bottom:9px}.mb10{margin-bottom:10px}.mb12{margin-bottom:12px}.mb14{margin-bottom:14px}.mb15{margin-bottom:15px}.mb16{margin-bottom:16px}.mb18{margin-bottom:18px}.mb20{margin-bottom:20px}.mb22{margin-bottom:22px}.mb24{margin-bottom:24px}.mb25{margin-bottom:25px}.mb26{margin-bottom:26px}.mb28{margin-bottom:28px}.mb30{margin-bottom:30px}.mb32{margin-bottom:32px}.mb35{margin-bottom:35px}.mb36{margin-bottom:36px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}
.ml1{margin-left:1px}.ml2{margin-left:2px}.ml3{margin-left:3px}.ml4{margin-left:4px}.ml5{margin-left:5px}.ml6{margin-left:6px}.ml7{margin-left:7px}.ml8{margin-left:8px}.ml9{margin-left:9px}.ml10{margin-left:10px}.ml12{margin-left:12px}.ml14{margin-left:14px}.ml15{margin-left:15px}.ml16{margin-left:16px}.ml18{margin-left:18px}.ml20{margin-left:20px}.ml22{margin-left:22px}.ml24{margin-left:24px}.ml25{margin-left:25px}.ml26{margin-left:26px}.ml28{margin-left:28px}.ml30{margin-left:30px}.ml32{margin-left:32px}.ml35{margin-left:35px}.ml36{margin-left:36px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}
.mr1{margin-right:1px}.mr2{margin-right:2px}.mr3{margin-right:3px}.mr4{margin-right:4px}.mr5{margin-right:5px}.mr6{margin-right:6px}.mr7{margin-right:7px}.mr8{margin-right:8px}.mr9{margin-right:9px}.mr10{margin-right:10px}.mr12{margin-right:12px}.mr14{margin-right:14px}.mr15{margin-right:15px}.mr16{margin-right:16px}.mr18{margin-right:18px}.mr20{margin-right:20px}.mr22{margin-right:22px}.mr24{margin-right:24px}.mr25{margin-right:25px}.mr26{margin-right:26px}.mr28{margin-right:28px}.mr30{margin-right:30px}.mr32{margin-right:32px}.mr35{margin-right:35px}.mr36{margin-right:36px}.mr40{margin-right:40px}.mr50{margin-right:50px}.mr60{margin-right:60px}.mr70{margin-right:70px}.mr80{margin-right:80px}.mr90{margin-right:90px}.mr100{margin-right:100px}
.p1{padding:1px}.p2{padding:2px}.p3{padding:3px}.p4{padding:4px}.p5{padding:5px}.p6{padding:6px}.p7{padding:7px}.p8{padding:8px}.p9{padding:9px}.p10{padding:10px}.p12{padding:12px}.p14{padding:14px}.p15{padding:15px}.p16{padding:16px}.p18{padding:18px}.p20{padding:20px}.p22{padding:22px}.p24{padding:24px}.p25{padding:25px}.p26{padding:26px}.p28{padding:28px}.p30{padding:30px}.p32{padding:32px}.p35{padding:35px}.p36{padding:36px}.p40{padding:40px}.p50{padding:50px}.p60{padding:60px}.p70{padding:70px}.p80{padding:80px}.p90{padding:90px}.p100{padding:100px}
.pt1{padding-top:1px}.pt2{padding-top:2px}.pt3{padding-top:3px}.pt4{padding-top:4px}.pt5{padding-top:5px}.pt6{padding-top:6px}.pt7{padding-top:7px}.pt8{padding-top:8px}.pt9{padding-top:9px}.pt10{padding-top:10px}.pt12{padding-top:12px}.pt14{padding-top:14px}.pt15{padding-top:15px}.pt16{padding-top:16px}.pt18{padding-top:18px}.pt20{padding-top:20px}.pt22{padding-top:22px}.pt24{padding-top:24px}.pt25{padding-top:25px}.pt26{padding-top:26px}.pt28{padding-top:28px}.pt30{padding-top:30px}.pt32{padding-top:32px}.pt35{padding-top:35px}.pt36{padding-top:36px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt60{padding-top:60px}.pt70{padding-top:70px}.pt80{padding-top:80px}.pt90{padding-top:90px}.pt100{padding-top:100px}
.pb1{padding-bottom:1px}.pb2{padding-bottom:2px}.pb3{padding-bottom:3px}.pb4{padding-bottom:4px}.pb5{padding-bottom:5px}.pb6{padding-bottom:6px}.pb7{padding-bottom:7px}.pb8{padding-bottom:8px}.pb9{padding-bottom:9px}.pb10{padding-bottom:10px}.pb12{padding-bottom:12px}.pb14{padding-bottom:14px}.pb15{padding-bottom:15px}.pb16{padding-bottom:16px}.pb18{padding-bottom:18px}.pb20{padding-bottom:20px}.pb22{padding-bottom:22px}.pb24{padding-bottom:24px}.pb25{padding-bottom:25px}.pb26{padding-bottom:26px}.pb28{padding-bottom:28px}.pb30{padding-bottom:30px}.pb32{padding-bottom:32px}.pb35{padding-bottom:35px}.pb36{padding-bottom:36px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb70{padding-bottom:70px}.pb80{padding-bottom:80px}.pb90{padding-bottom:90px}.pb100{padding-bottom:100px}
.pl1{padding-left:1px}.pl2{padding-left:2px}.pl3{padding-left:3px}.pl4{padding-left:4px}.pl5{padding-left:5px}.pl6{padding-left:6px}.pl7{padding-left:7px}.pl8{padding-left:8px}.pl9{padding-left:9px}.pl10{padding-left:10px}.pl12{padding-left:12px}.pl14{padding-left:14px}.pl15{padding-left:15px}.pl16{padding-left:16px}.pl18{padding-left:18px}.pl20{padding-left:20px}.pl22{padding-left:22px}.pl24{padding-left:24px}.pl25{padding-left:25px}.pl26{padding-left:26px}.pl28{padding-left:28px}.pl30{padding-left:30px}.pl32{padding-left:32px}.pl35{padding-left:35px}.pl36{padding-left:36px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}
.pr1{padding-right:1px}.pr2{padding-right:2px}.pr3{padding-right:3px}.pr4{padding-right:4px}.pr5{padding-right:5px}.pr6{padding-right:6px}.pr7{padding-right:7px}.pr8{padding-right:8px}.pr9{padding-right:9px}.pr10{padding-right:10px}.pr12{padding-right:12px}.pr14{padding-right:14px}.pr15{padding-right:15px}.pr16{padding-right:16px}.pr18{padding-right:18px}.pr20{padding-right:20px}.pr22{padding-right:22px}.pr24{padding-right:24px}.pr25{padding-right:25px}.pr26{padding-right:26px}.pr28{padding-right:28px}.pr30{padding-right:30px}.pr32{padding-right:32px}.pr35{padding-right:35px}.pr36{padding-right:36px}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}
.nopadd{padding: 0!important}
/*相对ç»å¯¹*/
.posi-a{position: absolute !important;}
.posi-r{position: relative !important;}
/*é¼ æ ‡æŒ‡ç¤ºå˜æ‰‹æŒ‡*/
.cursor-p{cursor: pointer;}
/*背景*/
.bg-white{background: #ffffff;}
.bg-ff4{background-color: #F4F4F4;}
.no-bg {background: none;}
.bg-f8 {background: #f8f8f8;}
.bg-f6 {background: #f6f6f6;}
.bg-all {background: #f4f4f4;}
.bg-primary {background-color: #337ab7;}
a.bg-primary:hover {background-color: #286090;}
.bg-success {background-color: #dff0d8;}
a.bg-success:hover {background-color: #c1e2b3;}
.bg-info {background-color: #d9edf7;}
a.bg-info:hover {background-color: #afd9ee;}
.bg-warning {background-color: #fcf8e3;}
a.bg-warning:hover {background-color: #f7ecb5;}
.bg-danger {background-color: #f2dede;}
a.bg-danger:hover {background-color: #e4b9b9;}
/*å—体*/
.f10{font-size:10px!important}
.f12{font-size:12px!important}
.f14{font-size:14px!important}
.f16{font-size:16px!important}
.f18{font-size:18px!important}
.f20{font-size:20px!important}
.f22{font-size:22px!important}
.f24{font-size:24px!important}
.f26{font-size:26px!important}
.f28{font-size:28px!important}
.f30{font-size:30px!important}
.f32{font-size:32px!important}
.f34{font-size:34px!important}
.f36{font-size:36px!important}
.f38{font-size:38px!important}
.f40{font-size:40px!important}
/*行高*/
.lh80{line-height:60px}
.lh70{line-height:60px}.lh72{line-height:60px}.lh74{line-height:60px}.lh76{line-height:60px}.lh78{line-height:60px}
.lh60{line-height:60px}.lh62{line-height:62px}.lh64{line-height:64px}.lh66{line-height:66px}.lh68{line-height:68px}
.lh50{line-height:50px}.lh52{line-height:52px}.lh54{line-height:54px}.lh56{line-height:56px}.lh58{line-height:58px}
.lh40{line-height:40px}.lh42{line-height:42px}.lh44{line-height:44px}.lh46{line-height:46px}.lh48{line-height:48px}
.lh30{line-height:30px}.lh32{line-height:32px}.lh34{line-height:34px}.lh36{line-height:36px}.lh38{line-height:38px}
.lh28{line-height:28px}
.lh26{line-height:26px}
.lh24{line-height:24px}
.lh22{line-height:22px}
.lh20{line-height:20px}
.lh18{line-height:18px}
.minh200{min-height:200px;}
.minh400{min-height:400px;}
.minh600{min-height:600px;}
.minh800{min-height:800px;}
.minh1000{min-height:1000px;}
.minh1440{min-height:1000px;}
.minh2000{min-height:2000px;}
/*自动éšè—æ–‡å—*/
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ellipsis-1 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.ellipsis-2 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ellipsis-3 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/*é¼ æ ‡ç»è¿‡æŠ•å½±æ•ˆæžœ*/
.projection:hover{
transform: scale(1.02);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.21);
}
.span-solidblue{
border: 1px solid #2D7EE2;
color: #2D7EE2;
}
.span-solidblue:hover{
background-color: #2D7EE2;
color: #FFFFFF;
}
.span-hollowblue{
border: 1px solid #2976cf;
background-color: #2976cf;
color: #FFFFFF;
}
.span-hollowblue:hover{
border: 1px solid #4d97f7;
background-color: #4d97f7;
color: #FFF;
}
.span-solidgray{
border: 1px solid #CCCCCC;
color: #CCCCCC;
}
.span-solidgray:hover{
background-color: #CCCCCC;
color: #FFFFFF;
}
.span-hollowgray{
border: 1px solid #CCCCCC;
color: #CCCCCC;
}
.span-hollowgray:hover{
background-color: #CCCCCC;
color: #FFFFFF;
}
.icon-img{
background-image: url(../images/training-platform-icon-gg.png);
}
.m-icon-img{
background-image: url(../images/m-icon-img.png);
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-sb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-sa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-end {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}