*{
	margin: 0;
	padding: 0;
}
body{
	font-family: "微软雅黑",Arial,sans-serif;
	color: #141414;
}
ul li{
	list-style-type: none;
}
a{
	color: inherit;
}
.left{
	float: left;
}
.right{
	float: right;
}
.hidden{
	display: none !important;
}
.sub-str{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

body.with-panel-right-reveal .page {
    -webkit-transform: translate3d(-9rem,0,0);
    transform: translate3d(-9rem,0,0);
}
body.with-panel-right-reveal .panel-overlay {
    margin-left: -9rem;
}

.css3-change3{
	transition: all 0.3s ease-in 0.1s;
	-moz-transition:all 0.3s ease-in 0.1s; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-in 0.1s; /* Safari 和 Chrome */
	-o-transition: all 0.3s ease-in 0.1s; /* Opera */
}
.css3-change5{
	transition: all 0.5s ease-in 0.1s;
	-moz-transition:all 0.5s ease-in 0.1s; /* Firefox 4 */
	-webkit-transition: all 0.5s ease-in 0.1s; /* Safari 和 Chrome */
	-o-transition: all 0.5s ease-in 0.1s; /* Opera */
}
.header-left{
	color: #c81623;
	width: 50%;
	float: left;
}
.logo{
	display: block;
	font-size: 0;
	height: 2.8rem;
	background-size: auto 75%;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: left center;
}

.header-right{
	text-align: right;
	width: 50%;
	float: left;
}
.header-right a{
	cursor: pointer;
	color: #1b2b3b;
	line-height: 2.8rem;
	font-size: 0.7rem;
}
.header-right a + a{
	margin-left: 10px;
}
/* 模态框 */
.alert-win{
	width: 220px;
	padding-top: 20px;
	border-radius: 5px;
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 120px;
	margin-left: -125px;
	background-color: rgba(255,255,255,0.9);
}
.alert-win h4,
.alert-win input{
	display: block;
	text-align: center;
	margin: auto;
}
.alert-win h4{
	width: 100%;
	font-size: 0.8rem;
	margin-bottom: 15px; 
}
.alert-win input{
	width: 87%;
	resize: none;
	height: 28px;
	line-height: 28px;
	border: 1px solid #b2b2b2;
	background-color: #fff;
	font-size: 0.6rem;
}
.save-btn{
	width: 100%;
	margin-top: 25px;
	border-top: 1px solid #b2b2b2;
}
.save-btn span{
	text-align: center;
	display: block;
	font-size: 0.75rem;
	line-height: 2;
	cursor: pointer;
	color: #238cf4;
}
/* 分类菜单 */
.nav-box{
	background-color: #c71722;
	position: relative;
	height: 100%;
	overflow-y: scroll;
}
.nav-title{
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: right;
	padding-right:4rem;
	padding-bottom: 15px;
	font-size: 1rem;
	border-bottom: 1px solid #fff;
}
.nav-ul{
	margin-bottom: 30px;
}
.nav-ul li{margin-left: 14px;}
.nav-ul a{
	padding: 0.5rem 0 0.5rem 0.5rem;
	font-size: 0.75rem;
	background-image:url(../images/juxing.png);
	background-repeat: no-repeat;
	background-position:center left;
	text-indent: 10px;
	display: block;
	color: #fff;
}
/* 底部 */
.footer-btn{
	color: #1b2b3b;
}
.footer-btn a{
	font-size: 0.75rem;
	color: #fff !important;
	background-color: #e77817;
}
.footer-btn span{
	display: block;
}
.footer-btn span + span{
	margin-top: -5px;
}
.footer-btn > .active{
	background-color: #c81623;
}
/* 公共的头部 */
.public-head{
	background-color: #c4141f;
	color: #fff;
	position: relative;
	font-size: 0.8rem;
	padding-top: 8px;
	padding-bottom: 8px;
}
.public-head h1{
	font-size: 1em;
	text-align: center;
	margin: 0;
	font-weight: 400;
}
.public-head span{
	position: absolute;
	top: 8px;
	right: 0;
	padding-right: 15px;
}
.public-head > a{
	position: absolute;
	font-size: 1.1rem;
	padding-left: 15px;
}
.popup{
	background-color: #eee;
}
/* 标签栏按钮 */
.buttons-tab .button{
	font-size: 0.75rem;
}
.buttons-tab .button.active{
	color: #1b2b3b;
	border-color: #1b2b3b;
}

.searchbar_goods{
    padding-left: 10px;
    padding-right: 10px;
}
.btn-block{
    width: 100%;
}
.card_header_right{
    color: #c81623;
}

/* 编辑地址 */
.address-box{
    margin-top: 30px;
}
.address-info{
    padding-left: 15px;
    background-color: #fff;
}
.address-info .form-inline{
    display: block;
    font-size: 0.7rem;
    position: relative;
    padding: 8px 15px 8px 120px;
}
.address-info .form-inline + .form-inline{
    border-top: 1px solid #ddd;
}
.address-info .form-inline input{
    border: none;
}
.address-info .form-inline span{
    position: absolute;
    left: 0;
}
.address-box .submit-btn{
    padding: 20px 15px 0 15px;
}
.address-box .submit-btn button{
    width: 100%;
    display: block;
    border: none;
    background-color: #c81623;
    color: #fff;
    height: 1.8rem;
    font-size: 0.8rem;
    border-radius: 5px;
}

.reg_guide .card-content{
    padding: 10px;
}
.reg_guide .button{
    display: block;
    margin: 0 0 10px 0;
    height: auto;
}
.reg_guide .button b{
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.reg_guide .button s{
    display: block;
    text-decoration: none;
    font-size: 0.7rem;
    margin: -20px 0 0 0;
    padding: 0;
}


.product-imgs{ padding:10px 0px;text-align:center;}
.product-imgs img{ width:160px; height:120px;}


.contem-picture img{ width:100%;}

.home-label{ padding:1rem 0;background-color:#fff; overflow:hidden;}
.home-label ul li{ margin:0 0 0 0.3rem; float:left; font-size:0.7rem; width:31.3%;}
.home-label li img{ margin-right:0.2rem; width:1.2rem;vertical-align:middle;}

.class-ico{margin-bottom:20px;overflow:hidden;background-color: #ffffff;padding-top: 20px;}
.class-ico ul li{ float:left; width:25%; text-align:center; line-height:1rem;margin-bottom: 20px;}
.class-ico li a{ font-size:0.65rem;}
.class-ico li img{width:1.8rem;}

.home-newstop{ margin-top:0.5rem; padding:0.5rem 0 0.5rem 0.9rem; border-bottom:1px dashed #ccc; font-size:0.85rem; background-color:#fff; overflow:hidden;border-left: 2px solid #e77817;}
.home-newstop a { padding:0.1rem 0.3rem 0 0 ;font-size: 0.7rem; color:#848484;}
.news-title a {font-size: 0.8rem; color:#848484;}
.news-list {width: 100%;overflow: hidden;background-color: #ffffff;padding-top: 0.2rem;}
.news-list ul{padding: 0 0.5rem;}
.news-list ul li {padding-bottom: 0.3rem;margin: 0.5rem 0 0.5rem 0;border-bottom: 1px dashed #ccc;width: 100%;}
.news-pic {position: absolute;width: 31%;}
.news-pic img {width:5rem;height:3.7rem;}
.news-right {margin-left:5.5rem;position: relative;}
.news-title {width: 100%;white-space: nowrap;}
.news-detail {margin-top: 0.08rem;line-height: 0.85rem;width: 100%;height:2.5rem;overflow: hidden;text-indent: 2em;font-size: 0.55rem; color:#a2a2a2;}

.news-price{margin-top: 0.3rem;width: 100%;height:2.5rem;overflow: hidden;font-size:0.75rem; color:#ff2a00;} 
.vein-list{ margin:0.5rem 0.3rem 0.5rem 0.3rem; background-color:#fff; overflow:hidden; border-radius:0.4rem;}
.vein-list ul li{ padding:1rem 0; float:left; width:33.33%; text-align:center; font-size:1rem; line-height:1rem; color:#ff2a00;}
.vein-list li span{ font-size:0.65rem; color:#848484;}
.vein-list li img{ width:2.2rem;}


.kecheng{ padding:0.5rem 0.5rem;overflow:hidden; width:100%;}
.mar-top10{ padding-top:-4rem; overflow:hidden;}

.kecheng a{margin-right: 20px;}
.js_zhangjie_item{overflow: hidden;}
.js_zhangjie_item a{margin-right: 10px;}
.kecheng label{ margin-bottom:0.6rem; padding-bottom:0.5rem; overflow:hidden; width:100%; float:left; border-bottom:1px dashed #ccc; font-size:0.75rem; color:#5e5e5e;}
.curriculum-list{overflow: hidden;}
.zhangjie-name{float: left;}
.price{float: right;}
.merleft10{ margin-left:0.5rem;}
.head-soucang{position:relative;}



.renmai-list{padding-left: 0.5rem;margin-top: 0.2rem;width: 100%;overflow: hidden;}
.renmai-list ul li{padding-bottom:1.5rem;margin: 0.5rem 0 0.5rem 0;border-bottom: 1px dashed #ccc;width: 100%;}
.renmai-pic{position: absolute;width: 31%;text-align: center;}
.renmai-pic img {max-width: 5rem;max-height: 3.7rem; display: inline-block;}
.renmai-right{margin-left: 5.5rem;position: relative; font-size:0.7rem;}



.bonus-top{ margin:0.8rem 0.3rem 0.3rem 0.3rem; background-color:#fff; border-radius:0.3rem; overflow:hidden;}
.bonus-top ul li{ padding:1.5rem 0; float:left; width:49%; text-align:center; font-size:1.5rem; line-height:1.3rem; color:#ff2a00;}
.bonus-top li span{ font-size:0.85rem; color:#848484;}

.record{ margin:0.5rem 0rem 0.5rem 0rem; padding:0.8rem 0; background-color:#ffc28b; color:#fff; font-size:0.85rem; text-align:center;}
.record-list{ margin-top:0.65rem;}
.record-list ul li{ margin:0.5rem 0.3rem 0.3rem 0.3rem; padding:0.6rem 0 0.65rem 0; background-color:#fafafa;}
.dd-number{ padding:0.1rem 0.3rem 0.3rem 0.3rem; font-size:0.7rem; color:#716c6c;}
.dd-number span{ float:right;}
.kh-name{padding:0rem 0.3rem 0.3rem 0.3rem; font-size:0.7rem; color:#716c6c;}
.kh-name span{ float:right;}


.oeder-time{ margin-top:-0.8rem; text-align:right; position:relative; overflow:hidden;}






.inder-about{ padding:0.3rem 0 1.5rem 0; line-height:0.5rem; font-size:0.3rem;}
.detail_top{ padding:0.3rem 0 0.2rem 0.3rem;font-size:1rem; color:#303030;}
.release_time {padding:0.3rem 0 0.2rem 0.3rem;border-bottom: 0.02rem dashed #646464;color: #646464; width: 100%; font-size:0.6rem;}
.news_mess {font-size:0.65rem;line-height:1.5rem;padding:0.5rem 0.5rem;width: 100%;}
.news_mess p{ padding:0.3rem 0 0 0;}
.news_mess img{ width:100%; text-align:center;}



/*2018-5-15*/
.surplus{ padding:0.6rem 0; background-color:#fff; text-align:center; border-bottom:0.05rem dashed #ccc;}
.surplus span{ color:#fa3500; font-weight:600; font-size:1rem;}


.web-body{overflow: hidden;}
.head .logo{height: 30px;background-image: url("../images/logo.png");background-repeat: no-repeat;background-position: left center;background-size: auto 24px;}
.head .rule{color: #fdc45e;font-size: 0.8rem;text-align: right;}
.head .rule a{color: #fdc45e;display: inline-block;background-color: #c41212;border-radius: 10px;padding-top: 2px;padding-bottom: 2px;border: 1px solid #fffdcc;}

.alert-win{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);left: 0;top: 0;opacity: 0;transform:  scale(0,0);-webkit-transform:  scale(0,0);transition: all 0.5s ease-in 0.1s;-moz-transition: all 0.5s ease-in 0.1s;	-webkit-transition: all 0.5s ease-in 0.1s;	-o-transition: all 0.5s ease-in 0.1s;}
.alert-win-show{opacity: 1;transform:  scale(1,1);-webkit-transform:  scale(1,1);}
.alert-font{background-color: #ffb633;border-radius: 8px;text-align: center;padding-top: 10px;margin-top: 50px;}
.alert-font .h4{color: #c41212;font-weight: 600;margin-bottom: 5px;}
.alert-font p{font-size: 0.7rem;}


.body-bg{background-image: url('../images/bg.jpg');background-size: 100% 100%;}
.body-bg{background-color:#ffba3f;}

.red-font{padding: 0 2rem;margin-top: 10px;margin-bottom: -30px;}
.red-font img,.red-box img{ padding-left:1.2rem;width: 93%;}
.red-box{padding: 0 50px;position: relative;}
.red-box a{display: block;}
.red-box .girl-box,
.red-box .boy-box{display: block;position: absolute;bottom: 0;height: 50%;width: 40%;}
.red-box .girl-box{margin-left: 25px;left: 0;}
.red-box .boy-box{margin-right: 25px;right: 0;text-align: right;}
.red-box .girl-box img,
.red-box .boy-box img{height: 100%;width: auto;}

.red-box-animation{animation: iRotate 1s 1;-webkit-animation: iRotate 1s 1;}
.red-font-animation{animation: iScale 1s 1;-webkit-animation: iScale 1s 1;}
.girl-animation{animation: girl 0.8s 1;-webkit-animation: girl 0.8s 1;}
.boy-animation{animation: boy 0.8s 1;-webkit-animation: boy 0.8s 1;}
@keyframes girl{
0%{transform:  translate(-150px);-webkit-transform:  translate(-150px);opacity: 0;}
100%{transform:  translate(0);-webkit-transform:  translate(0);opacity: 1;}}
@-webkit-keyframes  girl{
	0%{
		transform:  translate(-150px);
		-webkit-transform:  translate(-150px);
		opacity: 0;
	}
	100%{
		transform:  translate(0);
		-webkit-transform:  translate(0);
		opacity: 1;
		
	}
}
@keyframes boy{

	0%{
		transform:  translate(150px);
		-webkit-transform:  translate(150px);
		opacity: 0;
	}
	100%{
		transform:  translate(0);
		-webkit-transform:  translate(0);
		opacity: 1;
		
	}
}
@-webkit-keyframes  boy{

	0%{
		transform:  translate(150px);
		-webkit-transform:  translate(150px);
		opacity: 0;
	}
	100%{
		transform:  translate(0);
		-webkit-transform:  translate(0);
		opacity: 1;
		
	}
}
@keyframes iScale{
	0%{
		transform:  scale(0.5,0.5);
		-webkit-transform:  scale(0.5,0.5);
		opacity: 0.8;
	}
	33%{
		transform:  scale(1.5,1.5);
		-webkit-transform:  scale(1.5,1.5);
		opacity: 1;
	}
	66%{
		transform: scale(0.7,0.7);
		-webkit-transform: scale(0.7,0.7);
		opacity: 0.8;
	}
	100%{
		transform:  scale(1,1);
		-webkit-transform:  scale(1,1);
		opacity: 1;
	}
}
@-webkit-keyframes  iScale{
	0%{
		transform:  scale(0.5,0.5);
		-webkit-transform:  scale(0.5,0.5);
		opacity: 0.8;
	}
	33%{
		transform:  scale(1.5,1.5);
		-webkit-transform:  scale(1.5,1.5);
		opacity: 1;
	}
	66%{
		transform: scale(0.7,0.7);
		-webkit-transform: scale(0.7,0.7);
		opacity: 0.8;
	}
	100%{
		transform:  scale(1,1);
		-webkit-transform:  scale(1,1);
		opacity: 1;
	}
}
@keyframes iRotate{
	0%{
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
	}
	100%{
		transform:rotateY(360deg);
		-webkit-transform:rotateY(360deg);
	}
}
@-webkit-keyframes iRotate{
	0%{
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
	}
	100%{
		transform:rotateY(360deg);
		-webkit-transform:rotateY(360deg);
	}
}





.bonus{ margin:2rem auto; width:95%;padding:1.5rem 0 1.5rem 0; text-align:center; font-size:1.3rem; color:#414141; border:0.1rem dashed #fff; background-color:#ed1836; color:#fff;}
.bonus span{ font-size:1.8rem;}
.continue{ margin:0 auto; padding:1rem 0; text-align:center; font-size:1rem; width:60%; border-radius:1rem; border:0.08rem solid #f06e28; font-weight:600;}

.more-continue{ margin:0.3rem 0 1rem 0; text-align:center; font-size:0.8rem;}
.continue-share{margin:0 auto; text-align:center;}

.list{ margin:0 auto; width:100%; overflow:hidden;}
.list button{width:100%;text-align:center;border-radius:3px;}
.button2{font-size:0.8rem;padding:8px 0; width:100%; text-align:center;border:1px solid #adadab;color:#000000;background-color: #e8e8e8;background-image:linear-gradient(to top, #dbdbdb, #f4f4f4);background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#dbdbdb),to(#f4f4f4));box-shadow: 0 1px 1px rgba(0,0,0,0.45), inset 0 1px 1px #efefef; text-shadow: 0.5px 0.5px 1px #ffffff;}
.button2:active{background-color: #dedede;background-image: linear-gradient(to top, #cacaca, #e0e0e0);background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#cacaca),to(#e0e0e0));}
#mess_share{ margin:15px auto; width:70%;}
#share_1{width:100%;}
#share_2{width:49%;}
#mess_share img{width:25px;height:25px;}
#cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}
#guide{display:none;position:absolute;right:18px;top:5px;z-index:19999;}
#guide img{width:260px;height:180px;}

.kebgco{background-color: #e6771b;height: 50%;width: 100%; position: absolute;}
.kefu-con{text-align: center; position: relative;}
.kefutext{padding: 1rem 1rem;}
.kefu-con-title{color:#ffffff;border-bottom: 1px dashed #ffffff;padding-bottom: 10px;margin-bottom: 20px;display: inline-block;}
.kefu-con-p{font-size: 0.5rem;color:#ffffff;margin-bottom: 10px;}
.kefu-con-b{color:#666666;}
.kefu-con-span{color: #cccccc;}
.kefu-con-pic img{width: 200px;height:200px;}



.verify_container{
    text-align: center;
    padding: 10px;
}