body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.6 microsoft yahei;}
body{ background-color:#f2f2f2;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
a{ text-decoration:none;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s;}

ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
.layout:after{content:'\20';display:block;height:0;clear:both;}
.layout{*zoom:1;}
.cf:before,.cf:after{content:'';display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
img{border:0;vertical-align: middle;max-width:100%;}
small, cite, code, em, th, i, b {
font-size: 1em;
font-style: normal;
font-weight: 500;}

.div_radius50{ border-radius:50px;}
.div_radius5{ border-radius:5px;}
.less-hover{-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; }
.div_drag{
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    -ms-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    -o-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
}
.circle5{ border-radius:5px;}
.min-w{width:1400px;margin:0 auto;}
.f-l{float: left !important;}
.f-r{float: right !important;}
.color-Orange{color:#ff6a06;}
.w-40{width:40%}
.displat-flex{display:flex}
.single{
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    margin-top: 0 !important;
}
/* 显示隐藏 */
.tq-hidden{display:none;}
.tq-show{display:block;}
/* 文字大小 */
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-24{font-size: 24px;}
.f-30{font-size:30px}
/* 文字颜色 */
.c-999{color:#999}
.c-666{color:#666}
.c-333{color:#333}
/* 背景颜色 */
.bg-fff{background: #fff;}
/* 间距 */
.m-l-20{margin-left:20px;}
.m-t-20{margin-top:20px;}
.m-r-20{margin-right:20px;}
.m-b-20{margin-bottom:20px;}
.m-t-15{margin-top:15px;}
.m-r-15{margin-right:15px;}
.m-l-15{margin-left:15px;}
.m-b-15{margin-bottom:15px;}
.p-t-0{padding-bottom:0 !important}
.cont-p{
	padding: 30px;
	width: 100%;
	justify-content: space-between;
	background: #fff;
	box-sizing: border-box;	
}
.padding-r-n{padding:0px !important;}

.l-h-39{
	line-height:38px;
}
.l-h-24{
	line-height:24px;
}
/*  */
#wrap-nav{width: 100%; margin: 0 auto;}

.tqedu-head{height: 65px;}

.history-timeline-wrap{float: left;}
.history-info-content{overflow: hidden;}
.cont_bg1{background-color: #f6f6f6;}
*{box-sizing: border-box; font-size: 14px; }
/* 内容标题 */
.details_nav{/* height: 120px; */ width: 100%;background-color: #fff; padding:20px 0;}
.details_nav .details_nav_title{font-size: 30px; font-weight: bold;color: #424242;}
.details_nav .details_nav_note{overflow: hidden; color:#ababab;padding-top: 10px;}
.details_nav .details_nav_note a{color: #ababab; display: inline-block; height: 30px;}
.details_nav .details_nav_note a:hover{color: #666;}
.details_nav .details_nav_note .school_icon{ position: relative; padding-right: 60px; cursor:inherit;}
.details_nav .details_nav_note .school_icon:hover{color: #ababab; }
.details_nav .details_nav_note .school_icon::before{display: block; content: ""; width: 22px; height: 22px; border-radius: 50%;position: absolute; left:-32px; top: 0;
 background: url(http://www.tqedu.net/Template/Default/Skin/group/img/tq-icon1.jpg); background-size: 100% 100%;}
 .details_nav .details_nav_note .publish_time{ position: relative; cursor:inherit;}
 .details_nav .details_nav_note .publish_time:hover{color: #ababab; }
 .details_nav .details_nav_note .publish_time::before{display: block; content: "\e832";font-family: "iconfont" !important;font-size: 16px; font-style: normal;-webkit-font-smoothing: antialiased;position: absolute; left:-25px; top: -1px;}
 
 /* 内容部分 */
.details_cont{width: 100%;margin: 20px 0; overflow: hidden; position: relative;}
/*左右分享固定*/
.details_cont_left{float: left;width: 150px;}
.details_cont_left .details_cont_icon li{padding: 20px; background-color: #fff; border-radius: 14px; text-align: center;color: #ababab; margin-bottom:15px; box-shadow: 0px 0px 4px 0px #f7f7f7;}
.details_cont_left .details_cont_icon li i{font-size: 24px; line-height: 1; }
.details_cont_left .details_cont_icon li h6{color: #424242; font-size: 28px; font-weight: bold;}
.details_cont_left .details_cont_icon li .phone_watch{ display: block;margin: 0 auto; width: 80%;}
.details_cont_left .details_cont_icon li .phone_watch img{display: block; height: auto; margin: 0 auto; width: 100%;}
.details_cont_left .details_cont_icon li .give_like{color: #ababab; display: block;}
.details_cont_left .details_cont_icon li .give_like.active{color: #3666ff;}
.details_cont_left .details_cont_icon li .give_like:hover{color: #3666ff;}
.details_cont_right{width: 87%; float: right; padding:50px 60px; border-radius: 14px; color: #424242; background-color: #fff;}
.details_cont_right p{padding:5px 0;}
.details_cont_right img{display: block; margin: 0 auto; width: auto; max-width: 1000px !important;}
.details_cont_right .txt_center{ text-align: center;color:#ababab; padding-bottom: 15px;}

/* 分享 */
.details_cont_left .details_cont_icon a::after{font-family: "iconfont" !important;font-size: 32px; font-style: normal;-webkit-font-smoothing: antialiased;}
.details_cont_left .details_cont_icon .weixin{color: #50b674;}
.details_cont_left .details_cont_icon .weixin::after{content: "\e831";}
.details_cont_left .details_cont_icon .QQ{color: #4cafe9;}
.details_cont_left .details_cont_icon .QQ::after{content: "\e82e";}
.details_cont_left .details_cont_icon .weibo{color: #d81e06;}
.details_cont_left .details_cont_icon .weibo::after{content: "\e830";}
.details_cont_left .details_cont_icon .QQkj{color: #fab619;}
.details_cont_left .details_cont_icon .QQkj::after{content: "\e845";}
.details_cont_left .details_cont_icon .bdsharebuttonbox{  text-align: center; display: block; width: 100%; padding-top: 20px; border-top: 1px solid #eee; margin-top: 20px;}
.details_cont_left .details_cont_icon .bdsharebuttonbox a{display:block; background-image: none;height: auto; width: 100%; margin: 10px 0;padding: 0;}


/*上下篇*/
.details_cont_right{padding-bottom:100px; position: relative; min-height: 600px;}
.btn_tb{padding-top: 50px; color: #ababab; text-align: right; line-height: 1; position: absolute; right: 0; bottom: 50px;}
.btn_tb a{color: #ababab; padding:0 20px;max-width: 400px; overflow: hidden;white-space: nowrap; display: inline-block;text-overflow: ellipsis;}
.btn_tb a:hover{color: #3a6dff;}


.details_cont_yy{overflow: hidden;}
.online-submit{z-index: 100; position: relative; border-radius: 14px; width: 87%; float: right;}
/*预约*/
.online-submit{ margin:15px 0; background:#fff; padding:10px 20px;}
.online-submit-title{ padding:20px; font-size:18px; border-bottom:1px solid #eee;}
.online-submit-con{ padding:20px; overflow:hidden;}
.online-sub-left,.online-sub-right{ float:left; width:50%;}

.online-form{ padding-top:20px;}
.form-input{text-indent:70px;}
.form-control {display: block;width: 100%;padding: 6px 0;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-horizontal{background: #fff;padding-bottom: 10px;border-radius: 15px;}
.form-horizontal .heading{display: block;font-size: 35px;font-weight: 700;padding: 35px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 30px;}
.form-horizontal .form-group{margin: 0 0 20px 0;position: relative;}
.form-horizontal .form-control{background: #f0f0f0;border: none;border-radius: 5px;box-shadow: none;height: 50px;transition: all 0.3s ease 0s;}
.form-horizontal .form-control:focus{background: #e0e0e0;box-shadow: none;outline: 0 none;}
.form-horizontal .form-group i{position: absolute;top: 17px;left: 30px;font-size: 17px;color: #c8c8c8;transition : all 0.5s ease 0s;}
.form-horizontal .form-control:focus + i{color: #00b4ef;}
.form-horizontal .fa-question-circle{display: inline-block;position: absolute;top: 12px;right: 60px;font-size: 20px;color: #808080;transition: all 0.5s ease 0s;}
.form-horizontal .fa-question-circle:hover{color: #000;}
.form-horizontal .main-checkbox{float: left;width: 20px;height: 20px;background: #11a3fc;border-radius: 50%;position: relative;margin: 5px 0 0 5px;border: 1px solid #11a3fc;}
.form-horizontal .main-checkbox label{width: 20px;height: 20px;position: absolute;top: 0;left: 0;cursor: pointer;}
.form-horizontal .main-checkbox label:after{content: "";width: 10px;height: 5px;position: absolute;top: 5px;left: 4px;border: 3px solid #fff;border-top: none;border-right: none;background: transparent;opacity: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.form-horizontal .main-checkbox input[type=checkbox]{visibility: hidden;}.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{opacity: 1;}
.form-horizontal .text{float: left;margin-left: 7px;line-height: 20px;padding-top: 5px;text-transform: capitalize;}
.form-horizontal .btn{display:block;font-size: 16px;color: #fff;background: #008cd6;border-radius: 5px;padding: 10px 25px;border: none;text-transform: capitalize;transition: all 0.5s ease 0s;cursor:pointer;height:60px;}
.form-horizontal .btn:hover{ background:#1f6fbf;}

.online-notice{ padding:20px; padding-right:0;}
.online-phone{ display:block; background:#f4f4f4; border-radius:5px; text-align:center; padding:20px 0; width:48%; float:left;}
.online-phone i{ font-size:60px;}
.online-phone h3{ font-size:18px; font-weight:normal;}
.online-phone em{ font-size:18px; font-weight:bold; margin-top:20px; display:block;}
.online-phone,.online-kf{ min-height:220px;}

.online-kf{ display:block; background:#f4f4f4; border-radius:5px; text-align:center; padding:20px 0; width:48%; float:right;}
.online-kf i{ font-size:60px;}
.online-kf h3{ font-size:18px; font-weight:normal;}
.online-kf em{ font-size:16px; margin-top:30px; display:block;}
.icon-kefu{ color:#408ed6}
.online-kf em a{ background:#408ed6; color:#fff; padding:15px 25px;}
.online-kf em a:hover{ background:#1f6fbf; color:#fff;}
.online-warn{ display:block; font-size:14px; color:#528e62; padding:20px 30px; text-align:left; background:#e0f9e6; margin:0 20px 20px 20px;}


/*电脑点赞*/
    #container{}
    .heart {
	    background: url(http://www.tqedu.net/Template/Default/Skin/2022/images/give-img.png);
	    background-position: left;
	    background-repeat: no-repeat;
	    height: 100px;
	    width: 100px;
	    cursor: pointer;
	    margin: 0 auto;

	    margin-top: -30px;

        background-size:2900%;

    }

    .feed > p{margin-top: -25px;}

    .feed .likeCount{color:#e2264d; font-size: 16px;font-weight: bold;}

    .heart:hover, .heart:focus{

    background-position: right;

	}

    @-webkit-keyframes heartBlast {
    0% {
	    background-position: left;
	}
	100% {
	    background-position: right;
	}
	}

	@keyframes heartBlast {
	    0% {
	    background-position: left;
	}
	100% {
	    background-position: right;
	}
	}

	.heartAnimation {
    display: inline-block;
    -webkit-animation-name: heartBlast;
    animation-name: heartBlast;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(28);
    animation-timing-function: steps(28);
    background-position: right;
    }
   

/*手机点赞*/
.ph_give{padding: 20px; background: #fff; display: none;}
.article-good-btn{width: 80%;}

.article-good-btn.active{background: #fff; border: 1px solid #1f6fbf; color: #1f6fbf;}


.pc_none{display: none;}



/* 联系我们 */
.area-info{ margin:30px 0; background:#fff; overflow:hidden;z-index: 100; position: relative;border-radius: 14px; width: 87%;float: right;}
.area-info-left{ float:left; box-shadow: 10px 0px 5px rgba(0,0,0,.3); width:30%; position:relative;}
.area-info-left-head{ padding:50px;}
.area-info-name{ display:block; text-align:center; font-size:24px; font-weight:bold; color:#333; padding:10px 0}
.area-info-url{ display:block; text-align:center; font-size:16px; color:#666; padding:10px 0}
.area-info-ewm{ display:block; text-align:center; padding:10px 0;max-width: 150px; margin: 0 auto;}
.area-info-ewm img{ width:100%; height:auto;}
.area-info-txt{ display:block; text-align:center; font-size:14px; color:#666; padding:10px 0}
.area-info-foot{ display:block; text-align:center; padding:20px; color:#fff; font-size:18px; background:#408ed6;}

.area-info-right{ float:left; width:70%;}
.area-info-title{ display:block; padding:15px 50px; margin-top:20px; color:#fff; font-size:24px; font-weight:bold; background:#408ed6}
.area-info-title span{ font-size:14px; font-weight:normal; color: #fff;}
.area-info-con{ padding:20px 50px;}
.area-info-con ul li{ float:left; width:50%;}
.area-info-con h5{ font-size:16px; color:#333; margin:10px 0; border-bottom:1px solid #f0f0f0; line-height:30px;}
.area-info-con h5 a{ margin-left:10px; color:#666; font-size:14px; font-style:normal;}
.area-info-con h5 a:hover{ color:#ff6600;}
.area-info-con p{ line-height:25px; font-size:14px; color:#666; padding-right:20px;}



@media screen and (max-width: 1439px) and (min-width: 1200px){
.min-w {  width: 1200px; margin: 0 auto;}

.details_cont_right img{max-width: 100% !important;}
}


@media screen and (max-width: 1199px){
.min-w {width: 1000px;margin: 0 auto;}
.details_cont_right {width: 820px; padding: 40px; padding-bottom: 80px;}
.online-submit{width: 820px;}
.area-info{width: 820px;}
.details_cont_right img{max-width: 100% !important;}
.btn_tb{bottom: 40px;}
.btn_tb a{max-width: 280px;}
}
	
	
@media screen and (max-width: 999px) and (min-width: 750px){
#header{display: none;}
#footer{display: none;}
body, .min-w {width: 100%; min-width: 100%;}
.min-w{padding: 0 10px;}
.details_nav{height: auto;}
.details_cont_left{width: 110px;}
.details_cont_left .details_cont_icon li h6{font-size: 22px;}
.details_cont_right {width: 84%; padding: 30px;}
.online-submit{width: 84%;}
.area-info{width: 84%;}
.details_cont_left .details_cont_icon li:nth-child(2){display: none;}

.heart{width: 70px; height: 70px;}
.feed > p{margin-top: -18px;}

.tqedu-head{display: none;}
#wrap-nav{display: none;}

.details_cont_right img{max-width: 100% !important;}

}

@media screen and (max-width: 750px){
	#header{display: none;}
	#footer{display: none;}
body, .min-w {width: 100%; min-width: 100%;}
.details_nav{height: auto;}
.details_nav .details_nav_title{font-size: 16px;padding: 0 20px; line-height: 1.3; padding-bottom: 10px;}
.f-l{float: none !important; padding-left: 20px;}

.details_nav .details_nav_note .f-l{display: none;}
.details_nav .details_nav_note .f-r{float: none !important; padding: 0 20px;}
.details_nav .details_nav_note .school_icon{font-size: 12px; height: auto; padding-left: 25px;}
.details_nav .details_nav_note .school_icon::before{width: 18px; height: 18px; display: inline-block; left: 0;  margin-right: 6px;}
.details_nav .details_nav_note .publish_time{float: right; height: auto; font-size: 12px;}




.details_cont_left{float: none; width: 100%; overflow: hidden; position: relative !important; top: 0 !important;}
.details_cont_left .details_cont_icon li{width: 50%; float: left; padding: 10px; height: 100px; background-color: #fff; overflow: hidden; box-shadow: none;}
.details_cont_left .details_cont_icon li:nth-child(1){display: none;}
.details_cont_left .details_cont_icon li:nth-child(2){display: none;}
.details_cont_left .details_cont_icon li h6{font-size: 20px;}
.details_cont_left .details_cont_icon .bdsharebuttonbox{ padding: 0; margin: 0;display: flex; justify-content: center;align-items: center;}
.details_cont_left .details_cont_icon .bdsharebuttonbox a{display: inline-block; font-size: 20px; width: auto; margin:10px 3px;}
.details_cont_left .details_cont_icon a::after{ font-size: 20px;}
.details_cont_right{width: 100%; padding: 20px; border-radius: 0; min-height: auto;}
.details_cont_right img{width: 100%;}

.online-submit{border-radius: 0; width: 100%;}
.online-sub-left{width: 100%;}
.online-sub-right{display: none;}

.area-info{width: 100%;border-radius: 0; margin: 0;}
.area-info-left{width: 100%;}
.area-info-right{width: 100%;padding-bottom: 30px;}
.area-info-con ul li{width: 100%;}

#wrap-nav{display: none;}

.details_cont_left .details_cont_icon li{width: 100%;}

.details_cont_left{display: none;}

.ph_give{display: block;}
.btn_tb{bottom: 0; right: 0; position: relative; padding-top: 30px;}
.ArticlePrevNextSpilt{display: none;}
.btn_tb a{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap;display: block; padding: 5px 0; max-width: 100%;}

.details_cont_right img{max-width: 100% !important;}


/*点赞*/
.article-good-btn{ margin:0 auto; padding:15px 20px; background:#408ed6; width:200px; border-radius:50px; cursor:pointer; color:#fff; text-align:center; border:1px solid #408ed6}
.article-good-btn:hover{ background:#1f6fbf}
.article-good-btn i,.article-good-btn em{ margin:0 auto; text-align:center;}
.article-good-btn em{ font-size:16px;}
.article-good-btn-active{ margin:0 auto; padding:10px 20px; background:#eee; width:100px; border-radius:50px; cursor:pointer; color:#999;}
.article-good-btn-active i,.article-good-btn-active em{ display:block; margin:0 auto; text-align:center;}
.article-good-btn-active{ font-size:16px;}



/*手机底部导航栏*/
.pc_none{display: block;}
.pc_none #footer{display: block !important;}
/*底部切换栏*/
.aui-bar.aui-bar-tab{
    display:block !important;
    padding:0 !important;
    }
.aui-bar-tab {
    position: fixed;
    top: auto;
    bottom: 0;
    table-layout: fixed;
    background-color: #ffffff;
    color: #757575;
}
.aui-bar-tab .aui-bar-tab-item {
    display: table-cell;
    position: relative;
    width: 1%;
    height: 2.5rem;
    text-align: center;
    vertical-align: middle;
}
.aui-bar-tab .aui-bar-tab-item i.iconfont{
    font-size:20px;}
.aui-bar-tab .aui-bar-tab-item a{
    color:#666;
}
.aui-bar-tab .aui-active {
    color: #039be5;
    font-weight:bold;
}
.aui-bar-tab .aui-active{
    color:#666;}
.aui-bar-tab .aui-bar-tab-item .aui-iconfont {
    position: relative;
    z-index: 20;
    top: 0.1rem;
    height: 1.2rem;
    font-size: 1rem;
    line-height: 1rem;
}
.aui-bar-tab .aui-bar-tab-label {
    display: block;
    font-size: 0.8rem;
    position: relative;
}
.aui-bar-tab .aui-badge {
    position: absolute;
    top: 0.1rem;
    left: 55%;
    z-index: 99;
}
.aui-bar-tab .aui-dot {
    position: absolute;
    top: 0.1rem;
    right: 30%;
    z-index: 99;
}




}


/*分享*/
.share_box{width: 100%; border-top: 1px solid #eee; margin-top: 10px; padding-top: 10px;}
.share_box > div{cursor: pointer; width: 100%; height: auto; line-height: 1.4;}
.share_box > div::after{font-family: "iconfont" !important; font-size: 32px; font-style: normal;-webkit-font-smoothing: antialiased;}
.share_box > div:nth-child(1)::after{content: "\e831";color: #50b674;}
.share_box > div:nth-child(2)::after{content: "\e82e";color: #4cafe9;}
.share_box > div:nth-child(3)::after{content: "\e830";color: #d81e06;}
.share_box > div:nth-child(4)::after{content: "\e845";color: #fab619;}