/* public */
html{color:#000;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#4a4f5a;font: 400 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); color:#4a4f5a;}
textarea {resize: none;}
iframe,img {border:0;}
uuu{text-decoration:line-through}
img{display:inline-block;max-width:100%;vertical-align:top;}
ul,ol,li,dl,dt,dd{list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
	font-size:12px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   font-size:12px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   font-size:12px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
   font-size:12px;
}
.pr{position:relative;}
.abs{position: absolute}
.fixed{position:fixed;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both}
.box-sizing-box{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.flex{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.block{
	display:block;
}
.inline-block{
	display:inline-block;
}
.inline{
	display:inline;
}
.height1{height:1px;}
.height2{height:2px;}
.height3{height:3px;}
.height4{height:4px;}
.height5{height:5px;}
.height6{height:6px;}
.height7{height:7px;}
.height8{height:8px;}
.height9{height:9px;}
.height10{height:10px;}
.bgf7{background:#f7f7f7;}
/* FILTER: alpha(opacity=0); -moz-opacity:0;opacity:0; */
/********************************************************************************************/
/* top */
.top{
	width:100%;
	padding:6px 10px;
	height:40px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.top-search{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	height:28px;
	position:relative;
	padding-right:10px;
}
.top-search img{
	position:absolute;
	left:8px;
	top:6px;
	z-index:10;

	-moz-opacity:0.5;
	opacity:0.5;
	width:16px;
}
.top-search-input-1{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	padding-left:30px;
	z-index:9;
	height:28px;
	background:#f2f2f2;
	border:0;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	line-height:28px;
}

.top-history{
	position:relative;
	width:24px;
	margin-left:12px;
}
.top-history img{
	margin-top:3px;
	width:22px;
}
.top-message{
	position:relative;
	width:24px;
	margin-left:10px;
}
.top-message img{
	margin-top:6px;
	width:18px;
}
.top-message-spot{
	position:absolute;
	top:1px;
	right:-5px;
	background:#ff3131;
	border-radius:50%;
	color:#fff;
	font-size:0.6em;
	width:14px;
	height:14px;
	line-height:14px;
	text-align:center;
}
/* wap-index-nav */
.wap-index-nav{
	width:100%;
	height:40px;
	overflow:hidden;
	background:#fff;
}
.wap-index-nav .swiper-wrapper{
	width: 100%;
	height: 40px;
}
.wap-index-nav .swiper-slide{
	text-align: center;
	line-height: 40px;
	font-size: 14px;
}
.wap-index-nav .swiper-wrapper .active {
	color:#00a0e9;
}
.wap-index-nav .swiper-wrapper .active a{
	color:#00a0e9;
}

.wap-index-nav .swiper-wrapper .now a{
	color:#00a0e9;
}

.hdp{
	width:100%;
	overflow:hidden;
	position:relative;
}
.hdp .swiper-wrapper{
	width: 100%;
	height:auto;
}
.hdp .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.hdp .swiper-pagination{
	bottom:10px;
	text-align:right;
	position:absolute;
	left:0;
	width:100%;
}


.hdp>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 3px;
    left: 0;
    width: 100%;
	text-align:right;
	padding-right:10px;
}
.hdp .swiper-pagination-bullet{
	width:12px;
	border-radius:3px;
	margin:0 3px;
	height:6px;
}
.hdp .swiper-pagination-bullet-active{
	background:#4B57F4;
}

/* course-nav */
.course-nav{
	width:100%;
	padding:10px 0;
	overflow:hidden;
}
.course-nav .swiper-wrapper{
	width: 100%;
	height:auto;
}
.course-nav .swiper-slide{
	text-align: center;
	line-height:20px;
}
.course-nav li{
	width:100%;
	text-align:center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position:relative;
}
.course-nav-img{
	width:40px;
	display:inline-block;
	padding:8px;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #485cf4, #1da3fc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #485cf4, #1da3fc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #485cf4 , #1da3fc); /* 标准的语法 */
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}
.course-nav-img img{
	width:100%;
}
.course-nav-img2{
	position:absolute;
	right:0;
	top:12px;
}
.course-nav-img2 img{
	width:16px;
	opacity:0.2;
	-moz-opacity:0.2;

}
.course-nav li p{
	width:100%;
	text-align:center;
	font-size:13px;
	color:#333;
}
/* index-hotrank */
.index-hotrank{
	width:100%;
	padding:25px 10px 17px;
}
.index-bt{
	width:100%;
}
.index-bt p{
	float:left;
	font-size:20px;
	line-height:18px;
	color:#000;
	font-weight:bold;
}
.index-bt span{
	float:right;
	color:#999;
	font-size:12px;
	margin-top:3px;
}
.index-bt span img{
	width:11px;
	display:inline-block;
	margin-left:0;
	position:relative;
	top:3px;
	opacity:0.7;
	-moz-opacity:0.7;

}

.index-bt2 p{
	font-size:14px;
}
.index-bt2 p.active{
	font-size:18px;
}
.index-bt2 span{
	float:left;
	margin:0 8px;
}

.index-hotrank-lst{
	width:100%;
}
.index-hotrank-lst dl{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top:17px;
	position:relative;
	border-bottom: 1px #f1f1f1 double; padding-bottom: 10px;

}
.index-hotrank-lst-left{
	width:130px;
	margin-right:10px;

}
.index-hotrank-lst-left img{
	width:100%;	
	border-radius:6px;

}

.index-hotrank-lst-right{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	height:83px;
	overflow:hidden;
	position:relative;
}
.index-hotrank-lst-right dt{
	position:relative;
	width:100%;
	text-indent:36px;
	text-align:left;
	font-size:15px;
	line-height:20px;
    letter-spacing: 0;
    font-weight: 400;
    -webkit-line-clamp: 2;
    overflow: hidden;
	max-height:40px;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
	color:#000;
}
.rrrright dt{text-indent:0px;}
.index-hotrank-lst-right dt a{color:#000;}
.index-hotrank-lst-right dt i{
	font-style:normal;
	border:1px #636df5 solid;
	position:absolute;
	left:0;
	top:3px;
	text-align:center;
	display:inline-block;
	text-indent:0;
	font-size:14px;
	font-weight:bold;
	line-height:12px;
	width:30px;
	text-align:center;
	height:12px;
	padding-top:1px;
	display:inline-block;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.index-hotrank-lst-right dd{
	font-size:11px;
	color:#777;
	margin-top:3px;
}
.index-hotrank-lst-right li{
	width:100%;
	position:absolute;
	bottom:-2px;
	left:0;
}
.index-hotrank-lst-right-1{
	padding:0 4px;
	background:#f28331;
	font-size:10px;
	color:#fff;
	display:inline-block;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
}
.index-hotrank-lst-right-2{
	display:inline-block;
	color:#000;
	font-size:10px;
	line-height:18px;
	float:left;
	margin-left:5px;
	margin-top: -1px;
}
.index-hotrank-lst-right-2 span{
	font-size:16px;
	color:#000;
	font-weight:bold;
}
.index-hotrank-lst-right-2 span.fz10{
	font-size:14px;
	color:#000;
	font-weight:bold;
}
.index-hotrank-lst-right-3{
	float:left;
	font-size:12px;
	color:#999;
	line-height:18px;
	margin-top:1px;
	margin-left:5px;
}
.index-hotrank-lst-right-4{
	position:absolute;
	display:inline-block;
	font-size:12px;
	color:#fff;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #485cf4, #1da3fc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #485cf4, #1da3fc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #485cf4 , #1da3fc); /* 标准的语法 */
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	right:0;
	top:-14px;
	padding:5px 8px;
	box-shadow:0 1px 2px 0 #1aa8fc;
	-moz-box-shadow:0 1px 2px 0 #1aa8fc;
	-webkit-box-shadow:0 1px 2px 0 #1aa8fc;
}

.index-hotrank-lst-right-4 a{
	color:#fff;
}

/* index-new-course */
.index-new-course{
	width:100%;
	padding:25px 10px 17px;
}

.index-new-course-lst{
	width:100%;
}

.index-new-course-lst dl{
	width:47%;
	float:left;
	margin-left:6%;
	margin-top:17px;
}
.index-new-course-lst dl.ml0{
	margin-left:0;
}
.index-new-course-lst dl img{
	width:100%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.index-new-course-lst dt{
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:18px;
    letter-spacing: 0;
    font-weight: 400;
    overflow: hidden;
	height:36px;
	margin-top:6px;
	color:#000;
}
.index-new-course-lst dt a{
	font-size:14px;
	color:#000;
}
.index-new-course-lst dd{
	font-size:11px;
	color:#777;
	margin-top:10px;
}
.index-new-course-lst li{
	width:100%;
	position:relative;
	margin-top:5px;
}
.index-new-course-lst-1{
	padding:0 4px;
	background:#f28331;
	font-size:10px;
	color:#fff;
	display:inline-block;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
}

.index-new-course-lst-2{
	display:inline-block;
	color:#000;
	font-size:12px;
	line-height:16px;
	float:left;
	margin-left:3px;
	margin-top:-1px;
}
.index-new-course-lst-2 span{
	font-size: 16px;
    color: #000;
    font-weight: bold;
}
.index-new-course-lst-2 span.fz10{
	font-size:12px;
}
.index-new-course-lst-3{
	position:absolute;
	display:inline-block;
	font-size:11px;
	color:#fff;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #485cf4, #1da3fc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #485cf4, #1da3fc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #485cf4 , #1da3fc); /* 标准的语法 */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	right:0;
	top:-15px;
	padding:4px 6px;
	box-shadow:0 1px 2px 0 #1aa8fc;
	-moz-box-shadow:0 1px 2px 0 #1aa8fc;
	-webkit-box-shadow:0 1px 2px 0 #1aa8fc;
}
.index-new-course-lst-3 a{
	color:#fff;
}
.index-teacher{
	width:100%;
	padding:25px 10px 17px;
}
.index-teacher-lst{
	width:100%;
	margin-top:10px;
}
.index-teacher-lst dl{
	width:22%;
	margin-right:4%;
	float:left;
}
.index-teacher-lst dl.mr0{
	margin-right:0;
}
.index-teacher-lst dl img{
	width:100%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.index-teacher-lst dt{
	width:100%;
	text-align:center;
	margin-top:5px;
}
.index-teacher-lst dt a{
	font-size:14px;
	color:#000;
	font-weight:bold;
}
.index-teacher-lst dd{
	font-size:10px;
	line-height:14px;
	text-align:center;
	margin-top:3px;
}
.ggw1{
	width:100%;
	padding:6px 10px;
}
.ggw1 img{
	width:100%;
}

.ggw2{
	width:100%;
	padding-bottom:15px;
}
.ggw2 img{
	width:100%;
}

/* index-taocan */
.index-taocan{
	width:100%;
	padding:25px 10px 17px;
}
.index-taocan-lst{
	width:100%;
}

.index-taocan-lst dl{
	width:48%;
	float:left;
	margin-left:4%;
	margin-top:10px;
}
.index-taocan-lst dl.ml0{
	margin-left:0;
}
.index-taocan-lst dl img{
	width:100%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.index-taocan-lst dt{
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:18px;
    letter-spacing: 0;
    font-weight: 400;
    overflow: hidden;
	height:36px;
	margin-top:6px;
}
.index-taocan-lst dt a{
	font-size:14px;
	color:#000;
}
.index-taocan-lst dd{
	font-size:12px;
	color:#666;
	margin-top:0;
}
.index-taocan-lst dd span{
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.index-taocan-lst dd span.old-price{
	text-decoration: line-through;
	color:#999;
	font-size:10px;
}
.index-taocan-lst li{
	width:100%;
	position:relative;
	margin-top:0;
	font-size:10px;
	color:#999;
	line-height:10px;
}
.index-taocan-lst-1{
	position:absolute;
	display:inline-block;
	font-size:12px;
	color:#fff;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #485cf4, #1da3fc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #485cf4, #1da3fc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #485cf4 , #1da3fc); /* 标准的语法 */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	right:0;
	top:-14px;
	padding:5px 8px;
	box-shadow:0 1px 2px 0 #1aa8fc;
	-moz-box-shadow:0 1px 2px 0 #1aa8fc;
	-webkit-box-shadow:0 1px 2px 0 #1aa8fc;
}
.index-taocan-lst-1 a{
	color:#fff;
	font-size:10px;
}
/* index-live */
.index-live{
	width:100%;
	padding:25px 10px 17px;
}
.index-live-lst{
	margin-top:10px;
}
.index-live-lst-img{
	width:100%;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
}
.index-live-lst-img img{
	width:100%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.index-live-lst-img img.index-live-lst-img-play{
	width:70px;
	position:absolute;
	top:50%;
	margin-top:-35px;
	left:50%;
	margin-left:-35px;
	z-index:11;
}
.index-live-lst-img-opacity{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.4);
	z-index:10;
}
.index-live-lst-bt{
	width:100%;
	font-size:16px;
	margin-top:15px;
	font-weight:bold;
	color:#000;
}
.index-live-lst-fbt{
	text-align:left;
	font-size:12px;
	color:#666;
	margin-top:2px;
}

.index-openclass{
	width:100%;
	padding:25px 10px 17px;
}
.index-openclass-lst{
	width:100%;
}
.index-openclass-lst dl{
	width:48%;
	float:left;
	margin-left:4%;
	margin-top:17px;
}
.index-openclass-lst dl.ml0{
	margin-left:0;
}
.index-openclass-lst dl img{
	width:100%;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border:1px #f1f1f1 solid;	
}
.index-openclass-lst dt{
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:18px;
    overflow: hidden;
	color:#000;
	height:36px;
	margin-top:6px;
}
.index-openclass-lst dt a{
	color:#000;
}
.index-openclass-lst dd{
	font-size:10px;
	color:#777;
	margin-top:7px;
	line-height:1.3;
}
.index-openclass-lst li{
	width:100%;
	position:relative;
	margin-top:5px;
	font-size:10px;
	color:#777;
	line-height:10px;
}

.index-openclass-lst li span.right{
	float:right;
	color:#333;
	font-weight:bold;
}

/* live-bt */
.live-bt{
	width:100%;
}
.live-bt p{
	float:left;
	font-size:18px;
	line-height:18px;
	color:#333;
}
.live-bt p a{
	font-size:14px;
	line-height:18px;
	color:#666;
}

.live-bt p a.active{
	font-size:18px;
	line-height:18px;
	color:#333;
}


.live-bt i{
	float:left;
	font-size:14px;
	line-height:18px;
	color:#999;
	font-style:normal;
	margin:2px 6px 0;
}



.live-bt span{
	float:right;
	color:#999;
	font-size:12px;
	margin-top:3px;
}
.live-bt span img{
	width:11px;
	display:inline-block;
	margin-left:0;
	position:relative;
	top:3px;
	opacity:0.7;
	-moz-opacity:0.7;

}


.live-bt-center{
	width:100%;
	text-align:center;
}
.live-bt-center p{
	display:inline-block;
	font-size:18px;
	line-height:18px;
	color:#333;
}
.live-bt-center p a{
	font-size:14px;
	line-height:18px;
	color:#666;
}

.live-bt-center p a.active{
	font-size:18px;
	line-height:18px;
	color:#333;
}


.live-bt-center i{
	display:inline-block;
	font-size:14px;
	line-height:18px;
	color:#999;
	font-style:normal;
	margin:2px 6px 0;
}



/* live */
.live{
	width:100%;
	padding:25px 10px 17px;
}
.live-lst{
	margin-top:20px;
}
.live-lst-img{
	width:100%;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
}
.live-lst-img img{
	width:100%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.live-lst-img img.live-lst-img-play{
	width:70px;
	position:absolute;
	top:50%;
	margin-top:-35px;
	left:50%;
	margin-left:-35px;
	z-index:11;
}
.live-lst-img-opacity{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.4);
	z-index:10;
}
.live-lst-bt{
	width:100%;
	font-size:14px;
	margin-top:15px;
	font-weight:bold;
	color:#000;
}
.live-lst-fbt{
	text-align:left;
	font-size:12px;
	color:#666;
	margin-top:2px;
	position:relative;
}
.live-lst-fbt p{
	float:left;
	width:54%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.live-lst-fbt1{
	float:right;
	margin-right:74px;
	font-size:12px;
	line-height:14px;
}

.live-lst-fbt1 i{
	padding:0 4px;
	background:#f28331;
	font-size:10px;
	color:#fff;
	display:inline-block;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
	margin-right:10px;
	font-style:normal;
}
.live-lst-fbt1 span{
	font-size:12px;
	line-height:12px;
}
.live-lst-fbt1 span.price{
	font-size:18px;
	color:#000;
}
.live-lst-fbt1 span.mianfei{
	font-size:14px;
	color:#000;
}

.live-lst-fbt2{
	position:absolute;
	display:inline-block;
	font-size:12px;
	color:#fff;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #485cf4, #1da3fc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #485cf4, #1da3fc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #485cf4 , #1da3fc); /* 标准的语法 */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	right:0;
	top:-14px;
	width:64px;
	height:28px;
	line-height:28px;
	text-align:center;
	box-shadow:0 1px 2px 0 #1aa8fc;
	-moz-box-shadow:0 1px 2px 0 #1aa8fc;
	-webkit-box-shadow:0 1px 2px 0 #1aa8fc;
}
.live-lst-fbt2 a{
	display:block;
	color:#fff;
}

/****************************************/

.qing{display:block; clear:both;}
.center2{ width:92%;  display:block; margin-left:auto; margin-right:auto;}


.page{
	width:100%;
	text-align:center;
	margin-top:17px;
}
.page a,.page span{
	padding:2px 8px;
	border-radius:2px;
	border:1px #e5e5e5 solid;
	color:#666;
	margin:0 3px;
}
.page a:hover,.page span{
	border:1px #00a0e9 solid;
	color:#00a0e9;
}


/****************** teacher ****************************/
.teacher-lst{
	width:100%;
}
.teacher-lst dl{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top:17px;
	position:relative;
	height:114px;
	overflow:hidden;
}
.teacher-lst-left{
	width:130px;
	margin-right:10px;
	height:114px;
	overflow:hidden;
}
.teacher-lst-left img{
	width:100%;	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.teacher-lst-right{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	height:114px;
	overflow:hidden;
	position:relative;
}
.teacher-lst dt{
	position:relative;
	width:100%;
	text-indent:0;
	text-align:left;
	font-size:15px;
	line-height:20px;
    letter-spacing: 0;
    font-weight: 400;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
	color:#000;
}
.teacher-lst-right dt a{color:#000;}

.teacher-lst-right dd{
	position:relative;
	width:100%;
	text-indent:0;
	text-align:left;
	font-size:12px;
	line-height:18px;
    letter-spacing: 0;
    font-weight: 400;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
	color:#666;
	margin-top:5px;
}
.teacher-lst-right li{
	width:100%;
	position:absolute;
	bottom:-2px;
	left:0;
}
.teacher-lst-right-1{
	font-size:12px;
	color:#000;
	line-height:14px;
}
.teacher-lst-right-1 span{
	font-size:18px;
	color:#F28331;
	margin:0 2px;
}

.teacher-lst-right-2{
	position:absolute;
	display:inline-block;
	font-size:12px;
	color:#fff;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #485cf4, #1da3fc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #485cf4, #1da3fc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #485cf4 , #1da3fc); /* 标准的语法 */
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	right:0;
	top:-14px;
	padding:5px 8px;
	box-shadow:0 1px 2px 0 #1aa8fc;
	-moz-box-shadow:0 1px 2px 0 #1aa8fc;
	-webkit-box-shadow:0 1px 2px 0 #1aa8fc;
}

.teacher-lst-right-2 a{
	color:#fff;
}

.teacher-detail{
	width:100%;
	padding:20px 10px 17px;
}
.teacher-detail-1{
	width:100%;
	position:relative;
	background:#b3b3b3;
	border-radius:10px;
	overflow:hidden;
}
.teacher-detail-img{
	width:100%;
	border-radius:10px;
	text-align:center;
}
.teacher-detail-img img{
	border-radius:10px;
}
.teacher-detail-1s{
	width:100%;
	position:absolute;
	left:0;
	bottom:10px;
	padding:0 12px;
}
.teacher-detail-title{
	width:100%;
	font-size:15px;
	color:#fff;
}
.teacher-detail-title22{
	width:100%;
	font-size:17px;
	color:#fff;
}
.teacher-detail-ftitle{
	width:100%;
	font-size:12px;
	color:#fff;
	margin-top:3px;
}
.teacher-detail-num{
	width:100%;
	font-size:14px;
	color:#fff;
	margin-top:5px;
	line-height:14px;
}
.teacher-detail-num span{
	font-size:24px;
	color:#fff;
	margin:0 1px;
	position:relative;
	top:1px;
}
.teacher-detail-2{
	margin-top:20px;
}
.teacher-detail-2 .hd{
	width:100%;
	text-align:left;
	font-size:14px;
	color:#666;
}
.teacher-detail-2 .hd li{
	font-size:14px;
	color:#666;	
	display:inline-block;
    line-height: 18px;
}
.teacher-detail-2 .hd li.on{
	font-size:18px;
	color:#333;
	display:inline-block;
}
.teacher-detail-2 .bd{
	width:100%;
}
.teacher-detail-2 .bd ul{zoom:1;  }
.teacher-detail-2-text{
	padding:12px 0;
}



.apply-teacher{
	width:100%;
	padding:0 3%;
	box-sizing:border-box;
	margin-top:10px;
}
.apply-teacher a{
	display:block;
	background:#00a0e9;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:34px;
	border-radius:17px;
}

.apply-teacher-form{
	width:100%;
	padding:0 3%;
	box-sizing:border-box;
}
.apply_input{
	margin-top:10px;
	width:100%;
	padding:0 15px;
	box-sizing:border-box;
	background:#e7e7e7;
	height:34px;
	border-radius:17px;
}
.apply_textarea{
	margin-top:10px;
	width:100%;
	padding:5px 15px;
	box-sizing:border-box;
	background:#e7e7e7;
	height:90px;
	font-size:14px;
	border-radius:6px;	
}
.apply_submit{
	background:#00a0e9;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:34px;
	border-radius:17px;
	outline:none;
	width:100%;
	margin-top:6px;
}


/* 底部 */
.foot-height{
	width:100%;
	height:50px;
}

.foot-nav{
	bottom:0;
	left:0;
	z-index:10;	
	height:50px;
	position:fixed;
	z-index:6000;
	width:100%;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #485cf4, #1da3fc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #485cf4, #1da3fc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #485cf4 , #1da3fc); /* 标准的语法 */
}
.foot-nav-s{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	width:100%;
	height:50px;
	padding:3px 20px;
}
.foot-nav-s li{
	text-align:center; width:25%;
}
.foot-nav-s li.bf50{
	text-align:center; width:50%;
}
.foot-nav-s li img{
	width:18px;
	display:inline-block;
	margin-top:3px;
}
.foot-nav-s li p{
	font-size:14px;
	color:#fff;
	margin-top:0;
}

/* .index-coupon */
.index-coupon{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1100;
}
.index-coupon-opacity{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	z-index:1101;
	top:0;
	left:0;
}
.index-coupon-s{
	width:270px;
	height:370px;
	top:50%;
	left:50%;
	margin-top:-210px;
	margin-left:-135px;
	background:#EE4435;
	position:absolute;
	z-index:1102;
	border-radius:6px;
	overflow:visible;
	box-sizing:border-box;
	padding:0 10px;
}
.index-coupon-top{
	width:100%;
	height:200px;
	background:url(../images/coupon-bg.png) center center no-repeat;
	box-sizing: border-box;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:0 10px;
	position:relative;
}
.index-coupon-top p{
	text-align:center;
	font-size:14px;
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	box-sizing: border-box;
	padding:0 10%;
	color:#f60;
	line-height:20px;
}
.index-coupon-s1{
	position:absolute;
	top:166px;
	text-align:center;
	left:0;
	width:100%;
}
.index-coupon-s1 img{
	width:70px;
	height:68px;
	display:inline-block;
	border-radius:50%;
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;;
}
.index-coupon-s1 img:active{
	transform:rotateY(360deg);;
	-ms-transform:rotateY(360deg); 	/* IE 9 */
	-moz-transform:rotateY(360deg); 	/* Firefox */
	-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
	-o-transform:rotateY(360deg); 	/* Opera */
}
.index-coupon-s2{
	width:100%;
	text-align:center;
	color:#fff;
	font-size:14px;
	margin-top:46px;
	display:none;
}
.index-coupon-lst{
	width:100%;
	text-align:center;
	color:#fff;
	font-size:14px;
	box-sizing: border-box;
	padding:0 10%;	
	position:absolute;
	left:0;
	bottom:40px;
}
.index-coupon-lst a{
	display:inline-block;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#EE4435;
	text-align:center;
	background:#fff;
	border-radius:5px;
}

.index-coupon-bottom{
	position:absolute;
	left:0;
	bottom:10px;
	text-align:center;
	color:#FFACAC;
	font-size:12px;
	width:100%;
}
.close-coupon{
	width:100%;
	position:absolute;
	left:0;
	top:auto;
	bottom:-36px;
	text-align:center;
}
.close-coupon img{
	width:28px;
	height:28px;
	vertical-align:top;
	margin-top:0;
	display:inline-block;
}

/* teachers */
.teachers-lst222{
	width:100%;
	float:left;
	margin-top:-5px;
}
.teachers-lst222 dl{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top:23px;
	position:relative;
	height:118px;
	overflow:hidden;
}
.teachers-lst-left222{
	width:100px;
	margin-right:10px;
	overflow:hidden;
}
.teachers-lst-left222 img{
	width:100%;	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.teachers-lst-right222{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	height:118px;
	overflow:hidden;
	position:relative;
}
.teachers-lst-right222 dt{	
	position: relative;
    width: 100%;
    text-indent: 0;
    text-align: left;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    -webkit-line-clamp: 2;
    overflow: hidden;
	max-height:40px;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    color: #000;
}
.teachers-lst-right222 dd{
	position: relative;
    width: 100%;
    text-indent: 0;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 400;
    -webkit-line-clamp: 2;
	max-height:36px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    color: #666;
    margin-top: 5px;
}
.teachers-lst-right222 li{
	width:100%;
	margin-top:7px;
	text-align:left;
	float:left;
	height:20px;
	overflow:hidden;
}
.teachers-lst-right222 li i{
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 400;
    color: #333;
	display:inline-block;
	margin-left:5px;
	padding:1px 4px 1px 4px;
	background:#f4f4f4;
	font-style: normal;
	float:left;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.teachers-lst-right222 li i.ml0{
	margin-left:0;
}
.teachers-lst-right-bottom222{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.teachers-lst-right-bottom222 img{
	display:inline-block;
	margin-top:2px;
}
.teachers-lst-right-bottom222 p{
	display:inline-block;
}
.teachers-lst-right-bottom222 span{
	font-size: 16px;
    color: #000;
	position:absolute;
	right:0;
}

.current-month{
	width:100%;
	margin-top:5px;
	text-align:center;
	font-size:15px;
	color:#333;
}
.msdetail-day{
	width:100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	margin-top:10px;
}
.msdetail-day li{
	width:14.25%;
	text-align:center;
	padding:0 1%;
}
.msdetail-day li p{
	font-size:11px;
}

.msdetail-day li span{
	font-size:10px;
	line-height:1;
	display:block;
	margin-top:5px;
	background:none;
	border:1px #d5d5d5 solid;   
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	height:43px;
	box-sizing:border-box;
	padding:5px 0 4px;
}
.msdetail-day li span.has{
	background:#d5d5d5;
	line-height:32px;
}
.msdetail-day li span.span-checked{
	color:#fff;
	background:#f28331;
}
.linesss{
	font-size:14px;
}
/* .hot-sell2 */
.ask-teachers-height{
	height:60px;
}
.ask-teachers{
	width: 100%;
    background: #fff;
	padding:5px 10px;
	box-sizing: border-box;
    position: fixed;
    bottom: 0;
	left:0;
    z-index: 501;
	border-top:1px #f4f4f4 solid;
	display: flex;
}
.ask-teacher{
	display:flex;	
	flex-flow:row nowrap ;
	justify-content:space-between;
	align-items:center ;
	width:100%;
}

.ask-teacher-1{
	width:30px;
	text-align:center;
	font-size:10px;
	color:#999;
	margin-right:20px;
}
.ask-teacher-1 img{
	
}
.ask-teacher-2{
	width:40%;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	height:39px;
	line-height:39px;
	border-radius:5px;
	margin-left:10px;
	border-radius:3px;
	overflow:hidden;
}
.ask-teacher-2 a.gray{
	display:block;
	font-size:16px;
    color: #f28331;
    background: #c3c3c3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;	
    box-shadow: 0 1px 2px 0 #1aa8fc;
    -moz-box-shadow: 0 1px 2px 0 #1aa8fc;
    -webkit-box-shadow: 0 1px 2px 0 #1aa8fc;
	  background: -webkit-linear-gradient(left, #b3b3b3 , #d9d9d9);
    background: -o-linear-gradient(right, #b3b3b3, #d9d9d9);
    background: -moz-linear-gradient(right, #b3b3b3, #d9d9d9);
    background: linear-gradient(to right, #b3b3b3 , #d9d9d9);
}
.ask-teacher-2 a.blue{
	display:block;
	font-size:16px;
    color: #fff;
    background: -webkit-linear-gradient(left, #485cf4 , #1da3fc);
    background: -o-linear-gradient(right, #485cf4, #1da3fc);
    background: -moz-linear-gradient(right, #485cf4, #1da3fc);
    background: linear-gradient(to right, #485cf4 , #1da3fc);
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;	
    box-shadow: 0 1px 2px 0 #1aa8fc;
    -moz-box-shadow: 0 1px 2px 0 #1aa8fc;
    -webkit-box-shadow: 0 1px 2px 0 #1aa8fc;
}

.online-tels{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(30,30,30,0.4);
	z-index:600;	
	display:none;
}
.online-tel{
	width:84%;
	height:210px;
	position:absolute;
	top:50%;
	margin-top:-105px;
	left:50%;
	margin-left:-42%;
	border:1px #ccc solid;
	box-sizing:border-box;
	padding:20px;
	background:#fff;	
	border-radius:5px;
}
.close-online-tel{
	position:absolute;
	top:15px;
	right:15px;
	border-radius:50%;
	width:22px;
	height:22px;
	text-align:center;
}
.online-tel-title{
	width:100%;
	text-align:center;
	font-size:16px;
	color:#333;
}
.online-tel-btn{
	width:90%;
	border:2px #ccc solid;
	padding:8px 20px 8px 0;
	box-sizing:border-box;
	margin-top:15px;
	display:flex;	
	flex-flow:row nowrap ;
	justify-content:space-between;
	align-items:center ;
	width:100%;
}
.online-tel-btn-left{
	width:140px;
	float:left;
	text-align:center;
}
.online-tel-btn-left p{
	font-size:14px;
	color:#333;
}
.online-tel-btn-left span{
	font-size:14px;
	color:#333;
	font-weight:bold;
}
.online-tel-btn a{
	width:90px;
	float:right;
	height:30px;
	line-height:30px;
	display:block;
	text-align:center;
	font-size:14px;
    color: #fff;
    background: -webkit-linear-gradient(left, #485cf4 , #1da3fc);
    background: -o-linear-gradient(right, #485cf4, #1da3fc);
    background: -moz-linear-gradient(right, #485cf4, #1da3fc);
    background: linear-gradient(to right, #485cf4 , #1da3fc);
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
    box-shadow: 0 1px 2px 0 #1aa8fc;
    -moz-box-shadow: 0 1px 2px 0 #1aa8fc;
    -webkit-box-shadow: 0 1px 2px 0 #1aa8fc;
}
.online-tel-tips{
	width:100%;
	margin-top:10px;
	text-align:center;
	font-size:12px;
	color:#666;
}

.changeday-top{
	width:100%;
	box-sizing:border-box;
	padding:10px 15px;
}
.changeday-top-content{
	display:flex;	
	flex-flow:row nowrap ;
	justify-content:space-between;
	align-items:center ;
	width:100%;
	background:url(../images/icon-bg.jpg) left center repeat-x;
}
.changeday-top-content li{
	width:15%;
	padding:8px 0;
	background:#f4f4f4;
	color:#666;
	text-align:center;
	border-radius:6px;
	font-size:12px;
}
.changeday-top-content li.now{
	background:#454545;
	color:#fff;
}
.changeday-top-content li p{
	line-height:1.4;
}
.consultation{
	width:100%;
	box-sizing:border-box;
	padding:10px 15px;
}
.consultation span{
	display:inline-block;
	margin-left:15px;
	background:#f4f4f4;
	padding:2px 10px;
}
.teacher-detail-pt0{
	padding-top:0;
}
.teacher-detail-2-mt0{
	margin-top:0;
}



.change-day-foot{
	width: 100%;
    background: #fff;
	padding:5px 10px;
	box-sizing: border-box;
    position: fixed;
    bottom: 0;
	left:0;
    z-index: 501;
	border-top:1px #e5e5e5 solid;
	display: flex;
}
.change-day-foots{
	display:flex;	
	flex-flow:row nowrap ;
	justify-content:space-between;
	align-items:center ;
	width:100%;
}

.change-day-ask{
	width:30px;
	text-align:center;
	font-size:10px;
	color:#999;
	margin-right:20px;
}
.change-day-asj img{
	
}
.change-day-btn{
	flex:auto;
	text-align:center;
	background:#00a0e9;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	height:39px;
	line-height:39px;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc);
    background: -o-linear-gradient(right, #485cf4, #1da3fc);
    background: -moz-linear-gradient(right, #485cf4, #1da3fc);
    background: linear-gradient(to right, #485cf4 , #1da3fc);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 2px 0 #1aa8fc;
    -moz-box-shadow: 0 1px 2px 0 #1aa8fc;
    -webkit-box-shadow: 0 1px 2px 0 #1aa8fc;
}
.change-day-btn a{
	color:#fff;
	display:block;
}

.subscribe-title{
	width:100%;
	box-sizing:border-box;
	padding:6px 15px;
	font-size:16px;
	background:#F4F4F4;
}
.subscribe-title span{
	position:relative;
	top:3px;
	margin-right:5px;
}
.subscribe-form{
	width:100%;
}
.subscribe-form li{
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:8px 15px;
	background:#fff;
	border-bottom:1px #F4F4F4 solid;
}
.subscribe-form li label{
	float:left;
}
.input-sub-1{
	float:right;
	text-align:right;
	border:0;
	outline:none
}
.sub-question{
	width:100%;
	box-sizing:border-box;
	padding:8px 15px;
	float:left;
}
.sub-question-title{
	width:100%;
	float:left;
}
.text-sub-1{
	border:1px #c3c3c3 solid;
	background:#f4f4f4;
	width:100%;
	box-sizing:border-box;
	padding:6px 5px;
	float:left;
	margin-top:8px;
	height:116px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.sub-confirm{
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:5px 15px;
}
.checkbox-sub-1{
	float:left;
	position:relative;
	top:2px;
	-webkit-appearance: checkbox;
	width:12px;
	height:12px;
}
.sub-confirm p{
	float:left;
	margin-left:5px;
	font-size:11px;
}
.sub-confirm p a{
	color:#EC6A85;
}

.confirm-infos{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(30,30,30,0.4);
    z-index: 600;
    display: none;
}

.confirm-info{
	width:80%;
	position:absolute;
	top:120px;
	left:50%;
	margin-left:-40%;
	border:1px #ccc solid;
	border-radius:5px;
	background:#fff;
	padding-top:20px;
	box-sizing:border-box;
}
.confirm-info-close{
	position:absolute;
	top:15px;
	right:15px;
}
.confirm-info-title{
	width:100%;
	text-align:center;
	font-size:16px;
	color:#000;
	margin-bottom:5px;
}
.confirm-info-data{
	width:100%;
	position:relative;
	box-sizing:border-box;
	padding:0 15px;
}
.confirm-info-data li{
	width:100%;
	float:left;
	margin-top:5px;
}
.confirm-info-data li p{
	width:60px;
	float:left;
	margin-right:15px;
	text-align:right;
}

.time_slot_lst{
	width:150px;
	float:left;
}
.time_slot_lst span{
	display:block;
}
.confirm-edit-second{
	width:100%;
	height:40px;
	border-top:1px #d5d5d5 solid;
	margin-top:10px;
}
.confirm-edit{
	width:50%;
	float:left;
	text-align:center;
	height:40px;
	line-height:40px;
	border-right:1px #d5d5d5 solid;
	box-sizing:border-box;
}
.confirm-edit a{
	color:#999;
}
.confirm-second{
	width:50%;
	float:left;
	text-align:center;
	height:40px;
	line-height:40px;
}
.confirm-second a{
	color:#000;
}

.confirm-order-title{
	width:100%;
	margin-top:10px;
	font-size:18px;
	color:#000;
	font-weight:bold;
	box-sizing:border-box;
	padding:0 15px;
}

.confirm-data{
	width:92%;
	margin:10px auto 0;
	-moz-box-shadow:  0 0 8px #ccc;
	box-shadow: 0 0 8px #ccc;
	border-radius:8px;
	box-sizing:border-box;
	padding:15px 15px 20px;
}
.confirm-data-1{
	color:#999;
}
.confirm-data-2{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top:7px;
	position:relative;
	overflow:hidden;
	flex-flow:row;
	align-items:center ;
	
}
.confirm-data-2-left{
	width:75px;
	margin-right:10px;
	overflow:hidden;
}
.confirm-data-2-left img{
	width:100%;	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.confirm-data-2-right{
	flex:1;
	height:88px;
	overflow:hidden;
	position:relative;
}
.confirm-data-2-right p{
	width:100%;
	text-align:left;
	font-size:15px;
	line-height:20px;
    letter-spacing: 0;
    font-weight: 400;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
	color:#000;
	margin-top:50px;
}
.confirm-data-2-right span{
	display:block;
}

.confirm-data-3{
	width:100%;
	margin-top:10px;
}
.confirm-data-3 span{
	color:#999;
	display:block;
}
.confirm-data-3 p{
	color:#333;
}

.order-result{
	width:92%;
	margin:10px auto 0;
	-moz-box-shadow:  0 0 8px #ccc;
	box-shadow: 0 0 8px #ccc;
	border-radius:8px;
	box-sizing:border-box;
	padding:15px 20px 20px;
}

.order-result-1{
	width:100%;
	margin-top:10px;
}
.order-result-1 span{
	color:#999;
	display:block;
}
.order-result-1 p{
	color:#333;
}
.order-result-2 {
	text-align:center;
	border-bottom:1px #ccc dashed;
}
.order-result-2 span{
	text-align:left;
}
.order-result-2 p{
	text-align:left;
	font-size:12px;
	color:red;
}
.order-result-2 img{
	display:inline-block;
	margin:5px 0;
}

/*****************************************jf-shop************************************/
.jf-shop-top{
	background:#f1f1f1;
}
.jf-shop-tops{
	height: 140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    color: #fff;
    padding-top: 45px;
    position: relative;
    margin-bottom: 34px;
	background: -webkit-linear-gradient(top, #4d70ee , #5c96e8); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #4d70ee, #5c96e8); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #4d70ee, #5c96e8); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #4d70ee , #5c96e8); /* 标准的语法 */
}
.jf-shop-topsx{
	opacity: .8;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1;
	width:100%;
}
.jf-shop-topsx-money{
	font-size: 24px;
    color: #fff;
    line-height: 24px;
	margin-top:10px; font-weight: bold;
}


.jf-shop-link{
	position: absolute;
    background: #fff;
    box-shadow: 0 2px 6px 0 #999999;
    border-radius: 6px;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    height: 60px;
    bottom: -25px;
    font-size: 16px;
    color: #00a0e9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.jf-shop-link li {
    text-align: center;
    width: 33.33333%;
}
.jf-shop-link li  img{
	width:22px;
	display:inline-block;
}
.jf-shop-link li p{
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:1; margin-top:5px;
}
.jf-shop-title{
	padding: 10px 10px 0px 10px;
    position: relative;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    font-weight: bold;
}
.jf-shop-ftitle{
	color:#999;
	font-size:12px;
	margin-top:5px;
	padding: 0 10px;
	padding-bottom:15px;
}
.jf-shop-list{
	padding: 0 10px; margin-top:-13px;
	width:100%;
	background:#f1f1f1;
}
.jf-shop-list dl{
	width:48%;
	float:left;margin-left:4%;
	margin-top:15px;
	border-radius:5px;
	padding:15px;
	background:#fff;
}
.jf-shop-list dl.ml0{
	margin-left:0;
}
.jf-shop-list dl dt { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
	margin-top:10px;
}
.jf-shop-list dl dt a{
	font-size:15px;
	color:#000;
}
.jf-shop-list dl dd {
	margin-top:3px;
	font-size:12px;
	color:#666;
}
.jf-shop-list dl li {
	font-size:14px;
	color:#666;
	font-size:12px;
	color:#ED7043;
}
.jf-shop-list dl li  span{
	font-size:20px;
	margin-right:4px;  font-weight: bold;
}
.jf-shop-list dl button{
	width:80%;
	margin:6px 10% 0;
	height:30px;
	line-height:30px;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #485cf4, #1da3fc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #485cf4, #1da3fc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #485cf4 , #1da3fc); /* 标准的语法 */
	border-radius:20px;
	color:#fff;
	
	
	
		

	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	right:0;


	box-shadow:0 1px 2px 0 #1aa8fc;
	-moz-box-shadow:0 1px 2px 0 #1aa8fc;
	-webkit-box-shadow:0 1px 2px 0 #1aa8fc;
	
	
}
.jf-shop-list dl button a{
	color:#fff; font-size:14px;
}

.jfdetail-img{
	width:100%; text-align:center
}
.jfdetail-img img{
	width:80%;
}

.jfdetail-1{
	width:100%;
	padding:10px 15px;
	background:#fff;
}
.jfdetail-1 p{
	font-size:18px;
	font-weight:bold;
	color:#000;
}
.jfdetail-1 li{
	width:100%;
	font-size:14px;
	color:#FF4610;
}
.jfdetail-1 li span{
	font-size:20px;
	margin-right:6px;
}

.jfdetail-1 li label{
	color:#999;
	margin-left:6px;
	display:inline-block;
	text-decoration:line-through;
}
.jfdetail-content{
	width:100%;
	padding:10px 15px;
}
.jfdetail-title{
	font-size:16px;
	color:#333;
}
.jfdetail-text{
	width:100%;
	font-size:14px;
	line-height:1.6;
}
.jfdetail-height{
	width:100%;
	height:50px;
}
.jfdetail-next{
	width:100%;
	padding:7px 0;
	text-align:center;
	position:fixed;
	left:0;
	bottom:0;
	background:#fff;
	box-shadow:inset 0 1px 1px #f1f1f1;
}
.jfdetail-next a{
	display:inline-block;
	width: 70%;
    height: 36px;
    line-height: 36px;
    background: -webkit-linear-gradient(left, #485cf4 , #1da3fc);
    background: -o-linear-gradient(right, #485cf4, #1da3fc);
    background: -moz-linear-gradient(right, #485cf4, #1da3fc);
    background: linear-gradient(to right, #485cf4 , #1da3fc);
    border-radius: 18px;
    color: #fff;
}

.comfirm-exchange{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:rgba(0,0,0,0.4);
	display:none;
}
.comfirm-exchanges{
	width:70%;
	left:15%;
	position:absolute;
	height:128px;
	top:50%;
	margin-top:-64px;
	background:#fff;
	border-radius:4px;
}
.confirm-ex-title{
	width:100%;
	text-align:center;
	font-size:18px;
	margin-top:20px;
	line-height:1;
}
.confirm-ex-title span{
	color:#ff4610;
}
.confirm-ex-ftitle{
	width:100%;
	text-align:center;
	color:#999;
	margin-top:15px;
	line-height:1;
}
.comfirm-ex-btn{
	width:100%;
	height:40px;
	border-top:1px #f1f1f1 solid;
	margin-top:20px;
}
.comfirm-ex-btn a{
	width:50%;
	float:left;
	text-align:center;
	line-height:40px;
	box-sizing:border-box;
}
.comfirm-ex-btn a.cancel{
	border-right:1px #f1f1f1 solid;
}
.jf-sure-top{
	width:100%;
	padding:25px 0;
	font-size:18px;
	color:#000;
	font-weight:bold;
	line-height:22px;
	text-align:center;
}
.jf-sure-top img{
	width:22px;
	display:inline-block;
	margin-right:10px;
}
.jf-sure-goods{
	width:100%;
}
.jf-sure-goods-1{
	width:100%;
	padding:20px 10px 20px;
	border-bottom:1px #f1f1f1 solid;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.jf-sure-goods-1 img{
	width:100px;
	display:inline-block;
	float:left;
	margin-right:10px;
}
.jf-sure-goods-1 p{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.jf-sure-goods-2{
	width:100%;
	padding:10px 10px;
}
.jf-sure-goods-2 li {
	width:100%;
	line-height:26px;
}
.jf-sure-goods-2 li span{
	color:#ff4610;
}
.jfexchange-title{
	width:100%;
	padding:10px 10px;
	background:#fff;
	font-size:18px;
	color:#000;
}
.jfexchange-list{
	width:100%;
}
.jfexchange-list li{
	width:100%;
	padding:10px;
	background:#fff;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin-top:8px;
}
.jfexchange-list li img{
	width:100px;
	display:inline-block;
	float:left;
	margin-right:10px;
}
.jfexchange-list li p{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.jfexchange-list li span{
	width:80px;
	float:right;
}
.jfhistory-tab{
	width:100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	font-size:16px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	height:40px;
	padding:6px;
}
.jfhistory-tab li{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; font-size:18px;
	line-height:30px; color:#000000; font-weight:bold;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.jfhistory-tab li.line{
	border-right:1px #f1f1f1 solid;
}
.jshistory-list{
	width:100%;
	box-shadow:inset 0 1px 1px #f1f1f1;
	padding:0 10px;
}
.jshistory-list dl{
	width:100%;
	border-bottom:1px #f1f1f1 solid;
	padding:8px 0;
}
.jshistory-list dl dt{
	width:100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	font-size:16px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.jshistory-list dl dt p{
	font-size:16px;
	color:#555555;
}
.jshistory-list dl dt span{
	font-size:16px;
	color:#ff4610;
}
.jshistory-list dl dd{
	width:100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	font-size:16px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.jshistory-list dl dd p{
	font-size:12px;
	color:#aaaaaa;
}
.jshistory-list dl dd span{
	font-size:12px;
	color:#aaaaaa;
}
.jfintroduce-list{
	width:100%;
	position:relative;
	margin-top:-62px;
}
.jfintroduce-list li{
	width:80%;
	margin-left:10%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border-radius:6px;
	background:#fff;
	padding:12px;
	margin-top:15px;
}
.jfintroduce-list li img{
	width:24px;
	float:left;
	margin-right:10px;
}
.jfintroduce-list li p{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	font-size:16px;
	color:#000;
}
.jfintroduce-list li p a{
	
	color:#000;
}
.jfintroduce-list li span{
	width:86px;
	height:30px;
	border:1px #ff4610 solid;
	border-radius:16px;
	color:#ff4610;
	line-height:30px;
	display:inline-block;
	text-align:center;
	float:right;
	margin-left:10px;
}


.add-order-info{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background:rgba(0,0,0,0.4);
	display:none;
}
.add-order-info-x{
	width:80%;
	left:10%;
	position:absolute;
	height:199px;
	top:50%;
	margin-top:-100px;
	background:#fff;
	border-radius:4px;
	padding:15px 0;
	box-sizing:border-box;
}
.add-order-info-title{
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:1;
}
.add-order-info-form{
	width:100%;
}
.add-order-info-form li{
	width:100%;
	padding:0 15px;
	float:left;
	margin-top:10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.add-order-info-form li.padding-0{
	/* padding:0; */
}
.add-order-info-form li label{
	width:44px;
	float:left;
	text-align:right;
	line-height:30px;
}
.input-order-1{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	height:30px;
	box-sizing:border-box;
	padding:0 10px;
	border:1px #ccc solid;
	border-radius:5px;
}
.btn-order{
	width:50%;
	float:left;
	height:36px;
	line-height:36px;
	text-align:center;
	border:0;
	background:#f1f1f1;
}
.submit-order-1{
	width:50%;
	float:right;
	text-align:center;
	height:36px;
	border:0;
	color:#fff;
	line-height:36px;
	background: -webkit-linear-gradient(left, #485cf4 , #1da3fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #485cf4, #1da3fc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #485cf4, #1da3fc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #485cf4 , #1da3fc); /* 标准的语法 */
}

.msdetail-warning{
	width:100%;
	margin-top:10px;
}


.select-7 {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    margin-top: 10px;
    border: 1px #ccc solid;
}

.ggwindex9{width: 100%;
	padding: 25px 10px 17px;}
.ggwindex9 img{ width: 48%; float: left;    -webkit-border-radius: 7px; margin-bottom: 20px;}
.ggwindex9 img.rrr879{ width: 48%; float: right;}