@charset "utf-8";
.wrap{max-width:1700px;width:95%;margin:0 auto}
.max-wrap{max-width:1700px;margin:0 auto}
.middle-qa{vertical-align:middle}
.trans{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
#tutorial .tutorial-support{width:100%;background-color:#323436;padding:24px 0}
#tutorial .tutorial-support .left{width:70%}
#tutorial .tutorial-support .support-search .text{width:350px;height:60px;line-height:60px;font-size:14px;background:#fff url(../images/ico-search.png) no-repeat 15px center;padding:0 10px 0 55px;border:0;border-radius:5px}
#tutorial .tutorial-support .ico{font-size:16px;color:#fff}
#tutorial .tutorial-support .play{line-height:60px;background:url(../images/ico-play.png) no-repeat left center;padding-left:40px;margin-left:4%}
#tutorial .tutorial-support .file{line-height:60px;background:url(../images/ico-file.png) no-repeat left center;padding-left:35px}
#tutorial .tutorial-support .question{line-height:60px;background:url(../images/ico-question.png) no-repeat left center;padding-left:45px}
#tutorial .tutorial-support .line{width:1px;height:60px;background-color:#383939;margin:0 3%}
#tutorial .tutorial-list{min-height:300px}
#tutorial .tutorial-list .item{width:44.70588%;padding:25px 0;border-top:1px solid #e5e5e5}
#tutorial .tutorial-list .item:nth-child(1),#tutorial .tutorial-list .item:nth-child(2){border-top:0}
#tutorial .tutorial-list .item .date{width:20%}
#tutorial .tutorial-list .item .date .year{font-size:16px;color:#999;margin:6px 0 15px}
#tutorial .tutorial-list .item .date .day{font-size:34px;color:#999}
#tutorial .tutorial-list .item .info{width:80%}
#tutorial .tutorial-list .item .info .name{font-size:20px;color:#222; width:100%;height:28px; line-height:28px; overflow:hidden;}
#tutorial .tutorial-list .item .info .name a{font-size:inherit;color:inherit}
#tutorial .tutorial-list .item .info .name a:hover{color:#0382db}
#tutorial .tutorial-list .item .info .brief{height:72px;line-height:24px;font-size:14px;color:#666;margin-top:20px}

#tutorial .tutorial-list .item-full{width:100%;padding:15px 0;border-top:1px solid #e5e5e5}
#tutorial .tutorial-list .item-full:nth-child(1),#tutorial .tutorial-list .item:nth-child(2){border-top:0}
#tutorial .tutorial-list .item-full .date{width:20%}
#tutorial .tutorial-list .item-full .date .year{font-size:16px;color:#999;margin:6px 0 15px}
#tutorial .tutorial-list .item-full .date .day{font-size:34px;color:#999}
#tutorial .tutorial-list .item-full .info{width:80%}
#tutorial .tutorial-list .item-full .info .name{font-size:20px;color:#222}
#tutorial .tutorial-list .item-full .info .name a{font-size:inherit;color:inherit}
#tutorial .tutorial-list .item-full .info .name a:hover{color:#0382db}
#tutorial .tutorial-list .item-full .info .brief{line-height:24px;font-size:14px;color:#666; padding:2.0em 2.0em 2.0em 1.0em;}

#info-detail{min-height:300px}
#info-detail .top .info-title{font-size:26px}
#info-detail .top span{font-size:14px;color:#666;margin:0 1%}
@media only screen and (max-width:1300px){#tutorial .tutorial-list .item{width:48%}
#tutorial .tutorial-list .item .date .day{font-size:28px}
}
@media only screen and (max-width:992px){#tutorial .tutorial-list .item,.item-full {width:100%}
#tutorial .tutorial-list .item:nth-child(1),#tutorial .tutorial-list .item:nth-child(2){border-top:1px solid #e5e5e5}
#tutorial .tutorial-list .item .date,.item-full .date{max-width:120px}
#tutorial .tutorial-list .item .info .brief,.item-full .info .brief{height:auto}
}
@media only screen and (max-width:768px){#tutorial .tutorial-support .support-search{width:100%;margin-bottom:10px;float:none}
#tutorial .tutorial-support .support-search .text{width:100%}
#tutorial .tutorial-support .play{margin-left:0}
#tutorial .tutorial-list .item-full .info { width:100%; padding:0 10px;}
#tutorial .tutorial-list .item-full .date{ display:none;}
}
@media only screen and (max-width:480px){#tutorial .tutorial-list .item .date .day{font-size:18px}
}