a.t{text-decoration:underline}a.t:hover{color:#f30;text-decoration:underline}.cf{zoom:1}.cf:after{content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;overflow:hidden}.left{float:left}.right{float:right}.fnone{float:none}.middle{float:left}.tleft{text-align:left}.tright{text-align:right}.tcenter{text-align:center}.dis{display:block}.undis{display:none}.sanjiao{border-width:20px;border-color:transparent transparent #ccc transparent;border-style:dashed dashed solid dashed;width:0;height:0;overflow:hidden}.clcikActive{color:#fff;background:#33b0c4;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.crumb{display:none}@media (min-width:768px){.crumb{display:block;*zoom:1;zoom:1;line-height:50px}.crumb:after{content:" ";clear:both;display:table}.crumb p{color:#999}.crumb p a{padding:0 10px}.crumb p span{padding-left:10px}}body{background-color:#f4f4f4}.trial-title{font-size:36px;font-weight:600;text-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.trial-title::before,.trial-title::after{content:"";display:inline-block;width:36px;height:28px;background-position:center;background-repeat:no-repeat}.trial-title::before{background-image:url(../../images/class/bg-title-left.png);margin-right:20px}.trial-title::after{background-image:url(../../images/class/bg-title-right.png);margin-left:20px}.trialclasslistBox .wrap{position:relative}.trialclasslistBox .item-box{margin-bottom:50px}.trialclasslistBox .trialclasslist{margin-top:-10px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}.trialclasslistBox .trialclasslist>dt{width:580px;height:250px;margin-top:30px;margin-left:20px}.trialclasslistBox .trialclasslist>dt a{display:block;width:100%;height:100%}.trialclasslistBox .trialclasslist>dt img{width:100%;height:100%;object-fit:cover;border-radius:4px;overflow:hidden;background-color:#eee}.trialclasslistBox .trialclasslist>dd{position:relative;background-color:#fff;transition:transform .218s;-moz-transition:transform .218s;-webkit-transition:transform .218s;-o-transition:transform .218s;width:280px;min-height:250px;margin-left:20px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;overflow:hidden;margin-top:30px}.trialclasslistBox .trialclasslist>dd>a{display:block;padding:15px 12px 0}.trialclasslistBox .trialclasslist>dd .liwc>article{height:133px}.trialclasslistBox .trialclasslist>dd .liwc>article>h3{color:#333;font-size:16px;font-weight:600;line-height:1.5;overflow:hidden;display:-webkit-box;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.trialclasslistBox .trialclasslist>dd .liwc>article>div{margin-top:10px;font-size:0;overflow:hidden;margin-right:-10px}.trialclasslistBox .trialclasslist>dd .liwc>article>div>span{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:5px;color:#999;font-size:12px;line-height:20px;padding:0 10px;background-color:#F7F7F7;text-align:center;min-width:44px}.trialclasslistBox .trialclasslist>dd .liwc>dl>dd{height:30px;padding-bottom:14px;color:#999;font-size:0}.trialclasslistBox .trialclasslist>dd .liwc>dl>dd img{width:30px;height:30px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:linear-gradient(180deg, #818993 0%, #535964 100%);margin-right:-10px;display:none}.trialclasslistBox .trialclasslist>dd .liwc>dl>dd img:nth-of-type(1),.trialclasslistBox .trialclasslist>dd .liwc>dl>dd img:nth-of-type(2),.trialclasslistBox .trialclasslist>dd .liwc>dl>dd img:nth-of-type(3){display:inline-block}.trialclasslistBox .trialclasslist>dd .liwc>dl>dd span{margin-left:16px;font-size:14px;display:inline-block;vertical-align:middle}.trialclasslistBox .trialclasslist>dd .liwc>dl>dt{border-top:solid 1px #eee;padding-top:15px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.trialclasslistBox .trialclasslist>dd .liwc>dl>dt>span{font-size:12px;color:#666}.trialclasslistBox .trialclasslist>dd .liwc>dl>dt>button{font-size:14px;color:#fff;width:96px;height:30px;border-radius:4px}.trialclasslistBox .trialclasslist>dd .liwc>dl>dt>button::after{content:"";display:inline-block;width:7px;height:7px;border-top:solid 1px #fff;border-right:solid 1px #fff;transform:rotate(45deg)}.trialclasslistBox .trialclasslist>dd .liwc>dl>dt>button.blue{background-color:#1A63E7}.trialclasslistBox .trialclasslist>dd .liwc>dl>dt>button.orange{background-color:#FF5857}.trialclasslistBox .trialclasslist>dd .liwc>dl>dt>button.green{background-color:#588E3E}.trialclasslistBox .trialclasslist>dd:hover .liwc>h3{color:#0193FF}@media (max-width:1410px){.trialclasslistBox .left-nav-box{font-size:12px;margin-right:535px}.trialclasslistBox .trialclasslist{margin-left:60px}.trialclasslistBox .trialclasslist>dt,.trialclasslistBox .trialclasslist>dd{margin-left:5px}.trialclasslistBox .trialclasslist>dt{width:565px}}@media (max-width:1270px){.trialclasslistBox .left-nav-box{margin-right:auto;margin-left:0;left:0;right:auto}.trialclasslistBox .trialclasslist{margin-left:88px}.trialclasslistBox .trialclasslist>dt,.trialclasslistBox .trialclasslist>dd{margin-left:8px}.trialclasslistBox .trialclasslist>dt{width:548px}.trialclasslistBox .trialclasslist>dd{width:270px}}.change_project_box{position:fixed;z-index:20;width:100%;box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.1)}.hr155{height:155px}