﻿/*  
*{outline:none;}*/
.columns{display:flex;}
img{display:block;max-width:100%;}

/* // 单行文本省略 */
.ellipsis{    /* // 如果不是block会无效 */
display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* // 多行文本隐藏 */
.bth{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}

/*  */
#setting{background:url(../images/support/bg_01.png) no-repeat;background-size:cover;}
#setting.bofang{background:url(../images/support/bg.png) no-repeat;background-position-x:center;background-color:#F5F5F5;    /* background-size: cover; */}

/* 导航栏 */

#AppBar{background:url(../images/support/top.png) no-repeat;background-position-x:center;background-size: 100% 100%;}
#AppBar .inner{width:77.5%;margin:0 auto;}
#AppBar .AppBar_top{justify-content:space-between;height:83px;}
#AppBar .AppBar_top .w71{width:71.5%;align-items:center;justify-content:space-between;padding-left:10px;}
#AppBar .AppBar_top .w71 .language{text-align:center;line-height:40px;color:#fff; height: 40px; width: 104px; position: relative; cursor: pointer;}
#AppBar .AppBar_top .w71 .language:before {width:90px;height:40px;background-color:rgba(212,154,35,.5);border-radius:6px;transform:skewX(-20deg);content: ''; display: block; position: absolute; left: 7px; top: 0;}
#AppBar .AppBar_top .w71 .language .list {position: relative; z-index: 2;}
#AppBar .AppBar_top .w71 .language .current {display: inline-block; padding-right: 22px; background: url(../images/support/arrow_01.png) no-repeat right center;}
#AppBar .AppBar_top .w71 .language ul {position: absolute; left: 2px; top: 100%; background-color:#e4ab23; color: #fff; text-align: center; width: 90px; border-radius: 3px; padding: 5px 0; z-index: 2; display: none;}
#AppBar .AppBar_top .w71 .language li {font-size: 14px; line-height: 1.875em;}
#AppBar .AppBar_top .w71 .language li a {display: block; padding: 0 5px; color: #fff;}
#AppBar .AppBar_top .w71 .language li a:hover {opacity: .85;}

#AppBar .AppBar_top .ul{width:80%;justify-content:space-between;margin-left:40px;}
#AppBar .AppBar_top .ul .on{background:#222222;transform:skewX(340deg);}
#AppBar .AppBar_top .ul li:hover{background:#222222;transform:skewX(340deg);}
#AppBar .AppBar_top .ul li:hover>div{transform:skewX(20deg);}
#AppBar .AppBar_top .ul li{padding:5px 15px;font-size:1em;text-align:center;border-radius:6px 6px 6px 6px;}
#AppBar .AppBar_top .ul .on>div{transform:skewX(20deg);}
#AppBar .AppBar_top .ul li a{color:#fff;}
#AppBar .AppBar_top .w25{width:25%;font-size:16px;color:#F5BE24;}
#AppBar .AppBar_top .w25 a{color:#F5BE24;}
#AppBar .AppBar_top .w25 .Login{color:#F5BE24;justify-content:end;align-items:center;}
#AppBar .AppBar_top .w25 .Login>div{padding:3px;align-items:center;}
#AppBar .AppBar_top .w25 .Login span{padding:0 5px;}
#AppBar .AppBar_top .w25 .Login img{display:block;padding-right:7px;padding-bottom:1px;}
#AppBar .AppBar_top .w25 .search{height:45px;justify-content:flex-end;align-items:center;}
#AppBar .AppBar_top .w25 .search img{padding-right:42px;}
#AppBar .AppBar_top .w25 .search input{padding-right:18px;width:210px;}
#AppBar .AppBar_top .w25 .search input::-webkit-input-placeholder{color:#ffffff;}

/* 轮播图 */
#slideshow{padding:0.8% 0;}
#slideshow .inner{width:77.5%;margin:0 auto;}
#slideshow li img{display:block;width:100%;}
#slideshow .boutique{position:relative;z-index:1;}
#slideshow .boutique li{position:absolute;display:none;}
#slideshow .boutique .btn.prev{position:absolute;top:50%;z-index:10;cursor:pointer;}
#slideshow .boutique .btn.next{position:absolute;top:50%;right:0;z-index:10;cursor:pointer;}
#slideshow .dian{display:flex;justify-content:center;padding-top:30px;}
#slideshow .dian li{padding:0 5px;}
#slideshow .dian i{width:7px;height:7px;background:#b6b6b6;display:block;border-radius:100%;transition:0.5s;}
#slideshow .dian li.on i{width:30px;height:7px;border-radius:50px;background:#eab945;transition:0.5s;}

/*  */
#quick .inner{width:77.5%;margin:0 auto;}
#quick .w100{justify-content:space-between;padding:34px 0 20px;}
#quick .w100 .column_2{width:270px;height:114px;border-radius:10px;font-size:22px;display:flex;}
#quick .w100 .column_2:nth-child(1){background:#FAEBC9;}
#quick .w100 .column_2:nth-child(2){background:#C6E7FF;}
#quick .w100 .column_2:nth-child(3){background:#F5D7BA;}
#quick .w100 .column_2:nth-child(4){background:#FFD4D4;}
#quick .w100 .column_2:nth-child(5){background:#D4CBEE;}
#quick .w100 .column_2:nth-child(1) a{color:#9A450B;}
#quick .w100 .column_2:nth-child(2) a{color:#132D4D;}
#quick .w100 .column_2:nth-child(3) a{color:#000000;}
#quick .w100 .column_2:nth-child(4) a{color:#000000;}
#quick .w100 .column_2:nth-child(5) a{color:#4D4072;}
#quick .w100 .column_2:nth-child(1) a:hover{color:#c9560a;}
#quick .w100 .column_2:nth-child(2) a:hover{color:#114481;}
#quick .w100 .column_2:nth-child(3) a:hover{color:#1a1919;}
#quick .w100 .column_2:nth-child(4) a:hover{color:#1a1919;}
#quick .w100 .column_2:nth-child(5) a:hover{color:#4e319c;}
#quick .w100 .column_2 a{display:flex;align-items:center;justify-content:space-evenly;width:100%;}
#quick .w100 .column_2 a img{transition:.5s;}
#quick .w100 .column_2 a:hover img{transform:scale(1.1);transition:.5s;}
#quick .w90{height:114px;background:#FFFFFF;border-radius:10px;align-items:center;}
#quick .w90 .column_2{display:flex;align-items:center;width:294px;justify-content:center;height:70px;border-right:1px solid #efefef;}
#quick .w90 .column_2:nth-child(1){width:283px;}
#quick .w90 .column_2:nth-child(5){width:275px;}
#quick .w90 .column_2 img{margin-right:14px;}
#quick .w90 .column_2:hover img{transform:rotateY(360deg);transition:1.5s;}
#quick .w90 .column_2 h1{font-size:18px;color:#000000;font-weight:400;line-height:1.8;}
#quick .w90 .column_2 h2{font-size:14px;color:#666666;font-weight:400;line-height:1;}

/* 推荐课程 */
#recommend{padding:50px 0 80px 0;}
#recommend .inner{width:77.5%;margin:0 auto;}
#recommend .w80{justify-content:space-between;align-items:flex-end;padding-bottom:30px;}
#recommend .w80 .title{align-items:flex-end;}
#recommend .w80 .title img{display:block;}
#recommend .w80 .title .hot {margin-bottom: -8px;}
#recommend .w80 .title h1{font-size:24px;font-weight:bold;color:#000000;padding:0 20px 0 8px;}
#recommend .w80 .title h2{font-size:16px;font-weight:300;color:#999999;line-height:1.5;}
#recommend .w80 .classify div{padding:0 20px;height:30px;border-radius:3px 3px 3px 3px;background:#FFFFFF;text-align:center;margin-left:10px;}
#recommend .w80 .classify div a{font-size:0.9em;font-weight:300;color:#999999;}
#recommend .w80 .classify .on{background:#E1A512;}
#recommend .w80 .classify .on a{color:#fff;}
#recommend .w80 .classify div:hover{background:#E1A512!important;}
#recommend .w80 .classify div:hover a{color:#fff;}
#recommend .w88{width:102.77%; flex-flow:wrap;}
#recommend .w88 .column_3{width:22.23%;margin-right:2.77%;position:relative;border-radius:5px 0px 0px 5px;background:white;box-shadow:0 0 10px 0px #e4e4e4;}
#recommend .w88 .column_3 .image{overflow:hidden;border-radius:5px;}
#recommend .w88 .column_3 .image img{transition:0.5s;}
#recommend .w88 .column_3:hover .image img{transform:scale(1.1);transition:0.5s;}
#recommend .w88 .column_3 .label{position:absolute;z-index:9;}
#recommend .w88 .column_3 .label img{border-radius:5px 0px 0px 0px;}
#recommend .w88 .column_3 .image img{border-radius:5px 5px 0px 0px;}
#recommend .w88 .column_3 .head img{margin-left:auto;padding:0 15px;margin-top:-33px;position:relative;z-index:9;}
#recommend .w88 .column_3 .title{height:45px;font-size:1em;font-weight:400;color:#000000;line-height:24px;-webkit-line-clamp:2;margin:11px 0 29px 0;padding:0 15px;transition:0.2s;}
#recommend .w88 .column_3:hover .title{color:#cd9b32;transition:0.2s;}
#recommend .w88 .column_3 .price{align-items:center;justify-content:space-between;padding:0 15px;padding:0 18px 28px;}
#recommend .w88 .column_3 .price .money{align-items:center;line-height:24px;}
#recommend .w88 .column_3 .price .text1{font-size:16px;font-weight:400;color:#FF1600;padding:0 8px 0 5px;}
#recommend .w88 .column_3 .price .text2{font-size:14px;font-weight:300;color:#999999;text-decoration:line-through;}
#recommend .w88 .column_3 .man{font-size:14px;font-weight:300;color:#999999;}

/* 免费 */
#recommend.Gratis .w88 .column_3 .title{margin:11px 0 20px 0;}
#recommend.Gratis .w88 .column_3 .price{padding:0 18px 20px;}
#recommend.Gratis .w80 .classify div{background:#F5F5F5;}
#recommend.Gratis .w80 .classify .on{background:#E1A512;}

/* 会员专享 */
#recommend.member{background:#F5F5F5;}
#recommend.member .w88 .column_3 .price .text1{padding:0;}

/* 付费 */
#recommend.pay .w88 .column_3{width:30%;margin:40px 0 0 30px;}
#recommend.pay .w88 .column_3 .title{margin:29px 0;}
#recommend.pay .w88 .column_3 .image{margin:-40px 0 0 -30px;width:75%;}
#recommend.pay .w88 .column_3 .hour{padding-top:18px;border-top:1px solid #e9e9e9;margin:30px;align-items:center;}
#recommend.pay .w88 .column_3 .hour img{padding-right:15px;}
#recommend.pay .w88 .column_3 .hour h1{font-size:16px;font-weight:300;color:#555555;line-height:1.8;}
#recommend.pay .w88 .column_3 .hour h2{font-size:14px;font-weight:300;color:#9c9c9c;line-height:1;}
#recommend.pay .w80 .classify div{background:#F5F5F5;}
#recommend.pay .w80 .classify .on{background:#E1A512;}
#recommend.pay .w88 .column_3 .image img{border-radius:5px 5px 0px 0px;width:200px;height:200px;}

/* 技术文章 */
#recommend.technology{background:#F5F5F5;}
#recommend.technology .article{justify-content:space-between;}
#recommend.technology .article .column_48{width:48.5%;}
#recommend.technology .w88 .column_3{width:auto;}
#recommend.technology .w88 .column_3 .price{padding:0 15px;}
#recommend.technology .w88 .column_3 .w86{padding:20px;margin-bottom:30px;align-items:center;}
#recommend.technology .w88 .column_3 .w86 .image{width:31%;}
#recommend.technology .w88 .column_3 .w86 .w85{width:65%;padding:7px 15px;}
#recommend.technology .w88 .column_3 .price .text1{padding:0;}
#recommend.technology .w88 .column_3 .w85 .title1{font-size:18px;font-weight:400;color:#000000;line-height:30px;padding:0 15px;-webkit-line-clamp:2;transition:0.2s;}
#recommend.technology .w88 .column_3:hover .w85 .title1{color:#cd9b32;transition:0.2s;}
#recommend.technology .w88 .column_3 .w85 .intro{font-size:14px;font-weight:300;color:#999999;line-height:24px;padding:0px 15px 15px;}
#recommend.technology .w88 .column_3 .price .text1{color:#999999;}
#recommend.technology .w88 .column_3 .man{background:#E1A512;border-radius:3px 3px 3px 3px;font-size:12px;width:60px;height:20px;line-height:20px;text-align:center;color:#fff;}
#recommend.technology .w88 .column_3 .w86 .w85.w84{width:49%;}
#recommend.technology .w88 .column_3 .w86 .download{width:20%;}
#recommend.technology .w88 .column_3 .w86 .download img{margin-left:auto;padding:10px;}
#recommend.technology .w88 .column_3 .w84 .title1{line-height:1.3;margin-bottom:25px;height:46px;}
#recommend.technology .w88 .column_3:hover .w84 .title1{color:#cd9b32;transition:0.2s;}

/* 视频 */
#AppBar.video{background:url('../images/support/top2.png') no-repeat;background-position-x:center;}
#AppBar.video .AppBar_top{height:80px;}

/* banner */
#banner{padding:30px 0;}

/* 筛选 */
#course .classify{background:url('../images/support/filter_01.png');height:80px;margin-bottom:30px;}
#course .w70{padding:20px 70px;}
#course .w70 li{list-style:none;min-width:103px;height:37px;line-height:37px;font-size:18px;text-align:center;border-radius:6px 6px 6px 6px;padding:0 10px;margin-right:10px;transform:skew(-20deg);}
#course .w70 li:hover{background:#222222;}
#course .w70 li:hover a{color:#fff;}
#course .w70 li a{font-size:16px;font-weight:300;color:#333333;display:block;transform:skew(20deg);}
#course .w70 li.on{background:#222222;}
#course .w70 li.on a{color:#fff;}
#course .w70 li:nth-child(1){margin-right:15px;}
#course .w70 li:nth-child(1) a{font-size:18px;color:#fff;}
#course .w71{flex-wrap:wrap; width:102.77%;}
#course .w71 .column_3{width:22.23%; margin-right:2.77%; position:relative;border-radius:5px 0px 0px 5px;background:white;box-shadow:0 0 10px 0px #e4e4e4;margin-bottom:30px;}
#course .w71 .column_3 .image{overflow:hidden;transition:0.5s;}
#course .w71 .column_3:hover .image img{transform:scale(1.1);transition:0.5s;}
#course .w71 .column_3 .label{position:absolute;z-index:9;}
#course .w71 .column_3 .label img{border-radius:5px 0px 0px 0px;}
#course .w71 .column_3 .image img{border-radius:5px 5px 0px 0px; display:block; height:190px; object-fit:cover;}
#course .w71 .column_3 .head img{margin-left:auto;padding:0 15px;margin-top:-33px;position:relative;z-index:9;}
#course .w71 .column_3 .title{height:45px;font-size:18px;font-weight:400;color:#000000;line-height:24px;-webkit-line-clamp:2;margin:11px 0 29px 0;padding:0 15px;transition:0.2s;}
#course .w71 .column_3:hover .title{color:#cd9b32;transition:0.2s;}
#course .w71 .column_3 .price{align-items:center;justify-content:space-between;padding:0 15px;padding:0 18px 28px;}
#course .w71 .column_3 .price .money{align-items:center;line-height:24px;}
#course .w71 .column_3 .price .text1{font-size:16px;font-weight:400;color:#FF1600;padding:0 8px 0 5px;}
#course .w71 .column_3 .price .text2{font-size:14px;font-weight:300;color:#999999;text-decoration:line-through;}
#course .w71 .column_3 .man{font-size:14px;font-weight:300;color:#999999;}

/* 分页 */
.Pages{padding:20px 0 70px 0;}
/*.p_page{display:flex;justify-content:center;}
.Pages .a_first,.Pages .a_next{display:block;width:100px;height:46px;line-height:46px;background:#FFFFFF;border-radius:3px 3px 3px 3px;border:1px solid #DDDDDD;font-size:16px;font-weight:300;color:#999999;text-align:center;margin:0 35px;}
.Pages .num{display:flex;text-align:center;}
.Pages .num a{display:block;width:46px;height:46px;margin:0 5px;line-height:46px;background:#FFFFFF;border-radius:3px 3px 3px 3px;color:#999999;border:1px solid #DDDDDD;}
.Pages .num .a_cur{background:#000014 linear-gradient(75deg,#F3C24B 0%,#F3C24B 0%,#CA9830 100%,#CA9830 100%);color:#fff;}
.Pages .p_page a:hover{background:#000014 linear-gradient(75deg,#F3C24B 0%,#F3C24B 0%,#CA9830 100%,#CA9830 100%);color:#fff;}*/

/* 文章列表 */
#classify{background:url('../images/support/filter_01.png');height:80px;margin-bottom:30px;}
#classify .w70{padding:20px 70px;}
#classify .w70 li{list-style:none;min-width:103px;height:37px;line-height:37px;font-size:18px;text-align:center;border-radius:6px 6px 6px 6px;padding:0 10px;margin-right:10px;transform:skew(-20deg);overflow:hidden}
#classify .w70 li:hover{background:#222222;}
#classify .w70 li:hover a{color:#fff;}
#classify .w70 li a{font-size:16px;font-weight:300;color:#333333;display:block;transform:skew(20deg);}
#classify .w70 li.on{background:#222222;}
#classify .w70 li.on a{color:#fff;}
#classify .w70 li:nth-child(1){margin-right:15px;background:transparent;}
#classify .w70 li:nth-child(1) a{font-size:18px;color:#fff;}
#Thearticlelists .w88{justify-content:space-between;width:73%;}
#Thearticlelists .w88 .column_3{width:73%;position:relative;border-radius:5px 0px 0px 5px;background:white;box-shadow:0 0 10px 0px #e4e4e4;}
#Thearticlelists .w88 .column_3 .label{position:absolute;z-index:9;}
#Thearticlelists .w88 .column_3 .label img{border-radius:5px 0px 0px 0px;}
#Thearticlelists .w88 .column_3 .image img{border-radius:5px 5px 0px 0px;width:270px;}
#Thearticlelists .w88 .column_3 .head img{margin-left:auto;padding:0 15px;margin-top:-33px;position:relative;z-index:9;}
#Thearticlelists .w88 .column_3 .title{height:45px;font-size:18px;font-weight:400;color:#000000;line-height:24px;-webkit-line-clamp:2;margin:11px 0 29px 0;padding:0 15px;}
#Thearticlelists .w88 .column_3 .price{align-items:center;justify-content:space-between;padding:0 15px;padding:0 18px 28px;}
#Thearticlelists .w88 .column_3 .price .money{align-items:center;line-height:24px;}
#Thearticlelists .w88 .column_3 .price .text1{font-size:16px;font-weight:400;color:#FF1600;padding:0 8px 0 5px;}
#Thearticlelists .w88 .column_3 .price .text2{font-size:14px;font-weight:300;color:#999999;text-decoration:line-through;}
#Thearticlelists .w88 .column_3 .man{font-size:14px;font-weight:300;color:#999999;}
#Thearticlelists{background:#F5F5F5;}
#Thearticlelists .article{justify-content:space-between;}
#Thearticlelists .article .column_48{width:48.5%;}
#Thearticlelists .w88 .column_3{width:auto;}
#Thearticlelists .w88 .column_3 .price{padding:0 15px;}
#Thearticlelists .w88 .column_3 .w86{padding:20px;margin-bottom:30px;align-items:center;}
#Thearticlelists .w88 .column_3 .w86 .w85{width:70%;padding:7px 15px;}
#recommend .w88 .column_3 .price .text1{padding:0;}
#Thearticlelists .w88 .column_3 .w85 .title1{font-size:18px;font-weight:400;color:#000000;line-height:30px;padding:0 15px;-webkit-line-clamp:2;}
#Thearticlelists .w88 .column_3:hover .title1{color:#cd9b32;}
#Thearticlelists .w88 .column_3 .w85 .intro{font-size:14px;font-weight:300;color:#999999;line-height:24px;padding:15px;-webkit-line-clamp:2;}
#Thearticlelists .w88 .column_3 .price .text1{color:#999999;}
#Thearticlelists .w88 .column_3 .man{background:#E1A512;border-radius:3px 3px 3px 3px;font-size:12px;width:60px;height:20px;line-height:20px;text-align:center;}
#Thearticlelists .w88 .column_3 .man a{color:#fff;}
#Thearticlelists .w88 .column_3 .w86 .w85.w84{width:49%;}
#Thearticlelists .w88 .column_3 .w86 .download{width:20%;}
#Thearticlelists .w88 .column_3 .w86 .download img{margin-left:auto;padding:10px;}
#Thearticlelists .w88 .column_3 .w84 .title1{line-height:1.3;padding-bottom:25px;height:46px;}
#Thearticlelists .w88 .column_3:hover .w84 .title1{color:#cd9b32;transition:0.2s;}

/* 推荐文章 */
.w72{justify-content:space-between;}
.w77{width:25%;background:#fff;border-radius:5px;height:100%;}
.w77 .guanggao{padding-top:24px;background:whitesmoke;}
.w77 h1{font-size:24px;font-weight:500;color:#000000;line-height:36px;padding:15px 20px;border-bottom:1px solid #efebeb;}
.w77 ul{padding:0 20px;padding-bottom:24px;}
.w77 ul .intro{display:flex;width:100%;justify-content:space-between;}
.w77 ul li{padding:10px 0;border-bottom:1px dashed #ccc;}
.w77 ul li:hover .title{color:#020202;}
.w77 ul .intro .title{font-size:16px;font-weight:300;color:#333333;line-height:24px;width:53%;-webkit-line-clamp:3;}
.w77 ul .intro .image{width:40%;}
.w77 ul .number{width:30px;height:18px;line-height:19px;background:#222222;border-radius:3px 3px 3px 3px;text-align:center;font-size:16px;color:#FFFFFF;position:relative;margin-bottom:5px;}
.w77 ul .number::before{content:"";position:absolute;width:0;height:0;right:-3px;border-top:7px solid #222222;border-right:7px solid transparent;}
.w77 ul li:nth-child(1) .number,.w77 ul li:nth-child(2) .number,.w77 ul li:nth-child(3) .number{background:#FF1600;}
.w77 ul li:nth-child(1) .number::before,.w77 ul li:nth-child(2) .number::before,.w77 ul li:nth-child(3) .number::before{border-top:7px solid red;}

/* 文章详情 */
#articledetails{padding:60px 0;}
#articledetails .w75{padding:34px;background:#fff;width:73%;box-sizing:border-box;}
#articledetails .w75 h1{font-size:24px;font-weight:400;color:#000000;line-height:24px;padding-bottom:10px;}
#articledetails .w75 h2{font-size:16px;font-weight:300;color:#666666;line-height:30px;}
#articledetails .w75 h2 span{padding-right:20px;}
#articledetails .w75 .intro{background:url(../images/support/41.png) no-repeat;padding:30px;font-size:16px;font-weight:300;color:#666666;line-height:30px;margin:30px 0;-webkit-line-clamp:3;}
#articledetails .w75 p{font-size:16px;font-weight:300;color:#666666;line-height:30px;}
#articledetails .w75 img{margin:auto;}
#articledetails .w75 .chapter{justify-content:space-between;padding:30px 0;border-top:1px solid #e0e0e0;align-items:center;}
#articledetails .w75 .chapter .button{width:170px;height:50px;text-align:center;line-height:50px;background:linear-gradient(270deg,#D49B23 0%,#D49B23 0%,#F6BE24 100%,#F6BE24 100%);box-shadow:1px 2px 0px 0px #DDDDDD;border-radius:3px 3px 3px 3px;transform:skew(-20deg);}
#articledetails .w75 .chapter .button:hover{background:linear-gradient(270deg,#e2af21 0%,#e3b022 0%,#dba123 100%,#e3af22 100%);}
#articledetails .w75 .chapter .button a{display:block;transform:skew(20deg);color:#fff;}
#articledetails .w75 .chapter .title{width:163px;-webkit-line-clamp:3;font-size:16px;font-weight:300;color:#333333;line-height:24px;margin-left:20px;}
#articledetails .w75 .chapter img{width:128px;height:72px;transition:0.5s;}
#articledetails .w75 .chapter .image{position:relative;overflow:hidden;}
#articledetails .w75 .chapter .bun{position:absolute;top:0;width:100%;text-align:center;line-height:72px;background:#0006;color:#fff;}
#articledetails .w75 .chapter .columns:hover img{transform:scale(1.1);transition:0.5s;}
#articledetails .broadside{position:fixed;top:28%;left:8%;}

/* 下载白皮书 */
#whitebook .w88{flex-wrap:wrap;justify-content:space-between;}
#whitebook .w88 .column_3{position:relative;border-radius:5px 0px 0px 5px;background:white;box-shadow:0 0 10px 0px #e4e4e4;width:48.5%;margin-bottom:20px;}
#whitebook .w88 .column_3 .price{padding:0 15px;}
#whitebook .w88 .column_3 .w86{padding:20px;align-items:center;}
#whitebook .w88 .column_3 .w86 .image{width:31%;}
#whitebook .w88 .column_3 .w86 .w85{width:65%;padding:7px 15px;}
#whitebook .w88 .column_3 .price .text1{padding:0;}
#whitebook .w88 .column_3 .w85 .title1{font-size:18px;font-weight:400;color:#000000;line-height:30px;padding:0 15px;-webkit-line-clamp:2;}
#whitebook .w88 .column_3:hover .w85 .title1{color:#cd9b32;transition:0.2s;}
#whitebook .w88 .column_3 .w85 .intro{font-size:14px;font-weight:300;color:#999999;line-height:24px;padding:0px 15px 15px;}
#whitebook .w88 .column_3 .price .text1{color:#999999;}
#whitebook .w88 .column_3 .man{background:#E1A512;border-radius:3px 3px 3px 3px;font-size:12px;width:60px;height:20px;line-height:20px;text-align:center;color:#fff;}
#whitebook .w88 .column_3 .w86 .w85.w84{width:49%;}
#whitebook .w88 .column_3 .w86 .download{width:20%;}
#whitebook .w88 .column_3 .w86 .download img{margin-left:auto;padding:10px;}
#whitebook .w88 .column_3 .w84 .title1{line-height:1.3;margin-bottom:25px;height:46px;}
#whitebook .w88 .column_3:hover .w84 .title1{color:#cd9b32;transition:0.2s;}

/* 下载模型 */
#model .w87{justify-content:space-between;flex-wrap:wrap;}
#model .w87 .title{font-size:18px;font-weight:400;line-height:30px;color:#000000;}
#model .w87 .title a{color:#000000;}
#model .w87 .column_6:hover a{color:#e1a512;}
#model .w87 .column_6{background:#fff;padding:20px;margin-top:130px;margin-bottom:10px;width:24%;box-sizing:border-box;box-shadow:0 0 10px 0px #e4e4e4;}
#model .w87 .column_6 .image img{margin-top:-130px;width:100%;}
#model .w87 .column_6 .w83{padding-top:20px;justify-content:space-between;}
#model .Pages .unfold{text-align:center;}
#model .Pages .unfold a{font-size:16px;font-weight:300;color:#999999;line-height:36px;}

/* 软件试用 */
#trial .w82{flex-wrap:wrap;justify-content:space-between;}
#trial .column_3{width:23.5%;padding:20px;margin-bottom:30px;background:#fff;box-sizing:border-box;}
#trial .column_3 .image{padding:20px 0;height:58px;display:flex;align-items:center;}
#trial .column_3 .title{font-size:18px;font-weight:400;color:#000000;line-height:1;}
#trial .column_3 .intro{font-size:14px;font-weight:300;color:#666666;}
#trial .column_3 .shiyon{width:120px;height:41px;line-height:41px;border:1px solid #E1A512;border-radius:21px 21px 21px 21px;text-align:center;margin:20px 0;}
#trial .column_3 .shiyon a{color:#E1A512;}
#trial .column_3 .shiyon:hover{background:#E1A512;}
#trial .column_3 .shiyon:hover a{color:#fff;}

/* 下载详情 */
#Downloaddetails .w81{padding:40px;background:#fff;border-bottom:1px solid #E5E5E5;}
#Downloaddetails .w81 .title{font-size:30px;font-weight:400;color:#000000;line-height:40px;align-items:center;justify-content:space-between;}
#Downloaddetails .w81 .title h1{font-size:30px;font-weight:400;color:#000000;line-height:40px;}
#Downloaddetails .w81 .title a>div{width:160px;height:50px;background:linear-gradient(75deg,#F3C24B 0%,#F3C24B 0%,#CA9830 100%,#CA9830 100%) #B58612;border-radius:25px 25px 25px 25px;box-shadow:0px 2px 0px #c6c6c6;font-size:16px;font-weight:300;color:#FFFFFF;align-items:center;justify-content:center;}
#Downloaddetails .w81 .title a>div:hover{background:linear-gradient(75deg,#F3C24B 0%,#cf9d33 0%,#efbe49 100%,#CA9830 100%) #B58612;}
#Downloaddetails .w81 .title img{margin:0 10px;}
#Downloaddetails .w81 .column_7{width:50%;box-sizing:border-box;}
#Downloaddetails .w81 .column_7 .ul2 img{display:block;width:100%;padding:0 10px;box-sizing:border-box;}
#Downloaddetails .w81 .column_5{width:42%;box-sizing:border-box;}
#Downloaddetails .w81 .column_5 p{text-indent:2em;font-size:16px;font-weight:300;color:#666666;line-height:30px;}
#Downloaddetails .w81 .w69{justify-content:space-between;}
#Downloaddetails .w81 .w68{justify-content:space-between;}
#Downloaddetails .w81 .w68 .fanhui{width:170px;height:50px;text-align:center;line-height:50px;background:linear-gradient(270deg,#D49B23 0%,#D49B23 0%,#F6BE24 100%,#F6BE24 100%);box-shadow:1px 2px 0px 0px #dddddd;border-radius:3px 3px 3px 3px;transform:skew(-20deg);}
#Downloaddetails .w81 .w68 .fanhui:hover{background:linear-gradient(270deg,#D49B23 0%,#f4bc24 0%,#cc9a31 100%,#F6BE24 100%);}
#Downloaddetails .w81 .w68 .fanhui a{display:block;transform:skew(20deg);color:#fff;}
#Downloaddetails .w81 .w68 .part{font-size:16px;font-weight:300;color:#666666;line-height:30px;}
#Downloaddetails .w81 .w68 .part a{font-weight:500;color:#000000;padding:0 10px;font-size:17px;}
#Downloaddetails .w81 .w68 .part a:hover{color:#484343;}
#Downloaddetails .hr{padding:67px 0;}
#Downloaddetails .w67{font-size:24px;font-weight:400;color:#000000;}
#Downloaddetails .xiangguan{padding:0 10px;border-left:3px solid #E8B83C;line-height:1;}
#Downloaddetails .w67 .w66{padding:25px 0;}
#Downloaddetails .w67 .w66 a{font-size:18px;font-weight:400;color:#000000;line-height:24px;display:block;width:100%;padding:0 10px;box-sizing:border-box;}
#Downloaddetails .w67 .w66 a:hover{color:#cd9b32;}
#Downloaddetails .w67 .w66 .title{padding:30px 0;}
#Downloaddetails .w69 .ul1 img{width:100%;}
#Downloaddetails .w69 .ul2{padding:0 20px;}
#Downloaddetails .w69 .ul2 .slick-arrow{position:absolute;top:30%;width:25px;height:28px;padding:0;z-index:10;}
#Downloaddetails .w69 .ul2 .slick-arrow:before{position:absolute;content:'';width:18px;height:18px;border-top:2px solid #999999;border-right:2px solid #999999;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);left:45%;top:50%;margin:-9px 0 0 -11px;}
#Downloaddetails .w69 .ul2 .slick-prev:before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);margin-left:-5px;}
#Downloaddetails .w69 ul .slick-prev{left:0;}
#Downloaddetails .w69 ul .slick-next{right:0;}
#Downloaddetails .w66 ul .slick-arrow{position:absolute;top:30%;width:40px;height:40px;background:rgb(255,255,255);padding:0;z-index:10;}
#Downloaddetails .w66 ul .slick-arrow:hover{background:#E7B323;}
#Downloaddetails .w66 ul .slick-arrow:hover:before{border-top:2px solid #fff;border-right:2px solid #fff;}
#Downloaddetails .w66 ul .slick-arrow:before{position:absolute;content:'';width:14px;height:14px;border-top:2px solid #999999;border-right:2px solid #999999;transform:rotate(3deg);-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);left:45%;top:50%;margin:-9px 0 0 -11px;}
#Downloaddetails .w66 ul .slick-prev:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);margin-left:-5px;}
#Downloaddetails .w66 ul .slick-prev{left:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
#Downloaddetails .w66 ul .slick-next:before{left:56%;top:56%;}
#Downloaddetails .w66 ul .slick-next{right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/* 课程详细 */
#Coursedetails .w80{justify-content:space-between;align-items:flex-end;padding-bottom:30px;}
#Coursedetails .w80 .title{align-items:flex-end;}
#Coursedetails .w80 .title img{display:block;}
#Coursedetails .w80 .title h1{font-size:24px;font-weight:bold;color:#000000;padding:0 20px 0 8px;margin-bottom:5px;}
#Coursedetails .w64{justify-content:space-between;}
#Coursedetails .w64 .column_3{width:340px;position:relative;border-radius:5px 0px 0px 5px;background:white;box-shadow:0 0 10px 0px #e4e4e4;}
#Coursedetails .w64 .column_3 .label{position:absolute;z-index:9;}
#Coursedetails .w64 .column_3 .label img{border-radius:5px 0px 0px 0px;}
#Coursedetails .w64 .column_3 .image img{border-radius:5px 5px 0px 0px;}
#Coursedetails .w64 .column_3 .head img{margin-left:auto;padding:0 15px;margin-top:-33px;position:relative;z-index:9;}
#Coursedetails .w64 .column_3 .title{height:45px;font-size:18px;font-weight:400;color:#000000;line-height:24px;-webkit-line-clamp:2;margin:11px 0 29px 0;padding:0 15px;}
#Coursedetails .w64 .column_3:hover .title{color:#cd9b32;}
#Coursedetails .w64 .column_3 .price{align-items:center;justify-content:space-between;padding:0 15px;padding:0 18px 28px;}
#Coursedetails .w64 .column_3 .price .money{align-items:center;line-height:24px;}
#Coursedetails .w64 .column_3 .price .text1{font-size:16px;font-weight:400;color:#FF1600;padding:0 8px 0 5px;}
#Coursedetails .w64 .column_3 .price .text2{font-size:14px;font-weight:300;color:#999999;text-decoration:line-through;}
#Coursedetails .w64 .column_3 .man{font-size:14px;font-weight:300;color:#999999;}
#Coursedetails .slick-initialized .slick-slide{margin:0 10px;}
#Coursedetails .w64 .slick-arrow{position:absolute;top:30%;width:40px;height:40px;background:rgb(255,255,255);padding:0;z-index:10;}
#Coursedetails .w64 .slick-arrow:hover{background:#E7B323;}
#Coursedetails .w64 .slick-arrow:hover:before{border-top:2px solid #fff;border-right:2px solid #fff;}
#Coursedetails .w64 .slick-arrow:before{position:absolute;content:'';width:14px;height:14px;border-top:2px solid #999999;border-right:2px solid #999999;transform:rotate(3deg);-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);left:45%;top:50%;margin:-9px 0 0 -11px;}
#Coursedetails .w64 .slick-prev:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);margin-left:-5px;}
#Coursedetails .w64 .slick-prev{left:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
#Coursedetails .w64 .slick-next:before{left:56%;top:56%;}
#Coursedetails .w64 .slick-next{right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
#Coursedetails .w63{background:#fff;margin:30px 0 50px;}
#Coursedetails .w63 .intro_img .image img{width:800px;}
#Coursedetails .w63 .intro_img .intro{padding:40px 50px;width:640px;box-sizing:border-box;}
#Coursedetails .w63 .intro_img .intro h1{font-size:18px;font-weight:400;color:#000000;line-height:24px;padding-bottom:10px;}
#Coursedetails .w63 .intro_img .intro h6 {position:relative;}
#Coursedetails .w63 .intro_img .intro h6 span{font-size:14px;font-weight:300;color:#999999;line-height:24px;padding-right:20px;}
#Coursedetails .w63 .intro_img .intro h6 .fav,
#Coursedetails .w63 .intro_img .intro h6 .share {cursor:pointer;}
#Coursedetails .w63 .intro_img .intro h5{font-size:14px;font-weight:300;color:#666666;line-height:24px;background:#F5F5F5;border-radius:5px;padding:30px;margin:25px 0;}
#Coursedetails .w63 .intro_img .intro h4{font-size:14px;font-weight:300;color:#666666;line-height:24px;}
#Coursedetails .w63 .intro_img .intro h4 span{font-size:30px;color:#FF1600;}
#Coursedetails .w63 .intro_img .bon{padding-top:35px;}
#Coursedetails .w63 .intro_img .bon button:nth-child(1){width:120px;height:41px;background:linear-gradient(270deg,#D49B23 0%,#D49B23 0%,#F6BE24 100%,#F6BE24 100%);border-radius:21px;font-size:18px;font-weight:300;margin-right:20px;}
#Coursedetails .w63 .intro_img .bon button:nth-child(1) a{color:#FFFFFF;}
#Coursedetails .w63 .intro_img .bon button:nth-child(2){width:120px;height:41px;border-radius:21px;border:1px solid #E7B323;font-size:18px;font-weight:300;background:#ffffff;}
#Coursedetails .w63 .intro_img .bon button:nth-child(2) a{color:#E7B323;}
#Coursedetails .w62{padding:15px 20px;justify-content:space-between;}
#Coursedetails .w62 .column_8{width:1000px;}
#Coursedetails .w62 .column_8 .kecheng{padding:0 10px;border-left:3px solid #E8B83C;font-size:18px;font-weight:400;color:#000000;line-height:24px;margin-top:10px;}
#Coursedetails .w62 .column_8 hr{background:#EEEEEE;margin:15px 0 30px 0;}
#Coursedetails .w62 .column_8 .wenjian h1{background:#F5F5F5;padding:18px 15px;font-size:18px;font-weight:400;color:#000000;line-height:24px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;}
#Coursedetails .w62 .column_8 .wenjian h1:hover{color:#cd9b32;}
#Coursedetails .w62 .column_8 .wenjian h1 span{position:relative;margin-right:33px;}
#Coursedetails .w62 .column_8 .wenjian h1 span::before{content:'';width:18px;height:3px;background:#E7B322;position:absolute;left:-7px;}
#Coursedetails .w62 .column_8 .wenjian h1 span::after{content:'';width:3px;height:18px;background:#E7B322;position:absolute;top:-7px;transition:01s;}
#Coursedetails .w62 .column_8 .wenjian.on h1 span::after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(-90deg);transition:01s;}
#Coursedetails .w62 .column_8 .wenjian .video_{padding:5px 15px;margin-bottom:5px;font-size:16px;font-weight:300;color:#666666;justify-content:space-between;}
#Coursedetails .w62 .column_8 .wenjian .video_:hover{background:#E7B322;color:#fff;}
#Coursedetails .w62 .column_8 .wenjian .video_ span:nth-child(2){display:flex;justify-content:space-between;align-items:center;}
#Coursedetails .w62 .column_8 .wenjian .video_ span:nth-child(2) img{padding-right:10px;}
#Coursedetails .w62 .column_4{width:350px;}
#Coursedetails .w62 .column_4 .sousuo{width:320px;height:50px;background:#F5F5F5;border-radius:3px 3px 3px 3px;display:flex;align-items:center;position:relative;padding-left:20px;transform:skew(-20deg);justify-content:space-between;}
#Coursedetails .w62 .column_4 .sousuo img{position:absolute;transform:skew(20deg);}
#Coursedetails .w62 .column_4 .sousuo button{width:72px;height:50px;background:linear-gradient(270deg,#D49B23 0%,#D49B23 0%,#F6BE24 100%,#F6BE24 100%);border-radius:3px 3px 3px 3px;opacity:1;}
#Coursedetails .w62 .column_4 .sousuo input{padding:15px 0 15px 40px;transform:skew(20deg);font-size:16px;font-weight:300;color:#BBBBBB;}
#Coursedetails .w62 .column_4 .sousuo button span{transform:skew(20deg);font-size:18px;font-weight:400;color:#FFFFFF;}
#Coursedetails .w62 .column_4 .image{padding:30px 0;}
#Coursedetails .w62 .column_4 h1{font-size:18px;font-weight:400;color:#000000;line-height:24px;}
#Coursedetails .w62 .column_4 h2{width:297px;font-size:14px;font-weight:300;color:#666666;line-height:24px;padding:15px 0;}
#Coursedetails .w62 .column_4>.columns{align-items:center;padding-right:10px;padding:10px 0;border-top:1px solid #ccc;}
#Coursedetails .w62 .column_4 .columns a{align-items:center;padding-right:10px;}
#Coursedetails .w62 .column_4 .columns img{padding:0 20px 0 10px;}
#Coursedetails .w62 .column_4 h3{padding-top:20px;font-size:18px;font-weight:300;color:#555555;line-height:24px;}
#Coursedetails .w62 .column_4 .tel{background:url('../images/icon_hottel.png') no-repeat left center;font:800 24px/1.25em 'Oswald';padding-left:30px;color:#b58612;margin-bottom:14px;margin:8px 0;}

/* 课程播放 */
#Courseplay .w61>h1{padding:35px 0 25px;font-size:24px;font-weight:400;color:#FFFFFF;line-height:24px;}
#Courseplay .w60 video{width:1080px;height:608px;display:block;}
#Courseplay .w60 .column_4{width:360px;background:#111111;}
#Courseplay .w60 .w59{background:#2A2A2A;padding:10px 20px;}
#Courseplay .w60 .w59 a{align-items:center;padding-right:10px;font-size:14px;font-weight:400;color:#666666;line-height:24px;}
#Courseplay .w60 .w59 .columns img{padding:0 10px;}
#Courseplay .w60 .w58{padding:30px 0;justify-content:center;background:#2A2A2A;border-radius:0px 10px 0px 0px;align-items:center;}
#Courseplay .w60 .w58 img{padding-right:20px;}
#Courseplay .w60 .w58 h1{font-size:20px;font-weight:400;color:#FFFFFF;line-height:30px;}
#Courseplay .w60 .w58 h2{font-size:14px;font-weight:400;color:#666666;}
#Courseplay .w60 .w57 .column_5{width:50%;text-align:center;padding:10px;justify-content:center;align-items:center;background:#2A2A2A;border-top:1px solid;}
#Courseplay .w60 .w57 .column_5.on{background:linear-gradient(270deg,#D49B23 0%,#D49B23 0%,#F6BE24 100%,#F6BE24 100%);}
#Courseplay .w60 .w57 .column_5.on img{padding-right:10px;}
#Courseplay .w60 .w57 h1{font-size:16px;font-weight:400;color:#666666;line-height:24px;}
#Courseplay .w60 .w57 .on h1{color:#fff;}
#Courseplay .w60 .w56{padding:30px;background:#111111}
#Courseplay .w60 .w56 h1{font-size:18px;font-weight:400;color:#BEBEBE;line-height:24px;}
#Courseplay .w60 .w55 div{padding-left:30px;margin:5px 0;}
#Courseplay .w60 .w55 div a{font-size:14px;font-weight:300;color:#666666;line-height:24px;}
#Courseplay .w60 .w55 div:hover a{color:#888888;}
#Courseplay .w60 .w56 button{width:100%;margin-top:50px;padding:10px 0;text-align:center;background:linear-gradient(270deg,#D49B23 0%,#D49B23 0%,#F6BE24 100%,#F6BE24 100%);border-radius:10px 10px 10px 10px;font-size:14px;font-weight:400;color:#FFFFFF;line-height:24px;}
#Courseplay .w54{margin-top:30px;padding:60px 0;justify-content:space-between;background:#F5F5F5;}
#Courseplay .w54 .column_8{width:1080px;box-sizing:border-box;padding:30px 30px 0 30px;background:#FFFFFF;box-shadow:0px 0px 10px 0px #d6d6d6;border-radius:5px 5px 5px 5px;}
#Courseplay .w54 .column_4{width:320px;}
#Courseplay .w54 .column_8 h1{align-items:center;font-size:18px;font-weight:400;color:#333333;line-height:24px;}
#Courseplay .w54 .column_8 h1 img{padding:0 5px;}
#Courseplay .w54 .column_8 textarea{width:100%;height:135px;background:#F6F6F6;padding:20px;box-sizing:border-box;margin:18px 0;font-size:14px;font-weight:400;color:#BFBFBF;line-height:24px;}
#Courseplay .w54 .column_8 button{width:120px;height:40px;background:linear-gradient(270deg,#D49B23 0%,#D49B23 0%,#F6BE24 100%,#F6BE24 100%);border-radius:10px 10px 10px 10px;font-size:14px;font-weight:400;color:#FFFFFF;line-height:24px;}
#Courseplay .w54 .column_8 .bon{text-align:end;}
#Courseplay .w53{padding:15px 30px;margin:30px 0;background:#F6F6F6;border-radius:5px 5px 5px 5px;font-size:18px;font-weight:400;color:#333333;line-height:24px;}
#Courseplay .w53 span{font-size:16px;color:#999999;}
#Courseplay .w52{padding:0 30px 0;}
#Courseplay .w52 .w51{border-bottom:1px solid #F2F2F2;padding:25px 0 20px;}
#Courseplay .w52 img{width:45px;height:45px;padding-right:20px;}
#Courseplay .w52 .w51 .intro1{align-items:center;font-size:18px;font-weight:300;color:#000000;line-height:30px;}
#Courseplay .w52 .w51 .intro2{padding-left:65px;font-size:16px;font-weight:300;color:#666666;justify-content:space-between;}
#Courseplay .Pages{padding:40px 0;}
#Courseplay .w50{padding-bottom:10px;justify-content:space-between;}
#Courseplay .w50 .columns{align-items:center;color:#666666;}
#Courseplay .w50 .columns.on{padding-bottom:3px;border-bottom:2px solid #E7B323;color:#000;}
#Courseplay .w50 img{padding-right:8px;}
#Courseplay .w49 img{width:128px;height:72px;border-radius:5px 5px 5px 5px;}
#Courseplay .w50 h1{font-size:24px;font-weight:400;line-height:36px;}
#Courseplay .w49 .image{position:relative;}
#Courseplay .w49 .columns{justify-content:space-between;padding:20px 0;border-bottom:1px dashed #BFBFBF;align-items:center;}
#Courseplay .w49 .columns:nth-child(1) .number,#Courseplay .w49 .columns:nth-child(2) .number,#Courseplay .w49 .columns:nth-child(3) .number{background:#FF1600;}
#Courseplay .w49 .columns:nth-child(2) .number::before,#Courseplay .w49 .columns:nth-child(1) .number::before,#Courseplay .w49 .columns:nth-child(3) .number::before{border-top:7px solid #FF1600;}
#Courseplay .w49 .columns .number{width:30px;height:18px;line-height:19px;background:#222222;border-radius:3px 3px 3px 3px;text-align:center;font-size:16px;color:#FFFFFF;position:absolute;top:0;margin-bottom:5px;}
#Courseplay .w49 .columns .number::before{content:"";position:absolute;width:0;height:0;right:-3px;border-top:7px solid #222222;border-right:7px solid transparent;}
#Courseplay .w49 h2{width:167px;font-size:18px;font-weight:400;color:#000000;line-height:24px;-webkit-line-clamp:3;}
#Courseplay .w49 .columns:hover h2{color:#cd9b32;}
#Courseplay .w49 .more{width:70px;height:30px;background:#FFFFFF;border-radius:3px 3px 3px 3px;text-align:center;font-size:16px;font-weight:300;color:#999999;margin-top:40px;}
#Courseplay .w48{padding-top:10px;}
#Courseplay .w48 .columns{justify-content:space-between;padding:20px 0;border-bottom:1px dashed #BFBFBF;}
#Courseplay .w48 .columns:nth-child(1) .number,#Courseplay .w48 .columns:nth-child(2) .number,#Courseplay .w48 .columns:nth-child(3) .number{background:#FF1600;}
#Courseplay .w48 .columns:nth-child(2) .number::before,#Courseplay .w48 .columns:nth-child(1) .number::before,#Courseplay .w48 .columns:nth-child(3) .number::before{border-top:7px solid #FF1600;}
#Courseplay .w48 .columns .number{width:30px;height:18px;line-height:19px;background:#222222;border-radius:3px 3px 3px 3px;text-align:center;font-size:16px;color:#FFFFFF;position:relative;margin-bottom:5px;}
#Courseplay .w48 .columns .number::before{content:"";position:absolute;width:0;height:0;right:-3px;border-top:7px solid #222222;border-right:7px solid transparent;}
#Courseplay .w48 .columns h2{width:265px;font-size:16px;font-weight:300;color:#333333;line-height:24px;-webkit-line-clamp:2;}
#Courseplay .w48 .columns:hover h2{color:#cd9b32;}
#Courseplay .w48 .more{width:70px;height:30px;background:#FFFFFF;border-radius:3px 3px 3px 3px;text-align:center;font-size:16px;font-weight:300;color:#999999;margin-top:40px;}

/* 索要报价 */
#quote{background:url('../images/support/bg_02.png') no-repeat;padding:50px 0;background-size:cover;}
#quote .w47{background:url('../images/support/bg_03.png') no-repeat;padding:70px 0;background-color:#fff;box-shadow:0px 0px 10px 0px #e4e4e4;border-radius:5px 5px 5px 5px;background-size:cover;}
#quote .w46{background:url('../images/support/bg_03.png');justify-content:center;}
#quote .w46 img{padding-right:20px;}
#quote .w46 h1{font-size:36px;font-weight:400;color:#000000;line-height:36px;}
#quote .w47>h2{text-align:center;font-size:16px;font-weight:300;color:#666666;line-height:30px;padding-top:20px;padding-bottom:70px;}
#quote .w45 .columns{align-items:baseline;justify-content:center;margin-bottom:17px;}
#quote .w45 .columns h2{width:75px;font-size:16px;font-weight:300;color:#000000;}
#quote .w45 .columns h2 span:nth-child(1){color:#FF0000;}
#quote .w45 .columns h2 span:nth-child(2){letter-spacing:1em;}
#quote .w45 .columns input,#quote .w45 .columns select{width:418px;background:#FFFFFF;border-radius:5px 5px 5px 5px;border:1px solid #EBEBEB;padding:15px;font-size:16px;font-weight:300;color:#BBBBBB;box-sizing:unset;appearance:none;}
#quote .w45 .columns b{position:relative;}
#quote .w45 .columns b::before{content:"";position:absolute;top:-9px;left:-35px;height:-webkit-fill-available;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #CDCDCD;}
#quote .w45 .columns textarea{padding:15px;width:418px;height:112px;background:#FFFFFF;border-radius:5px 5px 5px 5px;opacity:1;border:1px solid #EBEBEB;}
#quote .w45 .btn {margin-top: 33px;}
#quote .w45 .submit {display: block;width: 525px;height: 52px;color: #fff;border-radius: 5px;cursor: pointer;font-size: 20px; margin: 0 auto;}

/*end 2022-04-22*/

.promotion-paytype {
	display: block;
	width: 100%;
	text-align: center;
}
.promotion-paytype li {
	width: 43%;
	margin: 0 3%;
	display: inline-block;
	text-align: center;
}
.promotion-paytype li a {
	width: 100%;
	display: block;
	color: #222;
	font-size: 14px;
	text-align: center;
	padding: 15px 0;
	cursor: pointer;
	position: relative;
	background: #FFFFFF;
	border-radius: 10px;
	border: 3px solid #DDD;
	box-sizing: border-box;
}
.promotion-paytype li i {
	display: block;
	width: 64px;
	margin: 0 auto;
	text-align: center;
}
.promotion-paytype li a h2 {
	color: #383838;
	font-size: 16px;
	font-weight: normal;
}
.promotion-paytype li a p {
	color: #FF0000;
	font-size: 21px;
	font-weight: bold;
}
.promotion-paytype li.active a:after {
	content: "";
	width: 12px;
	height: 12px;
	background: url(../images/pay/xuanze.png) no-repeat right bottom;
	background-size: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.promotion-paytype li.active a {
	border: 3px solid #E21323;
	box-sizing: border-box;
}
