* {
	margin: 0px;
	padding: 0px;
}
body {
    font: 12px/24px 'ralewayregular', "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;
    color: #666;
    background-color: #fff;
    position: relative;
    min-width: 1200px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr {
	margin: 0px;
	padding: 0px;
}
a {
	color: #808080;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
img {
	border: 0;
}
ul {
	display: block;
}
ul, ul li {
	list-style: none;
}
input, select, textarea {
	vertical-align: middle;
	font: 12px/24px 'ralewayregular', "Microsoft Yahei", Verdana, Geneva, sans-serif;
	color: #666;
	border: 1px solid #dedede;
}
.left {
	float: left;
}
.right {
	float: right;
}
.mt {
	margin-top: 10px;
}
.mr {
	margin-right: 10px;
}
.mb {
	margin-bottom: 10px;
}
.ml {
	margin-left: 10px;
}
.pt {
	padding-top: 10px;
}
.pt2 {
	padding-top: 20px;
}
.pt3 {
	padding-top: 30px;
}
.pt4 {
	padding-top: 40px;
}
.pt5 {
	padding-top: 50px;
}
.pt6 {
	padding-top: 60px;
}
.pt8 {
	padding-top: 80px;
}
.pt10 {
	padding-top: 100px;
}
.pt14 {
	padding-top: 140px;
}
.pb {
	padding-bottom: 10px;
}
.pb2 {
	padding-bottom: 20px;
}
.pb3 {
	padding-bottom: 30px;
}
.pb4 {
	padding-bottom: 40px;
}
.pb5 {
	padding-bottom: 50px;
}
.pb6 {
	padding-bottom: 60px;
}
.pb8 {
	padding-bottom: 80px;
}
.pb10 {
	padding-bottom: 100px;
}
.pl {
	padding-left: 10px;
}
.wp {
	margin: 0px auto;
	width: 1200px;
}
.wps {
	margin: 0px auto;
	width: 96%;
}
.cls {
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	clear: both;
}
.hs{
	background-color:#f5f5f5;
}
select{
	background:url(../images/s_sj.png) no-repeat right center;
	appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
	background-image:none\9;
}
/*============ fonts ===========*/
@font-face {
	font-family: 'open_sansbold';
	src: url('../fonts/open_sans_bold-webfont.eot');
	src: url('../fonts/open_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/open_sans_bold-webfont.woff2') format('woff2'),  url('../fonts/open_sans_bold-webfont.woff') format('woff'),  url('../fonts/open_sans_bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/open_sans-webfont.eot');
	src: url('../fonts/open_sans-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/open_sans-webfont.woff2') format('woff2'),  url('../fonts/open_sans-webfont.woff') format('woff'),  url('../fonts/open_sans-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaybold';
	src: url('../fonts/raleway-bold-webfont.eot');
	src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/raleway-bold-webfont.woff2') format('woff2'),  url('../fonts/raleway-bold-webfont.woff') format('woff'),  url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayregular';
	src: url('../fonts/raleway-regular-webfont.eot');
	src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/raleway-regular-webfont.woff2') format('woff2'),  url('../fonts/raleway-regular-webfont.woff') format('woff'),  url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: "iconfont";
    src: url('/WebShop_cn/css/iconfont/iconfont.eot?t=1499742134096'); /* IE9*/
    src: url('/WebShop_cn/css/iconfont/iconfont.eot?t=1499742134096#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/WebShop_cn/css/iconfont/iconfont.woff?t=1499742134096') format('woff'), /* chrome, firefox */
    url('/WebShop_cn/css/iconfont/iconfont.ttf?t=1499742134096') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('/WebShop_cn/css/iconfont/iconfont.svg?t=1499742134096#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*=============  header ========*/
.header {
	height: 80px;
	position: absolute;
	z-index: 2;
	width: 100%;
	background: url(../images/ix_top_bj.png) repeat center center;
}
.ix-logo {
	position: absolute;
	top: 0;
	left: 3%;
	z-index: 2;
}
.ix-logo a {
	display: block;
}
.ix-login-yy {
	position: absolute;
	top: 0;
	right: 3%;
	z-index: 2;
}
.ix-nav {
    position: absolute;
    left: 300px;
    /* right: 0; */
    top: 0;
    height: 78px;
    z-index: 1;
    width: 700px;
}
.ix-nav ul {
	text-align: left;
}
.ix-nav ul li {
	display: inline-block;
 *display:inline;
 *zoom:1;
	line-height: 78px;
	padding: 0px 20px;
}
.ix-nav ul li a {
	font-size: 16px;
	color: #fff;
	line-height: 78px;
	display: inline-block;
	font-family: 'open_sansregular';
}
.ix-nav ul li a.select {
	border-bottom: solid 2px #fff;
}
.ix-nav ul li a:hover {
	border-bottom: solid 2px #fff;
}

.ix-login-yy {
    padding-top: 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    width: 500px;
}
.loginOffline {
    width: 200px;
    float: left;
    margin-left: 20px;
}
.loginOnline {
    width: 320px;
    float: left;
    display:none;
}
.loginOnline a.left {
    width: 215px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.loginOnline a.a1{float:right;}
.loginOnline .iconfont {
    color: #80ba42;
    margin-right: 5px;
    margin-left: 15px;
}
.loginOnline .line {
    color: #fff;
    margin: 0 4px;
    font-style: normal;
}
.lang {
    width: 160px;
    float: right;
}
.ix-login-yy img {
    vertical-align: sub;
    padding-left: 20px;
    padding-right: 5px;
    *vertical-align: middle;
}
.ix-login-yy a {
	font-size: 16px;
	color: #fff;
	height: 40px;
	display: inline-block;
	font-family: 'open_sansregular';
}
.ix-login-yy .a1 {
	padding: 0px 20px;
}

.ix-login-yy .a11 span{
	font-family: 'open_sansbold';
	padding-left:5px;
}
.ix-login-yy .a1.select {
	background-color: #80ba42;
	border-radius: 4px;
}
.ix-login-yy .a1:hover {
	background-color: #80ba42;
	border-radius: 4px;
}
.ix-login-yy .a2:hover {
	color: #80ba42;
}
.ix-login-yy .a11:hover{
	color:#80ba42;
}
/*===============================首页广告banner==========================*/
.fullSlide {
	width: 100%;
	height: 700px;
	position: relative;
	z-index: 1;
 *z-index: -3;
}
.fullSlide2 {
	height: 700px;
}
.fullSlide ul {
	height: 100%!important;
	width: 100%!important;
}
.fullSlide li {
	height: 100%!important;
	width: 100%!important;
}
.fullSlide .hd {
	height: 16px;
	width: 100%;
	position: absolute;
	z-index: 999;
	bottom: 24px;
}
.fullSlide .hd ul {
	margin: 0;
	text-align: center;
	font-size: 0; /*用于去除 display:inline-block 产生的间距*/
}
.fullSlide .hd ul li {
	background: url(../images/ib.png) no-repeat;
	cursor: pointer;
	display: inline-block;
*display:inline;
 *zoom:1;
	height: 16px;
	line-height: 10px;
	margin-right: 10px;
	text-align: center;
	width: 16px!important;
	float: none;
}
.fullSlide .hd ul li.on {
	background: url(../images/ib_hover.png) no-repeat;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.fullSlide .prev, .fullSlide .next {
	position: absolute;
	left: 5%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 70px;
	height: 70px;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.fullSlide .next {
	left: auto;
	right: 5%;
	background-position: 8px 5px;
	background: url(../images/r_fh.png) no-repeat center center;display:none;
}
.fullSlide .prev {
	background: url(../images/l_fh.png) no-repeat center center;display:none;
}
.fullSlide .prev:hover, .fullSlide .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.fullSlide .prevStop {
	display: none;
}
.fullSlide .nextStop {
	display: none;
}
.img_banner {width:100%;height:100%;display:block;position:relative;}
.btn_tutor {
	background: #fdbe0f;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	height: 50px;
	display: inline-block;
	padding: 0 40px;
	border-radius: 25px 25px;
	position: absolute;
	top: 43%;
	left: 35%;
}

.btn_stud {
	background: #80ba42;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	height: 50px;
	display: inline-block;
	padding: 0 40px;
	border-radius: 25px 25px;
	position: absolute;
	top: 43%;
	right: 35%;
}

.btn_start {
    background: #fdbe0f;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    display: inline-block;
    padding: 0 40px;
    border-radius: 25px 25px;
    position: absolute;
    top: 60%;
    left: 4%;
}
.btn_apply {
    background: #80ba42;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    display: inline-block;
    padding: 0 40px;
    border-radius: 25px 25px;
    position: absolute;
    top: 55%;
    left: 4%;
}

.hidden{
    display:none;
}
/*===============================header==========================*/
/*===============================db_xs==========================*/
.db_xs {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    display: none;
    background: url(../images/xs.gif) no-repeat center center;
    background-color: #80ba42;
}
/*================= ix-our-tutors ===========*/
.ix-head {
	font-size: 30px;
	font-family: 'ralewaybold';
	text-align: center;
	color: #333333;
	text-transform: uppercase;
}
.ix-our-tutors-list {
	width: 1200px;
	overflow: hidden;
	position: relative;
	margin:0px auto;
}
.ix-our-tutors-list .hd {
	width:100%;
	height:30px;
	position:absolute;
}
.ix-our-tutors-list .hd .prev, .ix-our-tutors-list .hd .next {
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background:url(../images/prev_img.jpg) no-repeat center center;
	position:absolute;
	top:75px;
}
.ix-our-tutors-list .hd .next {
	position:absolute;
	right:0;
	top:75px;
	background:url(../images/next_img.jpg) no-repeat center center;
}
.ix-our-tutors-list .hd .prevStop {
background:url(../images/prev_hover.jpg) no-repeat center center;
}
.ix-our-tutors-list .hd .nextStop {
background:url(../images/next_hover.jpg) no-repeat center center;
}
.ix-our-tutors-list .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
}
.ix-our-tutors-list .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url("images/icoCircle.gif") 0 -9px no-repeat;
}
.ix-our-tutors-list .hd ul li.on {
	background-position: 0 0;
}
.ix-our-tutors-list .bd {
		padding:0px 80px;
}
.ix-our-tutors-list .bd ul {
	overflow: hidden;
	zoom: 1;
}
.ix-our-tutors-list .bd ul li{
	float:left;
}
.ix-our-tutors-list .bd ul li a:hover .ix-our-tl-t1 span {
	color:#80ba42;
	
}
.ix-our-tutors-list .bd ul li a:hover .ix-our-tl-t1 {
	color:#80ba42;
	
}
.ix-our-tl-img img{
	border-radius:150px;
	width:180px;
	height:180px;
}
.ix-our-tl-tit{
	width:800px;
	padding-left:50px;
}
.ix-our-tl-t1{
	 font-family: 'open_sansregular';
	 font-size:16px;
	 color:#666666;
}
.ix-our-tl-t1 span{
	display:inline-block;
	font-family:"Times New Roman";
	font-size:30px;
	font-weight:bold;
	font-style:italic;
	color:#333;
	padding-right:30px;
}
.ix-our-tl-t2{
     font-family: 'open_sansbold';
	 font-size:18px;
	 color:#333333;
	 font-style:italic;
	 padding-top:10px;
	 padding-bottom:20px;
}

.ix-our-tl-t3{
	font-size:16px;
	color:#666666;
}
/*============== ix-why ==========*/
.ix-why-list{
	
}
.ix-why-list ul{
	width:1230px;
	margin-left:-30px;
}
.ix-why-list ul li{
	width:340px;
	height:100px;
	background-color:#fff;
	position:relative;
	padding:20px;
	float:left;
	margin-left:30px;
}
.ix-why-t1{
	width:50px;
	height:50px;
	background-color:#f6a42a;
	border-radius:100px;
	text-align:center;
	line-height:50px;
	font-size:28px;
	color:#fff;
	margin:0px auto;
	position:absolute;
	top:-25px;
	left:0;
	right:0;
}
.ix-why-t1.ls{
	background-color:#60ad56;
}
.ix-why-t1.hs{
	background-color:#ff4444;
}
.ix-why-t2{
	padding-top:10px;
}
.ix-why-t3{
	padding-left:35px;
	padding-right:20px;
	font-size:16px;
	color:#666666;
	padding-top:5px;
}
/*============= ix-here ==========*/
.ix-here{
	background:url(../images/here_bj.jpg) no-repeat center center;
	height:680px;
	max-width:1920px;
	margin:0px auto;
}
.ix-here-tit{
	width:520px;
	height:400px;
	background:url(../images/here_xbj.png) repeat center center;
	padding:40px 40px;
}
.ix-here-list{
	padding-bottom:30px;
}
.ix-here-list h1{
	color:#f6a42a;
	font-size:22px;
	font-style:italic;
	font-weight:600;
}
.ix-here-list p{
	padding-left:25px;
	color:#ffffff;
	font-size:16px;
	font-family: 'open_sansregular';
	padding-top:10px;
}
.ix-here-more{
	width:368px;
	height:50px;
	text-align:center;
	line-height:50px;
	border-radius:150px;
	background-color:#fdbe0f;
	font-size:20px;
	color:#fff;
	margin:0px auto;
}
.ix-here-more a{
	display:block;
	color:#fff;
}
.ix-here-head{
	width:568px;
	text-align:center;
	padding-top:160px;
	color:#fff;

}
.ix-here-head h1{
	font-size:30px;
	font-family:"Times New Roman";
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	padding-bottom:45px;
}

/*============= ix-about ========*/
.ix-about-tit{
	width:530px;
}
.ix-about-tit h1{
	font-size:30px;
	color:#333333;
	font-family: 'ralewaybold';
	text-transform:uppercase;
}
.ix-about-t1{
	font-size:16px;
	color:#666666;
	font-family: 'open_sansregular';
	padding:60px 0px;
	line-height:28px;
}
.ix-about-t2 a{
	width:180px;
	height:50px;
	text-align:center;
	line-height:50px;
	border-radius:150px;
	border:solid 2px #dddddd;
	display:block;
	font-size:16px;
	color:#666666;
}
.ix-about-t2 a:hover{
	background-color:#80ba42;
	border:solid 2px #80ba42;
	color:#fff;
}
.ix-about-img{
	width:600px;
	height:320px;
}

/*============ ix-footer ========*/
.ix-footer-one{
	background-color:#4b4c4d;
	height:85px;
	padding-top:35px;
}
.ix-foot-iphone p{
	font-size:16px;
	color:#999999;
	font-style:italic;	
}
.ix-foot-iphone p.b1{
	font-size:16px;
	color:#cccccc;
	font-style:italic;
	font-family: 'ralewaybold';
	padding-top:8px;
}
.ix-foot-iphone p.b1 a {
    color: #cccccc;
}
.ix-foot-links{
}
.ix-foot-links a{
	padding:0px 25px;
	height:50px;
	text-align:center;
	line-height:50px;
	border-radius:4px;
	background-color:#fdbe0f;
	font-size:18px;
	display: inline-block;
	margin-left:25px;
	color:#fff;	
}
.ix-foot-links a.no{
	background-color:#80ba42;
}
.ix-links2 a {
    padding: 0px 25px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 4px;
    background-color: #fdbe0f;
    font-size: 18px;
    display: inline-block;
    margin-left: 25px;
    color: #fff;
}

.ix-links2 a.on {
    background-color: #80ba42;
}
.ix-footer-two{
	background-color:#363636;
	height:60px;
	line-height:60px;
	font-size:14px;
	color:#8c8c8c;
	font-style:italic;
}
.ix-foot-follow{
	color:#8c8c8c;
}
.ix-foot-follow a{
	display:inline-block;
	padding-top:10px;
}
.ix-foot-follow a img{
	vertical-align:middle;
	padding-left:6px;
}
.ix-foot-follow a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}


/*=============== xys =========*/
@media screen and (min-width:1920px) {

}

@media screen and (min-width: 1600px) and (max-width: 1919px) {

}

@media screen and (min-width: 1440px) and (max-width: 1599px) {

}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
.ix-nav ul li{
 		padding: 0px 5px;
}
}

@media only screen and (max-width: 1279px) {
.ix-nav ul li{
 		padding: 0px 5px;
}
.ix-nav ul li a{
	font-size:14px;
}
.ix-login-yy a{
	font-size:14px;
}
}

.pl-for a:hover{color:#80ba42;}
.loginf_txt{overflow:hidden;}
.loginf_txt .code {
    width: 120px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #fdbe0f;
    font-style: italic;
    font-size: 16px;
    display: block;
    color: #fff;
    float: right;
}
.rbo_txt{margin-left:10px;}
.ptb-select-ab{position:relative;}
#updateimg {
    width: 130px;
    height: 130px;
    position: absolute;
    left: 220px;
    top: 10px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
#updateimg img {
    width: 100%;
    height: 100%;
}
.pg-bo-rl{position:relative;}
.pg-bo-rl .fc-day-header {
    height: 50px;
}
.pg-bo-rl .fc-day-header span{
    font-size:18px;font-weight:bold;text-align:center;display:block;color:#333;height:50px;line-height:50px;
}

.pg-bo-rl .fc-day-top span {
    font-size: 16px;
    text-align: center;
    display: block;
    color: #333;
    height: 50px;
    width:100%;
    line-height: 50px;
    cursor:pointer;
}
.ScheduleNow{
    width:846px !important;
}
.ScheduleNow .layui-layer-close2 {
    background-position: -149px -32px;
}
.ScheduleNow .layui-layer-close2:hover {
    background-position: -149px -32px;
}

/*----- pg-fy -------*/
.paginator {
    font-family: Arial;
    font-size: 14px;
    text-align: right;
    padding-top: 20px;
}

.paginator table {
}

.paginator a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-decoration: none;
    color: #999;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
}

.paginator a:hover {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    background: #80ba42;
    border: 1px solid #80ba42;
}

.paginator span.cpb {
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    color: #fff;
    background: #80ba42;
    border: 1px solid #80ba42;
}
.NodataTips{
    padding:20px 0;line-height:40px;height:40px;text-align:center;display:block;font-size:16px;color:#333;
}
.loginf_txt .tips {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    color: #ff0000;
    text-align: left;
}
.msg_div {
    width: 20px;
    height: 20px;
    float: left;
    margin: 10px 0;
}

    .msg_div a {
        width: 20px;
        height: 20px;
        display: block;
        position: relative;
    }

.msg_div_bg {
    width: 20px;
    height: auto;
    padding: 0px !important;
}

.msg_div span {
    position: absolute;
    right: -8px;
    top: -5px;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 5px;
    background-color: #dd514c;
    display: inline-block;
    line-height: 14px;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 25px 25px;
}

.loginOnline span {
    width: 150px;
    overflow: hidden;
    text-align: right;
    display: inline-block;
    float: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loginOnline a i {
    float: left;
}

.loginOnline a {
    overflow: hidden;
}

.btn_delmsg {
    text-align: center;
    color: #ff4444 !important;
}

    .btn_delmsg:hover {
        color: #fdbe0f !important;
    }
.loginOnline span {
    width: 150px;
    overflow: hidden;
    text-align: right;
    display: inline-block;
    float: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pirl-p1{font-family: 'open_sansregular';
    font-size: 16px;
    color: #666666;
    line-height: 180%;}
input::-webkit-input-placeholder {
    color: #aaa;
    font-size: 0.95em;
}

input:-moz-placeholder {
    color: #aaa;
    font-size: 0.95em;
}

input::-moz-placeholder {
    color: #aaa;
    font-size: 0.95em;
}

input:-ms-input-placeholder {
    color: #aaa;
    font-size: 0.95em;
}

.phcolor {
    color: #aaa;
    font-size: 0.95em;
}