* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.th_banner{width:100%;}
.th_banner img{width:100%;display: block;}
/*重要*/
.th_zy{width:100%;padding:2% 0;overflow: hidden;}
.th_title{font-size:30px;text-align: center;line-height:35px;margin:2% auto;font-weight:bold;color:#333;}
.z_fu{font-size: 16px;color: #666;line-height:24px;text-align: center;}
.th_zy .tf_list{width:99.9999%;margin-top:3%;overflow: hidden;}
.th_zy .tf_list li{width:31.3333%;height:260px;float:left;margin:1%;padding:2%;box-shadow: 0 0 10px #e3e0de;overflow: hidden;}
.th_zy .tf_list .tu img{display: block;margin:2% auto;}
.th_zy .tf_list .name{font-size:24px;text-align: center;color:#333;font-weight:bold;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.th_zy .tf_list .tet{font-size:16px;margin-top:3%;color:#666;line-height: 24px;}
/*设计作品*/
.th_zp{width:100%;padding:2% 0;overflow: hidden;}
.th_zp .tab{width:100%; float:left;margin:2% auto;display: flex;align-items:center;}
.th_zp .tab-hd {width:58%; float:left;overflow:hidden; zoom:1;}
.th_zp .tab-hd li{ float:left;width:31.3333%;margin:1%; padding:2%;font-size:18px;font-weight:bold;color:#005AFF; border-radius:5px;background:#fff;box-shadow:0px 0px 20px 0 #e8e7e7;text-align:center; cursor:pointer;}
.th_zp .tab-hd h2{font-size:20px;color:#333;line-height: 26px;}
.th_zp .tab-hd p{font-size:15px;margin-top:5px;font-weight:normal;color:#dcdcdc;line-height: 24px;}
.th_zp .tab-hd li.active{ background:#005AFF;}
.th_zp .tab-hd li.active h2{color:#fff;}
.th_zp .tab-bd{width:45%;float: left;}
.th_zp .tab-bd li{display:none; padding:20px; border-top:0 none; font-size:24px;overflow: hidden;}
.th_zp .tab-bd li.thisclass{ display:list-item;}
.th_zp .t_left{width:98%;float:left;}
.th_zp .t_left img{width:99.9999%;display: block;}
/*区别*/
.th_qb{width:100%;padding:2% 0;overflow: hidden;background:#3469ff;}
.th_qb .th_title{color:#fff;}
.th_qb .q_list{width:100%;margin:2% 0;overflow: hidden;}
.th_qb .q_list li{width:48%;float:left;margin:1%;}
.th_qb .q_list li img{width:100%;display: block;}
/*技能*/
.th_jn{width:100%;padding:2% 0;overflow: hidden;}
.th_jn .tf_list{width:100%;margin-top:3%;overflow: hidden;}
.th_jn .tf_list li{width:23%;height:178px;float:left;margin:1%;padding:2%;box-shadow: 0 0 10px #e3e0de;overflow: hidden;}
.th_jn .tf_list .tu img{display: block;margin:2% auto;}
.th_jn .tf_list .name{font-size:20px;line-height:45px;text-align: center;color:#333;font-weight:bold;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.th_jn .tf_list .tet{font-size:16px;text-align:center;margin-top:3%;color:#666;line-height: 24px;}
/*玩转 PS*/
.th_sl{width:100%;margin-top:3%;overflow: hidden;padding:2% 0;background:#1b1c2f;}
.th_sl .th_title{color:#fff;}
.th_sl .pic{width:100%;margin-top:3%;}
.th_sl .pic img{width:100%;display: block;}
/*讲师*/
.th_team{width:100%;margin-top:3%;overflow: hidden;}
.th_team .choice_list{width:100%;margin-top:3%;}
.th_team .choice_list li{position:relative;overflow:hidden;width:31.3333%;float:left;margin:1%;background:#fff;}
.th_team .choice_list li img{width:100%;}
.th_team .choice_list .title{width:100%;border-radius:5px;background-image:linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));font-size:20px;position:absolute;bottom:0px;text-align:center;padding-bottom:10px;font-weight:bold;color:#fff;}
.th_team .choice_list .text{display:none;position:absolute;padding:2%;background:#000;opacity:0.8;top:0;bottom:0;width:100%;}
.th_team .choice_list .text .name{color:#fff;font-size:18px;font-weight:bold;}
.th_team .choice_list .text span{display: block;width:15%;background:#fff;border-radius:5px;margin-top:5%;}
.th_team .choice_list .text p{color:#fff;font-size:14px;margin-top:5%;line-height:24px;}
.th_team .choice_list .text strong{font-size:16px;color:#fff;margin-top:3%;display: block;}
.th_team .choice_list .text strong b{font-weight:normal;font-style:normal;}
.th_team .choice_list li:hover .title{display: none;}
.th_team .choice_list li:hover .text{display: block;}
/*选天琥，学习享有 4 大福利*/
.th_fl{width:100%;margin-top:3%;overflow: hidden;}
.th_fl .tf_list{width:100%;margin-top:3%;overflow: hidden;}
.th_fl .tf_list li{width:23%;height:275px;float:left;margin:1%;padding:2%;box-shadow: 0 0 10px #e3e0de;overflow: hidden;}
.th_fl .tf_list .tu img{display: block;margin:2% auto;}
.th_fl .tf_list .name{font-size:20px;line-height:45px;text-align: center;color:#333;font-weight:bold;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.th_fl .tf_list .tet{font-size:16px;text-align:center;margin-top:3%;color:#666;line-height: 24px;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.th_title{font-size:22px;}
	.z_fu{font-size:14px;}
	.th_zy .tf_list li{width:98%;}
	.th_zp .tab{display: block;}
	.th_zp .tab-hd{width:98%;}
	.th_zp .tab-hd li{width:48%;}
	.th_zp .tab-bd{width:100%;}
	.th_qb .q_list li{width:98%;}
	.th_jn .tf_list li{width:48%;}
	.th_team .choice_list li{width:98%;height:auto;}
	.th_fl .tf_list li{width:98%;height:auto;}
}