*{ margin:0; padding:0; border:0; border:none;font-family:'FZLTHJW',"Microsoft YaHei";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}

::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1200px;margin: 0 auto;}
.con{ display:none;}
html {

	overflow-y: scroll;

}
.container{
	background: #f0f0f2;
	padding-bottom: 50px;
}
.header{
	width: 100%;
	height: 60px;
	line-height: 60px;
	box-shadow: 0 0px 10px #55a6a8;
	margin-bottom: 21px;
	background: -webkit-linear-gradient(left,#61c9a9,#4982a5); /* Safari 5.1 - 6 */
	background: -o-linear-gradient(right,#61c9a9,#4982a5); /* Opera 11.1 - 12*/
	background: -moz-linear-gradient(right,#61c9a9,#4982a5); /* Firefox 3.6 - 15*/
	background: linear-gradient(to right,#61c9a9,#4982a5); /* 标准的语法 */
}
.header .common{
	position: relative;
}
.header .common .logo{
	position: absolute;
	left: 0;
	top: 12px;
	width: 257px;
	height: 30px;
	background: url(../img/OnlineSchoolLogo.png) top center no-repeat;
	cursor: pointer;
}
.header .common .topnav{
	padding-left: 294px;
}
.header .common .topnav .pg_nav>a{
	color: #fff;
	font-size: 16px;
	margin:0 21px;
}
.header .common .topnav .font>a,.price_bold,.name_bold{
	font-weight: bold;
}
.header .common .topnav .pg_nav{
	position: relative;
}
.header .common .topnav .pg_nav .bottom_line{
	position: absolute;
	bottom: 0;
	left: 35px;
	width: 38px;
	height: 4px;
	border-radius: 2px;
	background: #fff;
	display: none;
}
.header .common .login{
	cursor: pointer;
	display: block;
	width:168px;
	position: absolute;
	top: 0;
	right: 0;
	height: 60px;
	line-height: 60px;
}
.learn_record{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 195px;
	color: #ffffff;
}
.learn_record a{
	color: #ffffff!important;
}
.record_icon{
	margin-right: 10px;
}
.header .common .connection{
	width: 168px;
	height: 15px;
	position: absolute;
	right: -2px;
	top: 60px;
	z-index: 10;
}
.header .common .login .hide{
	display: none;
}
.header .common .Personal_information{
	right: 0;
	top: 70px;
	z-index: 10;
	position: absolute;
	padding: 15px 5px 20px 5px;
	width: 156px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px #d9d9d9;
}
.Learning_records{
	left: 0;
	top: 70px;
	z-index: 10;
	position: absolute;
	padding: 15px 5px 30px 5px;
	width: 265px;
	font-size: 12px;
	line-height: normal;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px #d9d9d9;
}
.header .common .Personal_information>a{
	display: inline-block;
	margin: 5px 15px;
	width: 48px;
	font-size: 12px;
	line-height: 12px;
	color: #b9c2c8;
}
.header .common .Personal_information>a:hover{
	color: #343c49;
}
.header .common .Personal_information .top_round{
	position: absolute;
	top: -7px;
	right: 18px;
	width: 16px;
	height: 7px;
	background: url(../img/top_round.png) top center no-repeat;
}
.Learning_records .top_round{
	position: absolute;
	top: -7px;
	left: 18px;
	width: 16px;
	height: 7px;
	background: url(../img/top_round.png) top center no-repeat;
}
.header .common .Personal_information .exit{
	cursor: pointer;
	width:126px;
	height: 24px;
	line-height: 24px;
	text-align:center;
	border-radius: 4px;
	background: #68c0df;
	color: #fff;
	font-size: 12px;
	margin:10px auto 0;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
}
.header .common .login .login_img{
	width:40px;
	height: 40px;
	margin-top: 10px;
	background: url(../img/avatars.png) top center no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	display: block;
}
.header .common .login .login_num{
	font-size: 14px;
	color: #fff;
	text-indent: 10px;
}
.header .common .login .login_open{
	width: 12px;
	height: 6px;
	margin-top: 27px;
	background: url(../img/open.png) top center no-repeat;
}
.content .leftsidebar{
	width: 160px;
	padding-top: 18px;
	padding-bottom: 18px;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 30px;
}
.content .leftsidebar>a{
	display: block;
	margin-left: 38px;
}
.content .leftsidebar .mine .content1{
	text-indent: 14px;
	font-size: 14px;
	color: #b9c2c8;
}
.content .leftsidebar .mine{
	position: relative;
}
.content .leftsidebar .mine .down_line{
	top: -5px;
	left: -38px;
	position: absolute;
	width: 4px;
	height: 30px;
	border-radius: 2px;
	background: #59b2a8;
	box-shadow: 4px 0 6px rgba(56,188,164,0.4);
}
.content .leftsidebar .mine .content1:hover{
	color: #343c49;
	font-weight: bold;
}
.content .common .leftsidebar .down .content1{
	color: #343c49;
	font-weight: bold;
}
.content .common .leftsidebar .mine .content2{
	text-indent: 16px;
}
.content .leftsidebar .my_class_logo{
	width: 11px;
	height: 14px;
	margin-top:3px;
	background: url(../img/my_class_logo.png) top center no-repeat;
}
.content .leftsidebar .agreement_logo{
	width: 14px;
	height: 14px;
	margin-top:3px;
	background: url(../img/agreement_logo.png) top center no-repeat;
}
.content .leftsidebar .mail_logo{
	width: 14px;
	height: 11px;
	margin-top:3px;
	background: url(../img/mail_logo.png) top center no-repeat;
}
.content .leftsidebar .order_logo{
	width: 13px;
	height: 14px;
	margin-top:3px;
	background: url(../img/order_logo.png) top center no-repeat;
}
.content .leftsidebar .juan_logo{
	width: 14px;
	height: 10px;
	margin-top:5px;
	background: url(../img/juan_logo.png) top center no-repeat;
}
.content .leftsidebar .record_logo{
	width: 14px;
	height: 11px;
	margin-top:5px;
	background: url(../img/record_logo.png) top center no-repeat;
}
.content .leftsidebar .server_logo{
	width: 14px;
	height: 14px;
	margin-top:3px;
	background: url(../img/server_logo.png) top center no-repeat;
}
.content .leftsidebar>a{

}
.content .leftsidebar>a:nth-child(2),
.content .leftsidebar>a:nth-child(4),
.content .leftsidebar>a:nth-child(6){
	margin-top: 18px;
	margin-bottom: 18px;
}
.content .leftsidebar>a:nth-child(1),
.content .leftsidebar>a:nth-child(3),
.content .leftsidebar>a:nth-child(5){
	padding-bottom: 18px;
	border-bottom: 1px solid #f0f0f2
}
.leftsidebar_app{
	display: block;
	position: relative;
	width: 160px;
	height: 50px;
	line-height: 50px;
	border-radius: 8px;
	background: #fff;
	margin: 10px 0;
	font-size: 14px;
	color: #353c49;
	text-indent: 43px;
}
.leftsidebar_app>div{
	position: absolute;
	top: 16px;
	left: 19px;
	width: 18px;
	height: 18px;
}
.leftsidebar_app .app_logo{
	background: url(../img/app_logo.png) top center no-repeat;
}
.leftsidebar_app .app_show{
	z-index: 10;
	display: none;
	text-align:center;
	position: absolute;
	top: -27px;
	left: 173px;
	width: 265px;
	height: 143px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 12px #d9d9d9;
}
.leftsidebar_app .bank,
.leftsidebar_app .assistant{
	width: 110px;
}
.leftsidebar_app .round{
	display: none;
	position: absolute;
	top: 6px;
	left: 165px;
	width: 8px;
	height: 20px;
	background: url(../img/round_left.png) top center no-repeat;
}
.leftsidebar_app .connection{
	width: 14px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 160px;
}
.leftsidebar_app .app_show .app_img{
	text-indent: 0;
	width: 90px;
	height: 90px;
	margin:10px 10px 6px 10px;
}
.leftsidebar_app .app_show .app_img>img{
	width: 100%;
	height: 100%;
}
.leftsidebar_app .app_show .left_app>p{
	text-indent: 0px;
	text-align: center;
	line-height: 14px;
	font-size:12px;
	color: #1b2026;
}
.leftsidebar_app .app_show .right_introduce{
	text-indent: 20px;
	font-size: 12px;
	line-height: 12px;
	text-align:left;
	margin-top: 2px;
}
.leftsidebar_app .app_show .right_introduce .p1{
	position: relative;
	margin: 10px 0;
	color: #1b2026;
}
.leftsidebar_app .app_show .right_introduce .p1>img{
	position: absolute;
	width: 12px;
	height: 14px;
	top: -2px;
	left: 0;
}
.leftsidebar_app .app_show .right_introduce .p2{
	margin-bottom: 6px;
	color: #898d92
}
.leftsidebar_app .app_show .right_introduce .instructions{
	color: #68c0df;
	line-height: 12px;
}
.leftsidebar_app .download_logo{
	background: url(../img/download_logo.png) top center no-repeat;
}
.leftsidebar_app .assistant_logo{
	background: url(../img/assistant_logo.png) top center no-repeat;
}
.leftsidebar_app .bank_logo{
	background: url(../img/bank_logo.png) top center no-repeat;
}
.content .content_center{
	margin: 0 20px;
}
#nwntop_container{
	padding: 0 10px;
}
.record_date_s{
	height: 12px;
	color: #343c49;
}
.record_time{
	font-size: 12px;
	color: #8e929d;
}
.record_date_s i{
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 1px solid #59b2a8;
	border-radius: 50%;
	margin-right: 10px;
}
.record_detail_s{
	margin-left: 5px;
	padding: 5px 0 5px 20px;
	line-height: 26px;
	border-left: 1px solid #d7d9e3;
}
.record_lessonname_s:hover{
	color: #239173;
}
.record_once_count .record_detail_s:nth-of-type(1){
	padding-top: 15px;
}
.record_once_count .record_detail_s:last-child{
	padding-bottom: 15px;
}
.record_once_count:last-child .record_detail_s{
	border-left: none;
}
.record_type_s{
	display: flex;
	align-items: center;
	position: relative;
}
.record_type_s img{
	height: 13px;
}
.ei-hudong{
	color: #33c1ef;
}
.record_lessonname_s{
	margin-left: 10px;
	color: #353c49;
	width: 193px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.double_lessonname{
	position: absolute;
	min-width: 200px;
	bottom: 25px;
	left: 14px;
	font-size: 12px;
	padding: 0 10px;
	background: #000000;
	border-radius: 5px;
	opacity: 0.7;
	display: none;
}
.double_lessonname img{
	position: absolute;
	left: 30px;
	bottom: -7px;
}
.back_play{
	width: 32px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	background: #68c0df;
	border-radius: 2px;
}
.appear_more{
	width: 150px;
	height: 24px;
	color: #ffffff;
	text-align: center;
	line-height: 24px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	background: #68c0df;
	border-radius: 4px;
	box-shadow: 0px 2px 6px 0px rgba(104, 192, 223, 0.5);
}
.learn_yet_s{
	display: none;
	margin: 30px;
}
.content .content_center .content_center1{
	overflow: hidden;
	margin:20px auto;
	position: relative;
	width: 660px;
	padding: 30px;
	background: #fff;
	line-height:32px;
	border-radius: 8px;
	font-size: 16px;
	color: #353c49;
	font-weight: bold;
	box-shadow: 0 4px 12px #d9d9d9;
}
.content .content_center .content_center1 .title_line{
	width: 720px;
	height: 3px;
	background: #59b2a8;
	position: absolute;
	top: 0px;
	left: 2px;
}
.content .content_center .content_center1 .class_title{
	line-height: 32px;
	position: relative;
	width: 100%;
	height: 100%;
}
.content .content_center .content_center1 .go_study{
	position: absolute;
	display: inline-block;
	line-height: 100%;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 4px;
	background: #68c0df;
	color: #fff;
	font-size: 14px;
	top: 50%;
	margin-top: -16px;
	right: 0;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
}
.content .content_center .content_center1 .open,
.content .content_center .content_center1 .close{
	font-size: 14px;
	color: #59b2a8;
	position: relative;
	margin-right: 42px;
}
.content .content_center .content_center1 .open>img,
.content .content_center .content_center1 .close>img{
	position: absolute;
	top: 8px;
	right: -24px;

}
.content_center1 .spread_content{
	display: none;
}
.content_center1 .spread_content .open_content{
	padding-right: 18px;
	padding-top:30px;
	padding-bottom: 30px;
	border-top:1px solid #f0f0f2;
	border-bottom:1px solid #f0f0f2;
	margin-top: 30px;
}
.content_center1 .spread_content .open_content .open_title{
	font-size: 12px;
	color: #898d92;
	margin-bottom: 30px;
}
.content_center1 .spread_content .open_content .class_title{
	line-height: 28px;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #353c49;
	margin: 10px auto;
	padding-left: 18px;
}
.content_center1 .spread_content .open_content .class_title .open_class{
	position: absolute;
	text-indent: 0;
	display: inline-block;
	line-height: 100%;
	width: 80px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 4px;
	background: #68c0df;
	color: #fff;
	font-size: 12px;
	top: 50%;
	margin-top: -14px;
	right: 0;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
}
.content_center1 .spread_content .open_content2{
	padding-top:0;
	padding-bottom: 0;
	border:none;
	margin-top: 30px;
}
.rightsidebar_all{
	width: 280px;
}
.rightsidebar_all .rightsidebar{
	padding: 20px 0px 40px 20px;
	background: #fff;
	border-radius: 8px;
}
.rightsidebar_all .rightsidebar .title{
	display: block;
	width: 240px;
	line-height: 16px;
	font-size: 14px;
	color: #353c49;
	font-weight: bold;
	position: relative;
	text-indent: 12px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f0f0f2;
	margin-bottom: 20px;
}
.rightsidebar_all .rightsidebar .title .line_prve{
	width: 4px;
	height: 16px;
	background: #59b2a8;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 0;
}
.rightsidebar_all .rightsidebar .title .look_more{
	display: inline-block;
	width: 6px;
	height: 12px;
	background: url(../img/look_more.png) top center no-repeat;
}
.rightsidebar_all .rightsidebar .content1{
	font-size: 12px;
	color: #898d92;
	margin:16px 0;
	display: block;
}
.rightsidebar_all .rightsidebar .content1>span{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	line-height: 16px;
	text-align: center;
	text-indent: 0;
	margin-right: 4px;
}
.rightsidebar_all .rightsidebar .content1 .frist{
	background: #ffe0e4;
	color:#f26085;
}
.rightsidebar_all .rightsidebar .content1 .second{
	background: #fdecd7;
	color: #f6b760;
}
.rightsidebar_all .rightsidebar .content1 .thired{
	background: #e2f7f5;
	color: #50c6ad;
}
.rightsidebar_all .rightsidebar_center{
	margin:20px 0;
}
.rightsidebar_all .rightsidebar .content2{
	position: relative;
	text-indent: 22px;
	cursor: pointer;
}
.rightsidebar_all .rightsidebar .content2>div{
	position: absolute;
	left: 0;
	top: 2px;
	display: inline-block;
	line-height: 14px;
	height: 14px;
	font-size: 14px;
	color: #898d92;
}
.rightsidebar_all .rightsidebar .content1 .qq{
	width: 12px;
	background: url(../img/qq.png) top center no-repeat;
}
.rightsidebar_all .rightsidebar .content1 .server{
	width: 14px;
	background: url(../img/server.png) top center no-repeat;
}
.footer{
	height: 200px;
	width: 100%;
	background: #1d2b3f;
}
.footer .common{
	padding-top: 62px;
}
.footer .common .school{
	width: 699px;
	margin-left: 180px;
}
.footer .common .school .p1>a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.footer .common .school .p2{
	margin:26px auto 10px;
}
.footer .common .school .p2>a{
	display: inline-block;
	font-size: 12px;
	color: #fff;
	padding-right: 4px;
	padding-left: 4px;
	border-right: 2px solid #a8abb0
}
.footer .common .school .p2>a:hover{
	color:#e00;
}
.footer .common .school .p2>a:nth-child(1){
	padding-left: 0px;
}
.footer .common .school .p2>a:nth-child(6){
	border:none;
}
.footer .common .school .p3{
	font-size: 12px;
	color: #fff;
}
.footer .common .follow_me .p4{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.footer .common .follow_me>div{
	cursor: pointer;
}
.footer .common .follow_me .weibo{
	position: relative;
	width: 40px;
	height: 40px;
	margin-right: 60px;
	background: url(../img/weibo.png) top center no-repeat;
}
.footer .common .follow_me .public{
	position: relative;
	width: 40px;
	height: 40px;
	background: url(../img/public_logo.png) top center no-repeat;
}
.footer .common .follow_me .public .weixin_logo{
	display: none;
	position: absolute;
	padding: 10px 10px;
	width: 90px;
	height: 90px;
	border-radius: 8px;
	background: #fff;
	top: -129px;
	right: -34px;
}
.footer .common .follow_me .public .weixin_logo>img{
	width: 100%;
	height: 100%;
}
.footer .common .follow_me .public .bottom_round{
	display: none;
	width: 20px;
	height: 10px;
	position: absolute;
	top: -26px;
	right: 10px;
}
.footer .common .follow_me .public .connection{
	display: none;
	position: absolute;
	width: 110px;
	height: 20px;
	top: -19px;
	right: -35px;
}

.content .leftsidebar_all .leftsidebar{
	padding-top: 19px;
}
.content .leftsidebar_all .personal_info>a{
	border: none;
}
.content .leftsidebar_all .leftsidebar .mine .down_line{
	top: 20px;
	left: -21px;
	height: 20px;
	box-shadow: 2px 0 4px rgba(56,188,164,0.4);
}
.content .leftsidebar_all .leftsidebar .content1{
	font-size: 14px;
	color: #505763;
}
.content .leftsidebar{
	width: 162px;
	padding-top: 18px;
	padding-bottom:0px;
	border-radius: 0;
	margin-bottom: 0px;
}
.content .leftsidebar>a {

	margin-left: 21px;
}
.content .personal_info .personal{
	width: 16px;
	height: 16px;
	margin-top:21px;
	background: url(../img/personal.png) top center no-repeat;
}
.content .personal_info .car{
	width: 16px;
	height: 16px;
	margin-top:21px;
	background: url(../img/car.png) top center no-repeat;
}
.content .personal_info .manage{
	width: 16px;
	height: 16px;
	margin-top:21px;
	background: url(../img/manage.png) top center no-repeat;
}
.content .personal_info .service{
	width: 16px;
	height: 16px;
	margin-top:21px;
	background: url(../img/service.png) top center no-repeat;
}
.content .common .leftsidebar .mine{
	line-height: 58px;
	padding-bottom: 0;
}
.content .common .leftsidebar .children{
	margin-top: 0;
	margin-bottom: 0;
}
.content .common .leftsidebar_all .leftsidebar .down .content2,.lookfor_logi{
	color: #59b2a8;
}
.content .common .leftsidebar .children .index_color{
	color: #59b2a8;
}
.content .common .leftsidebar .mine .content2{
	text-indent: 9px;
	color: #29303b;
	font-size: 16px;
	font-weight: bold;
}
.content .leftsidebar_all .personal_info .content_2{
	text-indent: 24px;
	line-height: 33px;

}
.content .content_center{
	width: 874px;
	padding-left: 73px;
	padding-right: 73px;
	padding-bottom: 40px;
	min-height: 611px;
	height: auto;
	background: #fff;
	border-radius: 8px;
	margin-left: 18px;
	margin-right: 0px;
}
.content .content_center .my_information{
	line-height: 105px;
	font-size: 24px;
	color: #898d92;
}
.content .content_center .information{
	font-size: 14px;
	color: #29303b;
}
.content .content_center .impor{
	width: 77px;
	text-align: right;
	margin-right: 22px;
}
.content .content_center .impor>span{
	color: #ed1b23;
}
.content .content_center .pic{
	display: block;
	width: 81px;
	height: 80px;
	margin-top: -9px;
}
.content .content_center .pic>img{
	width: 100%;
	height: 100%;
}
.content .content_center .information2{
	line-height: 39px;
}
.content .content_center .compile{
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	background: #68c0df;
	border-radius: 5px;
	box-shadow: 0 2px 6px rgba(102,192,223,0.5);
	margin-left: 104px;
	margin-top: 22px;
	cursor: pointer;
}


.change_password{
	margin: 42px auto 20px;
	color: #898d92;
	font-size: 24px;
	line-height: 24px;
}
.level_up{
	line-height: 56px;
	background: #fefaee;
	border: 1px solid #f8d9aa;
	padding: 0 30px;
	margin-bottom: 30px;
	font-size: 14px;
	color: #353c49;
}
.level_ups{
	line-height: 56px;
	background: #fefaee;
	border: 1px solid #f8d9aa;
	padding: 0 30px;
	margin-bottom: 30px;
	font-size: 14px;
	color: #353c49;
	margin-top: 25px;
}
.look_for_detail{
	width: 100px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 5px;
	float: right;
	background: #68c0df;
	margin-top: 12px;
}
.password{
	height: 65px;
	line-height:65px;
}
.password .index_text{
	line-height: 65px;
	font-size: 14px;
	color: #353c49;
	margin-right: 15px;
}
.password .index_num{
	line-height: 65px;
	margin-right:17px;
}
.password .index_num .password_num{
	width: 221px;
	height: 30px;
	line-height: 30px;
	text-indent: 11px;
	border-radius: 4px;
	border:1px solid #d5d6d9;
	color: #333;
	font-size: 14px;
}
input::-webkit-input-placeholder {
	color: #b6bcc3;
	font-size: 14px;
}
/*密码错误*/
.content_center .password input.error{
	border:1px solid #f9cbcd;
	color: #ef2d36
}
.error_text{
	line-height: 65px;
	font-size: 14px;
	color: #ef2d36;
	display: none;
}
.prompt{
	font-size: 14px;
	line-height: 14px;
	color: #898d92;
	margin-top: 20px;
	margin-bottom: 34px;
}
.prompt>a{
	color: #5788c4;
	text-decoration: underline;
}
.submit{
	width: 100px;
	height: 32px;
	margin-left: 83px;
	line-height: 32px;
	text-align: center;
	border-radius: 5px;
	background:#68c0df;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
	cursor: pointer;
}
.edit_phone {
	color: #898d92;
	margin-left: 15px;
}
.mar_top {
	margin-top: 20px;
}
.mailcount_book {
	font-size: 14px;
	color: #59b2a8;
	margin: 10px 0;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
}
.status_error {
	font-size: 14px;
	color: #898d92;
	margin-top: 20px;
}
.edit_detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mailcount_total {
	font-size: 18px;
	color: #898d92;
	margin-top: 30px;
}
.edit_btn {
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #898d92;
	border: 1px solid #898d92;
	border-radius: 4px;
	cursor: pointer;
}


/*微博样式*/
.wbtc{
	position: absolute;
	left: -70px;
	top: -99px;
	border-radius: 8px;
	width: auto;
	height: 83px;
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	z-index: 999;
	border-bottom-color: rgb(204, 204, 204);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: none;
	background-position: initial initial;
	background-repeat: initial initial;
}
.weibo .connection1{
	display: none;
	position: absolute;
	left: -70px;
	top: -19px;
	width: 170px;
	height: 19px;
}
.weibo .v_bottom_round{
	display: none;
	width: 31px;
	height: 14px;
	position: absolute;
	left: 4px;
	top: -20px;
	z-index: 1000;
}
.weibo .v_bottom_round>img{
	width: 100%;
	height: 100%;
}

.top_bar{
	display: flex;
}
.new_top_bar{
	margin-top: 20px;
	margin-bottom: 50px;
	position: relative;
}
.top_bar div{
	margin-right: 40px;
	font-size: 14px;
}
.top_bar div:hover{
	color: #59b2a8;
	position: relative;
	cursor: pointer;
}
.content_index:after{
	content: '';
	position: absolute;
	height: 4px;
	background: #59b2a8;
	width: 100%;
	border-radius: 2px;
	display: block;
	margin-bottom: -10px;
	bottom: 0;
}
.top_bar div:hover:after{
	position: absolute;
	bottom: 0;
}
.content_index{
	color: #59b2a8!important;
	position: relative;
}
.empty img{
	height: 100%;
	display: none;
}
.order_content .detail_content{
	margin-top: 20px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 0 20px;
	cursor: pointer;
}
.order_content .detail_content:hover{
	box-shadow: 0px 2px 5px 0px rgba(20, 23, 29, 0.1);
}
.order_number{
	padding: 20px 0;
	border-bottom: 1px solid #f2f2f2;
	color: #898d92;
	font-size: 12px;
}
.order_number span{
	float: right;
	color: black;
}
.order_content_detail{
	font-weight: bold!important;
	margin-top: 40px;
	color: #353c49;
}
.new_order_price{
	float: left;
	color: #000;
	margin-left: 0!important;
}
.new_order_price span{
	color: #ff6000;
	font-weight: bold;
	margin-left: 30px;
}
.order_price{
	color: #ff6000;
	text-align: right;
	font-weight: bold;
}
.pay_yet{
	color: #ff6000!important;
}
.receiving_information p{
	margin-top: 20px;
	font-size: 14px;
}
.receiving_information p span{
	margin-left: 10px;
}
.receiving_information b{
	font-weight: normal;
}
.receiving_title{
	font-size: 16px!important;
	font-weight: bold;
	margin-top: 40px!important;
	color: #353c49;
}
.receiving_phone{
	margin-left: 20px!important;
	color: #898d92;
}
.receiving_number{
	margin-bottom: 40px;
}
.receiving_message{
	color: #898d92;
}
.order_title{
	padding: 20px 0;
	font-weight: bold;
	display: flex;
	align-items: flex-start;
}
.order_address_detail{
	width: 513px;
}
.order_address_detail a{
	color: #353c49;
}
.order_total{
	margin-right: 44px;
	margin-left: 30px;
	width: 159px;
	text-align: right;
}
.order_content .linkcss,.new_cancel_order,.view_logistics{
	border: 1px solid #68c0df;
	color: #68c0df;
	font-size: 12px;
	background: white;
	padding: 6px 15px;
	border-radius: 4px;
	outline: none;
	cursor: pointer;

}
.double_btn{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.edit_address, .edit_addresses {
	font-size: 12px;
	color: #898d92;
	font-weight: normal;
}
.address_edit {
	font-size: 14px;
	color: #59b2a8;
	font-weight: normal;
	cursor: pointer;
}
.address_edit img {
	vertical-align: middle;
	margin-right: 5px;
}
.cancel_orders,.old_cancel{
	margin-top: 10px;
	font-weight: normal;
	font-size: 12px;
	color: #898d92;
	cursor: pointer;
}
.view_logistics, .edit_address, .edit_addresses {
	margin-top: 10px;
}
.order_content .linkcss:hover,.view_logistics:hover{
	background: #68c0df;
	color: #ffffff;
}
.immediately{
	background: #68c0df!important;
	color: #ffffff!important;
}
.content_list{
	margin-top: 20px;
	padding: 30px 20px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
}
.goodsName{
	font-weight: bold;
	color: #353c49;
}
.content_list .goodsName:hover{
	color: #00BBFF;
}
.goods_detail{
	color: #898d92;
	margin-top: 10px;
	font-size: 12px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 30px;
}
.goods_detail span{
	margin-right: 20px;
}
.nogoods_detail{
	border-bottom: 0;
	padding-bottom: 0;
}
.order_information{
	font-size: 14px;
	margin-top: 20px;
}
.order_information span{
	margin-right: 96px;
}
.order_information span:nth-child(3){
	margin-right: 0;
}
.goods_price{
	margin-top: 20px;
	text-align: right;
	font-size: 14px;
}
.goods_price span{
	display: inline-block;
	width: 100px;
	margin-left: 70px;
}
.too_many_package{
	display: flex;
	justify-content: space-between;
}
.one_package{
	display: flex;
	align-items: center;
	position: relative;
}
.one_package a{
	position: absolute;
	right: 0;
}
.every_package{
	width: 140px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border-radius: 4px;
	border: 1px solid #898d92;
	font-size: 12px;
	color: #898d92;
}
.every_package:hover{
	border: 1px solid #68c0df;
	background: #68c0df;
	color: #ffffff;
}
.cancel_order{
	font-size: 14px;
	color: #898d92;
	cursor: pointer;
	font-weight: normal;
}
.right_away{
	padding: 6px 15px;
	background: #68c0df;
	border-radius: 4px;
	margin-left: 10px;
	color: #ffffff;
	font-weight: normal;
}
.write_message{
	width: 852px;
	height: 35px;
	resize: none;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	margin-top: 20px;
	padding-left: 20px;
	padding-top: 23px;
	outline: none;
}
.current_index{
	color: #59b2a8;
}
.crumbs{
	margin-top: 40px;
	font-size: 14px;
}
.additional{
	font-weight: bold;
	margin-top: 20px;
	font-size: 14px;
	color: #353c49;
}
.ps_message{
	font-size: 14px;
	line-height: 28px;
}
.ps_message span{
	color: #29303b;
}
.price_border{
	margin-top: 30px;
	border-top: 1px solid #e6e6e6;
}
.order_price_border{
	border-top: 1px solid #e5e5e5;
	padding-top: 30px;
}
.shipping_instructions{
	margin-left: 20px;
	color: #ff6000!important;
	font-size: 12px;
}
.courierNumber{
	margin-left: 26px;
	color: #29303b;
}
.total_books{
	color: #59b2a8;
	font-size: 14px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.new_total_books{
	color: #59b2a8;
	font-size: 14px;
	margin-left: 5px;
	font-weight: normal;
}
.logistics{
	font-size: 18px;
	color: #898d92;
	margin: 30px 0;
}
.logistics_tip{
	font-size: 14px;
	color: #353c49;
}
.content_back{
	background: #f0f0f2!important;
	padding-left: 0!important;
}
.change_back{
	padding: 0!important;
	margin: 0;
}
.top_part{
	background: #ffffff;
	border-radius: 4px;
	padding: 35px 70px;
}
.total_books_back{
	border-bottom: 0;
	margin-bottom: 0!important;
	padding-bottom: 0;
}
.no_delivery{
	border: 1px solid #e5e5e5;
	padding: 30px 20px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 28px;
	margin-top: 20px;
}
.bottom_part{
	background: #ffffff;
	border-radius: 4px;
	margin-top: 10px;
	padding: 35px 70px;
}
.logistics_already{
	margin: 0;
}
.pack_status{
	position: absolute;
	right: 0;
	font-size: 14px;
}
.turnto_prepage{
	text-align: right;
	margin-top: 20px;
	cursor: pointer;
}
.turnto_prepage button{
	color: #ffffff;
	cursor: pointer;
	outline: none;
	padding: 10px 10px;
	border-radius: 4px;
	background: #68c0df;
}
.write_address,.old_write_address, .edit_confirm, .edit_confirms {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,.5);
	z-index: 3;
	display: none;
}
.write_address_box, .edit_confirm_box, .edit_confirms_box {
	width: 349px;
	height: 152px;
	border-radius: 9px;
	background: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.edit_confirms_box {
	width: 416px;
	height: auto;
	padding: 30px 50px;
}
.write_address_title{
	height: 100px;
	line-height: 100px;
	text-align: center;

}
.edit_confirm_title {
	margin-top: 30px;
	font-weight: bold;
	text-align: center;
}
.edit_confirms_title {
	line-height: 24px;
	font-weight: bold;
	font-size: 14px;
	color: #353c49;
}
.add_center {
	display: inline-block;
	width: 70px;
	text-align: right;
	color: #29303b;
	margin-left: 0!important;
}
.edit_confirm_detail {
	text-align: center;
	margin-top: 5px;
}
.write_address_btns{
	line-height: 50px;
	display: flex;
	border-top: 1px solid #eeeeee;
}
.write_address_btns a{
	flex: 1;
	text-align: center;
}
.write_address_btns a:first-child{
	border-right: 1px solid #eeeeee;
}
.edit_confirm_btns {
	margin-top: 24px;
	text-align: center;
}
.edit_confirm_btns a {
	display: inline-block;
	width: 80px;
	height: 32px;
	line-height: 32px;
	color: #747474;
	font-size: 14px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
}
.edit_yes, .edits_yes {
	color: #ffffff!important;
	background: #68c0df;
	border: 0!important;
	margin-left: 20px;
}
.editable_book {
	line-height: 18px;
	font-size: 12px;
	color: #898d92;
	margin-top: 20px;
}
.edit_confirms_btns {
	text-align: center;
	margin-top: 30px;
}
.edit_confirms_btns a {
	display: inline-block;
	width: 94px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #747474;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
}
.the_edit_detail{
	height: 158px;
	overflow-y: scroll;
}
.linecss {
	line-height: 28px;
}
.toast{
	width: 225px;
	padding-left: 29px;
	height: 36px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0px 16px -3px #ccc;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -70px;
	text-align: center;
	line-height: 36px;
	display: none;
	z-index: 10;
}
.toasts{
	padding: 0 25px;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0 0px 16px -3px #ccc;
	position: fixed;
	top: 15%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 36px;
	display: none;
	z-index: 10;
	font-size: 14px;
}
.toasts p{
	display: flex;
	align-items: center;
}
.toasts p img{
	margin-right: 5px;
}
.is_living{
	color: orange;
	margin-left: 10px;
}
.is_living img{
	margin-right: 5px;
}
.goods_overdue{
	padding: 20px 50px;
}
.know_overdue{
	justify-content: center;
	color: #ffffff;
}
.know_overdue span{
	width: 100px;
	border-radius: 4px;
	background: #68c0df;
	text-align: center;
	cursor: pointer;
}
.toast i{
	width: 18px;
	height: 18px;
	background: url(../img/icon_success.png) no-repeat top center;
	float: left;
	margin-top: 9px;
	margin-right: 9px;
}
.toast span{
	float: left;
	color: #505763;
	font-size: 14px;
}
.hasback,.overdue,.delete,.lose_efficacy, .edit_success {
	width: auto;
	padding: 0 25px!important;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0 0px 16px -3px #ccc;
	position: fixed;
	top: 15%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 36px;
	display: none;
	z-index: 10;
	font-size: 14px;
	margin-top: 0;
	margin-left: 0;
}
.hasback p,.overdue p,.delete p,.lose_efficacy p, .edit_success p {
	display: flex;
	align-items: center;
}
.hasback p img,.overdue p img,.delete p img,.lose_efficacy p img, .edit_success p img {
	margin-right: 5px;
}
.right_icon{
	margin-left: 5px;;
}
.logistics_trajectory{
	display: none;
	margin-top: 30px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 30px 20px 0;
}
.trajectory_detail{
	display: flex;
	color: #898d92;
}
.ei-you{
	font-size: 12px!important;
}
.trajectory_detail:first-child{
	color: #29303b;
}
.trajectory_detail:first-child .light_background{
	background: #59b2a8;
	border: 1px solid #59b2a8;
}
.trajectory_detail:first-child i{
	color: #ffffff;
}
.trajectory_day{
	text-align: right;
	margin-right: 10px;
}
.trajectory_day span{
	display: block;
	width: 73px;
}
.trajectory_date,.trajectory_status,.trajectory_describe{
	font-size: 14px;
}
.trajectory_status span{
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	color: #cccccc;
}
.trajectory_status .dian_small{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #cccccc;
	margin-left: 10px;
	margin-right: 16px;
}
.trajectory_describe_none{
	display: flex;
	align-items: center;
}
.trajectory_time{
	font-size: 12px;
	margin-top: 8px;
}
.trajectory_describe{
	margin-left: 5px;
}
.trajectory_intro{
	margin-left: 14px;
	border-left: 1px solid #e5e5e5;
	padding-bottom: 30px;
	padding-left: 20px;
}
.logistics_trajectory .trajectory_detail:last-child .trajectory_intro{
	border: 0;
}
.trajectory_intros{
	padding-bottom: 50px;
}
.trajectory_none{
	line-height: 10px;
}
.copy_text{
	color: #59b2a8;
	cursor: pointer;
}
.copy_value{
	opacity: 0;
	position: absolute;
}
.phonenum{
	color: #59b2a8;
	cursor: text;
}
.consult_btn{
	float: right;
	width: 98px;
	height: 30px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	border: 1px solid #29303b;
	border-radius: 4px;
	cursor: pointer;
}
.default_poniter{
	cursor: pointer;
}
.confirm_modification {
	width: 90px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	background: #68c0df;
	font-size: 14px;
	border-radius: 4px;
	margin-top: 38px;
	cursor: pointer;
}

/*滚动条*/

::-webkit-scrollbar {
	width: 18px;
	height: 14px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
	border-radius: 999px;
	border: 5px solid transparent;
}

::-webkit-scrollbar-track {
	/* box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;*/
}

::-webkit-scrollbar-thumb {
	min-height: 20px;
	background-clip: content-box;
	box-shadow: 0 0 0 5px rgba(174,174,174,1) inset;
}

::-webkit-scrollbar-corner {
	background: transparent;

}