/* html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a{margin:0;padding:0;text-decoration: none;color:black}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none} */
.box img{
cursor: pointer;
transition: all 0.6s;
}
#lunbo img:hover{
transform: scale(1);
}
.box img:hover{
transform: scale(1.05);
}
.vido-box-list-title a:hover{
color:#4d8cf1;
}
ul{
list-style-type:none;
}
img{
height:auto!important;
}
element.style {
height:none;
}
/* body{
font-family: 'Noto Serif SC', serif;
} */
#home-body{
height:349px;
}
.box{
width:100%;
height:100%;
position:relative;
}
.biaotou{
width:100%;
height:44px;
background: #FC815C;
}
.biaotou .btn{
background:#FC815C;
color:#f0f0f0;
line-height:28px;
/* border:1px solid red; */
/* float:right; */
margin-right:40px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none;
}
#log{
height:40px;
display:flex;
flex-direction: row;
}
#log a{
font-family: ZCOOL XiaoWei;
font-size:16px;
text-decoration: none;
display:block;
width:96px;
height:36px;
text-align: center;
line-height:36px;
border-radius: 2px;
}
#log #a1{
background: #FC815C;
color:#ffff;
}
#log #a2{
margin-left:20px;
color: #000000;
border: 1px solid #D74935;
}
#header a{
text-decoration:none;
color:#999;
border-bottom:2px solid #f0f0f0;
}
#home-link{
margin-top:4px;
height:35px;
text-align: center;
}
#home-link a{
text-decoration:none;
color: rgb(59, 58, 58);
width: 90px;
height:30px;
/* line-height: 15px; */
display: inline-block;
/* transition: font-size 0.2s; */
font-size: 16px;
vertical-align: middle;
}
#home-link a:hover{
border-bottom:2px solid red;
color:red;
}
.caption{
/* padding-top:20px; */
height:180px;
text-align:center;
/* background:red; */
transition: transform 0.5s;
}
.caption :hover{
cursor: pointer;
transform:translate(0,-3px);
/* box-shadow: 0 0 5px rgb(250,0,0); */
box-shadow: 0 0 25px rgb(82, 81, 81);
}
.caption img{
display:block;
width:100%;
height:100%;
}
.left-caption{
width: 220px;
/* padding-top:20px; */
height:312px;
/* background:red; */
text-align:center;
position: relative;
}
.banner-list{
position: absolute;
top:0;
left:220px;
z-index:1;
}
.left-caption-list1-1{
display:none;
width:600px;
height:290px;
text-align:center;
z-index:1;
background: #ebebeb;
padding-left:0;
}
.left-caption-list1-1 li{
float:left;
}
.left-caption-title{
border-bottom: 1px solid #E3E3E3;
display:flex;
flex-direction: row;
width:100%;
height:50px;
background: #5a5a5a;
color:#fff;
}
.left-caption-title .btn{
background: #5a5a5a;
border:none;
color:#fff;
}
.lunbo-caption{
padding-top:20px;
height:349px;
background:green;
}
.rule{
border:1px solid red;
}
.rule-font{
text-align:center;
line-height:3px;
font-weight:600;
font-size:16px;
color: #3d464d;
}
.course-title{
width: 192px;
height: 44px;
font-family: Roboto;
font-style: normal;
font-weight: 500;
line-height: normal;
font-size: 20px;
color: #000000;
}
.course-title:before{
content:"";
margin-right:20px;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 10px;
background: #FC815C;
margin-bottom:2px;
}
#vidos{
margin-top:10px;
}
.vido-box{
height:120px;
overflow:hidden;
/* background:green; */
border-radius: 10px;
}
.vido-box-list{
height:126px;
}
.vido-box-list-title a{
color:#333;
text-decoration: none;
}
#lunbo img:hover{
transform: scale(1.05);
transition: all 0.4s;
}
.vido-box-list-title{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* height:27px; */
line-height: normal;
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom:6px;
}
.vido-box-list-content{
/* font-weight:600; */
/* margin-top:6px; */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height:40px;
font-size: 14px;
color: #626262;
}
.vido-box-list-btn{
margin-top:18px;
color: #a7a7a7;
height:24px;
font-size:12px;
}
.vido-box-list-btn a{
color: #a7a7a7;
text-decoration: none;
}
.vido-box-list-btn a:hover{
color:#4d8cf1;
}
.vido-box-img{
height:200px;
/* background:blue; */
}
.vido-box-title{
padding:4px 10px;
color: #D74935;
}
.vido-box-wenzi{
padding:0 10px;
margin-top:20px;
font-size:13px;
}
.vido-box-border{
border:1px solid #C4C4C4;
margin-top:10px;
}
.vido-box-bottom{
height:50px;
padding:10px 20px;
}
.vido-box-money{
float:left;
}
#vido-box-log{
background:none;
border:none;
float:right;
}
#see-move{
width:100%;
height:35px;
text-align:right;
line-height:35px;
/* border-radius: 10px;
border:1px solid gray;
margin:20px auto; */
}
#see-move a{
text-decoration:none;
color: #A5A5A5;
}
.see-move-content{
color:red;
width:120px;
height:35px;
color: #FC815C;
}
#fenge{
margin-top:40px;
}
#comment-list{
height:160px;
}
.comment-head{
background:gray;
}
.comment-conent{
background:blue;
}
/* #newpress{
margin-top:3px;
} */
.base-line{
border:1px solid gray;
margin:5px auto;
}
.base-color{
background: #faf1f1f5;
}
#dixian{
margin-top:10px;
margin-bottom:10px;
}
#right-fenge{
margin-top:16px;
margin-bottom:20px;
}
.right-fenge-color{
border:2px solid black;
}
#right-even{
margin-top:10px;
height:160px;
background:green;
}
.right-list{
margin-top:20px;
}
.right-image{
height:143px;
border-radius: 10px;
background:green;
}
.right-image img{
border-radius: 10px;
display:block;
width:100%;
height:143px;
}
.right-image-content{
margin-top:10px;
line-height:22px;
text-align:center;
height:22px;
background:gray;
}
.bottom-li1{
overflow: hidden;
margin-top:32px;
}
.bottom-li1 img{
width:155px;
height:35px!important;
}
.bottom-li1-list{
list-style-type:none;
height:50px;
display:flex;
flex-direction: row;
text-decoration: none;
}
.bottom-li1-qianchong{
width:800px;
}
.bottom-li1-list li{
text-align: center;
line-height:50px;
width:64px;
height:30px;
}
.margin{
margin-right:20px;
}
.margin a{
color: #337ab7;
text-decoration: none;
}
.botom-li2{
width: 413px;
margin-top: 12px;
}
.bottom-li3{
height:50px;
margin-top:10px;
/* padding:20px 84px; */
}
.botttom-li3-btn{
width:60px;
height:30px;
text-align: center;
line-height:30px;
border:1px solid black;
border-radius: 10px;
float:left;
}
.bottom-li3-btn-left{
height:60px;
line-height:50px;
float:left;
display:flex;
flex-direction: row;
}
.bottom-li3-btn-left a{
color:#c4c4c4;
margin-left: 326px;
}
.bottom-li3-btn-right{
height:60px;
line-height:50px;
float:right;
display:flex;
flex-direction: row;
}
.bottom-li3-btn-right a{
display:block;
text-decoration: none;
}
.bottom-li3-btn-right #san{
width:0;
height:0;
border-width:0 5px 5px;
border-style:solid;
border-color:transparent transparent #D74935;;/*透明 透明 灰*/
/* margin:5px auto; */
margin-top:20px;
margin-left:3px;
position:relative;
}
.bottom-xian{
border-bottom:1px solid #606060;;
}
.bottom-icon{
margin-top:5px;
}
.bottom-content{
background: #F1F1F1;
height:100px;
padding:10px 300px;
}
.bottom-gongsi{
margin-top:10px;
height:20px;
text-align: center;
}
.lunbo-left-list{
background: #7D7C7C;
zoom: 1;
position: absolute;
top:0;
left:15px;
width:200px;
max-height:420px;
}
.list-title{
height:52px;
background: #3D3C3C;
display:flex;
flex-direction: row;
}
.list-title .btn{
color:#FFFFFF;
border:none;
background:none;
}
.list-title-1{
margin-left:16px;
color:#fff;
font-size:14px;
line-height: 50px;
font-size: 15px;
}
.list-content-li{
position: relative;
width:100%;
height:60px;
background: #fff;
border-bottom: 1px solid #f1f1f1;
display:flex;
flex-direction:row;
color:#FFFFFF;
}
.list-img1{
width: 20%;
height: 44px;
line-height: 60px;
position: absolute;
top: 48px;
left: 0;
z-index: 1;
}
.list-img1 img{
width:22px;
}
.list-img2{
width: 20%;
height: 44px;
line-height: 60px;
position: absolute;
top: 106px;
left: 0;
z-index: 1;
}
.list-img2 img{
width:22px;
}
.list-img3{
width: 20%;
height: 44px;
line-height: 60px;
position: absolute;
top: 166px;
left: 0;
z-index: 1;
}
.list-img3 img{
width:22px;
}
.list-img4{
width: 20%;
height: 44px;
line-height: 60px;
position: absolute;
top: 228px;
left: 0;
z-index: 1;
}
.list-img4 img{
width:22px;
}
.list-content-fenlei{
text-align: left;
width:61%;
height:100%;
}
.list-content-title{
width:100%;
height:20px;
margin-top:8px;
margin-bottom:4px;
color:#333;
font-size:15px;
font-weight:600;
}
.list-content-title-content{
width:140px;
color:black;
font-size:13px;
}
.list-icon{
width:19%;
height:100%;
line-height:55px;
}
.list-icon img{
width:8px;
}
.list-content-li-1{
position: relative;
/* width:165px; */
width:150px;
height:50%;
/* border-bottom: 1px solid #E3E3E3; */
/* display:flex;
flex-direction:row; */
color:#FFFFFF;
}
.list-content-li-1 p{
width:100%;
height:24px;
line-height:24px;
text-align: center;
color:#333;
font-size:12px;
}
.left-title{
font-weight:700;
width:100%;
height:54px;
line-height:54px;
text-align:center;
color:black;
font-size:16px;
}
.list-content-li:hover{
background:#ebebeb;
color: #000000;
}
/* .left-caption-list :last-child{
border-bottom:none;
} */
.left-caption-list1{
/* width:auto; */
padding-left:0;
height:240px;
background:#F4F4F4;
}
.list-content-wenzi{
width:100%;
height:100%;
line-height:60px;
text-align:center;
color: #000000;
float:left;
background: #F5F5F5;
}
.list-content-sanjiao{
position: absolute;
left:88%;
top:4%;
width:0;
height:0;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #C4C4C4;/*透明 透明 灰*/
/* margin:5px auto; */
margin-top:24px;
margin-left:3px;
}
.vipcn-list{
margin-top:20px;
height:180px;
display:flex;
flex-direction: row;
}
.vipcn-list-img{
width:30%;
background:green;
}
.vipcn-list-content{
width:70%;
background:gray;
}
#lunbo{
overflow: hidden;
height:290px;
}
#lunbo img{
height:100%!important;
}
#btn{
width:307px;
height:46px;
display:flex;
flex-direction: row;
margin:0 14px;
/* background: #EDEDED; */
/* text-align:center; */
line-height:46px;
font-weight: bold;
}
.before{
font-size:18px;
}
.before:before{
content:"";
margin-right:20px;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 10px;
background: #FC815C;
margin-bottom:2px;
}
#btn div{
width: 151px;
height: 46px;
color: #333333;
font-size: 18px;
}
#btn .btn1{
color:#FC815C;
}
#home-link1{
margin-left:-40px;
margin-top:-11px;
height:37px;
color: rgb(107, 107, 107);
}
#home-link1 li{
float:left;
/* width: 86px; */
height:33px;
color: #666;
margin-right:40px;
font-size:16px;
cursor:pointer;
font-weight:600;
/* border-bottom:2px solid #FC815C; */
}
#home-link1 li .actives{
border:1px solid red;
border-bottom:2px solid #FC815C;
color:#FC815C;
}
#home-link1 a{
color: #666;
text-decoration:none;
/* width: 86px; */
height:30px;
display: inline-block;
font-size:16px;
vertical-align: middle;
text-align:center;
font-weight:600;
}
/* #xinwenzhuti{
} */
#xinwenlist{
border: 1px solid #FFFFFF;
box-sizing: border-box;
padding:20px 20px;
}
.vido-box-btn{
height:120px;
/* border:1px solid red; */
position: relative;
}
.vido-box-btn .riqi{
height:20px;
text-align:center;
}
.vido-box-btn .riqi-btn{
margin-left:20px;
font-size:12px;
line-height:30px;
width:60%;
height:30px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
position: absolute;
text-align:center;
color:#999;
left:0;
bottom:0;
}
.xwlist-content{
height:280px;
background: #FFFFFF;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.xwlist-content :last-child{
border-bottom:none;
}
.xwlist{
height:80px;
border-bottom:1px solid #E3E3E3;
text-align:center;
}
.xwlist1{
height:35px;
line-height:35px;
font-size:16px;
font-weight:700;
color: #000000;
}
.xwlist2{
font-size:13px;
height:35px;
line-height:35px;
color: #333333;
}
.type-list{
height:80px;
text-align:center;
}
.select{
text-align: center;
border:none;
width:100%;
height:31px;
background: #EEEEEE;
}
.tuijian{
margin-bottom:6px;
text-align: left;
height:35px;
line-height:35px;
}
.pingtai-zx{
height:120px;
}
.submit{
margin:20px auto;
display:block;
width:162px;
height:40px;
background: #FC815C;
border-radius: 10px;
/* margin: 0; */
padding: 0;
border: none;
outline: none;
color: #FFFFFF;
}
.contact{
margin-top:61px;
width:100%;
height:383px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.contact-tou{
font-weight:700;
width:100%;
height:50px;
line-height:50px;
font-size:16px;
text-align:center;
}
.name{
width:80%;
height:80px;
margin:0 auto;
}
.name-titel{
width:100%;
}
.name-content{
margin-top:14px;
outline:none;
border:0px;
width:100%;
height:27px;
background: #EEEEEE;
}
.submit1{
color: #FFFFFF;
margin:10px auto;
display:block;
width:162px;
height:40px;
background: #FC815C;
border-radius: 10px;
/* margin: 0; */
padding: 0;
border: none;
outline: none;
}
#list-margin{
margin-top:20px;
margin-bottom:20px;
}
.bottom-li3-btn-right a{
color: #D74935;
}
#see-movea{
width: 120px;
height: 32px;
line-height: 32px;
font-family: Roboto;
font-style: normal;
font-size: 15px;
text-align: center;
color: #999;
margin: 30px auto;
background: #f0f0f0;
border:0;
/* border: 1px solid #C7C7C7; */
border-radius: 3px;
outline: none;
}
.right-code{
min-height:330px;
/* padding-top:20px; */
}
.right-code-title{
margin-top:8px;
height:50px;
line-height:50px;
color:#f87c60;
font-size:17px;
border-bottom:2px solid #f87c60;
text-align:center;
}
.right-code-box{
margin-top:16px;
/* margin-left:-22px; */
}
.right-code-box-title{
color:rgb(51,51,51);
font-size:16px;
font-weight:600;
text-align:center;
margin-bottom:0;
}
.right-code-box-img{
display: block;
width: 141px;
height: 141px;
margin: 0px auto;
overflow: hidden;
}
.right-code-box-img img{
display:block;
width:100%;
height:100%;
}
.navigation-bars{
height:58px;
background:#fd815d;
min-width: 1200px;
}
.navigation-bars-content{
height:58px;
/* border:1px solid black; */
}
.navigation-bars-img{
height:58px;
margin-top:10px;
}
.navigation-bars-img img{
display:block;
width:130px;
height:46px;
}
.navigation-bars-list{
height:58px;
text-decoration: none;
position: relative;
padding-left: 0px;
}
.navigation-bars-list li{
/* padding-top: 18px; */
height:58px;
line-height:58px;
float:left;
margin-right:20px;
padding: 0 10px;
}
.navigation-bars-list li a{
text-decoration: none;
font-size:16px;
color:#fffcfa;
letter-spacing: 0px;
}
.navigation-bars-list li .active{
border-bottom:2px solid #fbcbb5;
}
.homeBtn-list{
height:58px;
text-decoration: none;
position: relative;
}
.activeButton{
position: absolute;
top: 60px;
left: 86px;
width: 110px;
height: 120px;
background: #fff;
z-index: 1;
border-radius: 8px;
box-shadow: 0px 0px 30px #666;
display:none;
}
.activeButton a{
text-decoration: none;
color:#000;
}
.activeButton p{
width:100%;
height:40px;
text-indent: 35px;
line-height:40px;
margin:0;
color:#666;
position: relative;
}
.activeButton p img{
position: absolute;
top:11px;
left:10px;
}
.homeBtn-list-li{
height:58px;
line-height:58px;
float:left;
margin-right:20px;
padding-top: 10px;
}
.homeBtn-list-li img{
margin-left: 3px;
display:block;
width: 18px;
height:30px;
margin: 0 auto;
}
.homeBtn-list-li p{
color:#fff;
font-size:13px;
height: 25px;
line-height: 25px;
}
.daohang-input{
width:100%;
height:58px;
background:#fd815d;
position:absolute;
top:0;
left:0;
padding:0 180px;
display:none;
}
.daohang-input-left{
width:20%;
height:58px;
float:left;
}
.daohang-input-right{
width:80%;
height:58px;
float:left;
padding-left: 120px;
}
#img-logo{
display:block;
height: 40px!important;
/* margin-top: 10px; */
position:absolute;
top:10px;
left:190px;
}
.daohang-input input{
width: 460px;
height: 40px;
background: none;
outline: none;
border: 0px;
color: #666;
margin-top: 9px;
text-indent: 44px;
border: 1px solid #fff;
border-radius: 10px;
background:#fff;
font-size:14px;
}
.daohang-input input::-webkit-input-placeholder{
color:#a59f9f;
font-size:14px;
}
.daohang-input input::-moz-placeholder{ /* Mozilla Firefox 19+ */
color:#a59f9f;
font-size:14px;
}
.daohang-inputc input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:#a59f9f;
font-size:14px;
}
.daohang-input input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#a59f9f;
font-size:14px;
}
.daohang-input span{
position: absolute;
top: 22px;
/* right: 6%; */
margin-left: -20px;
cursor: pointer;
color:#666;
width:14px;
height:16px;
}
.daohang-input button{
margin: 0;
padding: 0;
border: 1px solid transparent;
outline: none;
height: 40px;
margin-top: 9px;
width: 40px;
margin-left: 30px;
background: #fff;
border-radius: 8px;
font-size: 14px;
}
.homeBtn-list-li-touxinag img{
width: 40px;
height: 40px;
margin-top: -22px;
margin-left: 24px;
}
.homeBtn-list-li-touxinag{
height: 58px;
line-height: 58px;
float: left;
margin-right: 20px;
padding-top: 10px;
}
.fudong{
width: 145px;
height: 166px;
background-color: #ffffff;
box-shadow: -2px -2px 7px 0px
rgba(0, 0, 0, 0.1);
border-radius: 10px;
position: absolute;
top:52px;
left:350px;
z-index: 1;
display:none;
}
.topSanjiao{
width: 0;
height: 0;
border-width: 0px 7px 12px;
border-style: solid;
border-color: transparent transparent #fff;
margin: 40px auto;
position: absolute;
top: -51px;
left: 64px;
}
.fudongLi{
width:124px;
height:44px;
line-height: 32px;
text-align: center;
margin:0 auto;
margin-top:12px;
color: #333333;
font-size:14px;
letter-spacing: 0
}
.fudongLi:hover{
color:#fb7851;
cursor:pointer;
}
.borderfudong{
border-bottom: solid 2px #eeeeee;
}
.carousel-inner > .item{
height:290px;
}
.activity_navigation_extend{
background-color: #ffffff;
box-shadow: -2px -2px 7px 0px
rgba(0, 0, 0, 0.1);
border-radius: 10px;
position: absolute;
top:52px;
left:25px;
z-index: 1;
display:none;
}
.activity_navigation_extend_li{
/* height:42px;*/
line-height: 32px;
text-align: center;
margin:0 auto;
margin-top:12px;
color: #333333;
font-size:14px;
padding-left: 5px;
padding-right: 5px;
width: 180px;
/* overflow: hidden;*/
}
.activity_navigation_extend_li:hover{
color:#fb7851;
cursor:pointer;
}
.activity_navigation_extend_li_border{
border-bottom: solid 2px #eeeeee;
}
.activity_navigation_extend_topSanjiao{
width: 0;
height: 0;
border-width: 0px 7px 12px;
border-style: solid;
border-color: transparent transparent #fff;
margin: 40px auto;
position: absolute;
top: -51px;
left: 45%;
}