body {
    color: #333;
    font-size: 14px;
    font-family:"微软黑体",Arial,Tahoma;
	max-width:640px;
	min-width:320px;
	margin:0 auto;
	position:relative;
    background: #f3f3f3;

}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
button:focus,button:hover,input:focus{ outline: none!important; }
a:hover,a:focus{ text-decoration:none !important; color:#e70e16;}
img{ max-width:100%;}
.txt-elise{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.user-header{ background: url(../images/user-header.png) center no-repeat; background-size: cover; padding:0 15px 60px 15px; }
.header-txt{ font-size: 18px; color: #fff; padding:10px 0; position: relative; }
.user-img img{ width: 57px; height: 57px; border-radius: 4px; }
.user-img{ margin-right: 10px; }
.user-name{ font-size: 18px; color: #fff; }
.user-label{ display: inline-block; background: rgba(255,255,255,0.2); padding:3px 10px; border-radius: 30px; font-size: 12px; margin-top: 10px; }
.user-label span{ color: #fff; opacity: 0.8; }
.header-box{ background: #fff; box-shadow: 0 0 10px #ddd; margin:-45px 23px 20px 23px; padding:20px 10px; border-radius: 10px; position: relative; }
.sm-link{ position: absolute; right: 10px; top: 10px; width: 13px; height: 13px; background: url(../images/icon01.png) center no-repeat; background-size: 100% auto; }
.sm-link2{ position: absolute; left: 43%; top: 10px; width: 13px; height: 13px; background: url(../images/icon01.png) center no-repeat; background-size: 100% auto; }
.user-number{ font-size: 24px; color: #990044; line-height: 24px; position: relative; }
.user-number span{ font-size: 14px; color: #2e2e2e; }
.user-number:before{ display: block; content: ""; border-right: solid 1px #e6e6e6; position: absolute; right: 0; top: 0px; bottom: 0px; }
.user-number:last-child:before{ display: none; }
.user-list{ padding:0 15px; }
.user-list li{ box-shadow: 0 0 10px #ddd; margin-bottom:10px; overflow:hidden; padding:10px 10px 10px 0; background: #fff; position: relative; border-radius: 10px;}
.user-list-tt{ font-size: 18px; color: #333; padding:10px; padding-right: 30px; position: relative; background: url(../images/raw.png) right center no-repeat; background-size: 8px auto; }
.user-list-tt:before{ display: block; content: ""; position: absolute; left: 10px; bottom: 0; right: 0; background: url(../images/lind.png) center no-repeat; height: 2px; background-size: 100% auto; }
.user-list-tt:after{ display: block; content: ""; position: absolute; left: 0; top: 13px; height: 20px; width: 2px; background: #990044; }
.user-list-date{ font-size: 36px; color: #767676;}
.user-list-date-c{ font-size: 15px; color: #5d5659; line-height: 15px; margin:10px 5px; }
.user-list-date-c span{ font-size: 12px; }
.user-list-date-r{ font-size: 15px; line-height: 51px; margin-left: 30px; }
.lind-box{ border-bottom: solid 1px #f3f3f3; margin-bottom: 10px; margin-left: 10px; }
.user-date{ font-size: 15px; color: #5d5659; padding-left: 25px; background: url(../images/icon-address.png) left center no-repeat; background-size: 13px auto; margin-left: 10px; }
.user-icon-date{background: url(../images/icon-date.png) left center no-repeat; background-size: 13px auto;}
.icon-dc{ position: absolute; right: 10px; bottom: 28px; z-index: 10; font-size: 18px; color: #24a840; padding-left: 20px; background: url(../images/icon-dc.png) left center no-repeat; background-size: 16px auto; }
.wc-label{ width: 78px; height: 78px; position: absolute; right: -5px; bottom: -5px; background: url(../images/wc-label.png?v=1) center no-repeat; background-size: 100% auto; }
.icon-dc-cg{background: url(../images/icon-dc02.png) left center no-repeat; background-size: 16px auto;}
.icon-dc-cg1{background: url(../images/quxiao.png) left center no-repeat; background-size: 16px auto;color:#ccc;}
.icon-dc-wd{ color: #767676; background: url(../images/icon-dc03.png) left center no-repeat; background-size: 16px auto;}
.user-list-link{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 20; }
.ts-p{ font-size: 18px; color: #555; margin:30px 0; }
.modal-dialog{ margin:150px 40px 0 40px; }
/***********CPE明细************/
.cpe-lind-box{ margin-bottom: -10px; border:none; }
.cpe-number{ position: absolute; right: 10px; bottom: 15px; font-size: 18px; color: #24a840; }
.cpe-list{ padding-top: 10px; }
/**********活动报名************/
.bm-banner img{ width: 100%; }
.bl-link{ position: absolute; right: 10px; bottom: 30px; font-size: 15px; padding:6px 15px; border-radius: 8px; box-shadow: 0 0 10px #ddd; color: #fff;    background: #fb6667;
    background: linear-gradient(to right, #fb6667, #9a0145);
    background: -webkit-linear-gradient(left, #fb6667, #9a0145);
    background: -o-linear-gradient(right, #fb6667, #9a0145);
    background: -moz-linear-gradient(right, #fb6667, #9a0145); }
.login-back{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/login-back.jpg) center top no-repeat; z-index: -1; background-size: 100% auto; }
.login-logo img{ width: 166px; margin:40px 0; }
.login-box{ margin:80px 40px 0 40px; }
.login-box2{ margin:80px 40px 0 40px; }
.login-name{ height: 60px; border:none; border-radius: 0; box-shadow: none; border-bottom: solid 1px #ddd; padding-left: 30px; background: url(../images/login01.png) left center no-repeat; background-size: 17px auto; }
.login-password{background: url(../images/login02.png) left center no-repeat; background-size: 14px auto;}
.login-name:focus{ box-shadow: none; }
.login-btn{background: #fb6667;
    background: linear-gradient(to right, #fb6667, #9a0145);
    background: -webkit-linear-gradient(left, #fb6667, #9a0145);
    background: -o-linear-gradient(right, #fb6667, #9a0145);
    background: -moz-linear-gradient(right, #fb6667, #9a0145); padding:10px 100px; color: #fff; font-size: 17px; border-radius: 30px; margin-top: 100px;}
.login-btn:hover,.login-btn:focus{background: #fb6667;
    background: linear-gradient(to right, #fb6667, #9a0145);
    background: -webkit-linear-gradient(left, #fb6667, #9a0145);
    background: -o-linear-gradient(right, #fb6667, #9a0145);
    background: -moz-linear-gradient(right, #fb6667, #9a0145); color: #fff;}
.login-btn-sm{ padding:10px 80px; margin-top: 30px; margin-bottom: 20px; }
.modal-close{ width: 34px; height: 34px; background: url(../images/close.png) center no-repeat; background-size: 100% auto; position: absolute; top: -50px; right: -10px; }
.login-cg img{ width: 103px; margin:20px 0; }
.cg-txt{ font-size: 18px; color: #26d36f; }
.cg-txt-b{ font-size: 12px; color: #666; margin-top: 15px; }
/********报名成功**********/
.bm-box{ background: #fff; padding:20px 30px; margin-bottom: 10px; }
.bm-title{ font-size: 18px; color: #333; height: 18px; line-height: 18px; border-left: solid 2px #990044; padding-left: 10px; }
.bm-number{ font-size: 15px; color: #5d5659; margin-top: 15px; }
.bm-number span{ padding-left: 30px; }
.user-list-tt-no:after{ display: none; }
.user-list-tt-no{ background: none; padding-left: 0; padding-top: 0; }
.user-list-tt-no:before{ left: 0; }
.user-icon-date02{background: url(../images/icon-date02.png) left center no-repeat; background-size: 13px auto;}
.bm-box .user-date{ margin-left: 0; margin-top: 8px; margin-bottom:0; }
.article-p p{ text-align: justify; line-height: 25px; margin-bottom: 5px; }
.article-p{ padding-top: 10px; }
.btn-fix{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; }
.btn-fix .btn{ width: 100%; margin:0; border-radius: 0; }
.fix-height{ height: 46px; }
/********查看1*********/
.user-list-tt-b{margin-top: -10px; background: none; }
.user-icon-no{ background: none; padding-left: 0; }
.user-list-tt-b:before{ left: 0; }
/********自习室******/
.back-fff{ background: #fff; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; }
.zx-tabs{ border-bottom: solid 1px #d5d5d5; border-top: solid 10px #f3f3f3; }
.zx-tabs li{ float: left; width: 50%; }
.zx-tabs li a{ display: inline-block; font-size: 15px; color: #888; padding:15px 0; position: relative; }
.zx-tabs li.active a{ color: #990044; }
.zx-tabs li.active a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #990044; }
.book-list{ margin:0 15px; overflow:hidden; }
.book-list li{ float: left; position: relative; width: 33.333333%; padding:15px 0;  }
.book-list li img{ width: 76px; height: 99px; margin-bottom: 8px; }
.book-list li:before{ display: block; content: ""; position: absolute; left: 0; right: -1000px; bottom: 35px; height: 14px;background: url(../images/book-lind.png) center repeat; background-size: auto 14px; }
/********课程详情********/
.book-box{ padding:25px; display: table; width: 100%; }
.box-img{ display: table-cell; width: 76px; }
.box-img img{ width: 76px; height: 94px; }
.box-tt{ font-size: 18px; color: #333; display: table-cell; padding:0 15px; vertical-align: middle; }
.box-tt span{ padding-left: 10px; position: relative; display: inline-block; }
.box-tt span:before{ display: block; content: ""; position: absolute; left: 0; top: 3px; height: 20px; width: 2px; background: #990044; }
.jj-box{ background: #fff; border-top: solid 10px #f3f3f3; }
.jj-box-tt{ padding:10px 25px; border-bottom: solid 1px #ddd; font-size: 15px; }
.jj-p{ padding:15px 25px; }
.jj-p p{ font-size: 15px; color: 3333; line-height: 28px; margin:0; }
.jj-p p a{ color: #990044; }
.jj-p-hide{ display: none; }
.ml-list li a{ display: block; padding:15px 25px; position: relative; }
.ml-list li a:before{ display: block; content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; border-top: solid 1px #ddd; }
.ml-list li a:after{ display: block; content: ""; position: absolute; right: 25px; top: 0; bottom: 0; width: 7px; background: url(../images/raw.png) center no-repeat; background-size: 100% auto; }
/********食品********/
.header-t{ background: #cfd0cb; font-size: 18px; padding:10px 0; position: relative; }
.go-back{ position: absolute; left: 15px; top: 0; bottom: 0; width: 10px; background: url(../images/raw-l.png) center no-repeat; background-size: 100% auto; }
.article-box{ padding:15px; }
.article-box p{ font-size: 15px; color: #333; line-height: 30px; }

.fix-ul{ position: fixed; left: 0; right: 0; bottom: 0; background: #f9f9f9; z-index: 100; }
.fix-ul li{ float: left; width: 50%; }
.fix-ul li a{ display: block; font-size: 12px; color: #888; padding-top: 23px;line-height: 40px; }
.fix-ul li.fix01 a{ background: url(../images/fix01.png) center 5px no-repeat; background-size: enter 5px no-repeatauto 26px; background-size: auto 26px; }
.fix-ul li.fix02 a{ background: url(../images/fix02.png) center 5px no-repeat; background-size: auto 26px; }
.fix-ul li.fix03 a{ background: url(../images/fix03.png) center 5px no-repeat; background-size: auto 26px; }
.fix-ul li.fix04 a{ background: url(../images/fix04.png) center 5px no-repeat; background-size: auto 26px; }
.fix-ul li.fix01.active a{ background: url(../images/fix01-1.png) center 5px no-repeat; background-size: auto 26px; color: #990044; }
.fix-ul li.fix02.active a{ background: url(../images/fix02-1.png) center 5px no-repeat; background-size: auto 26px; color: #990044; }
.fix-ul li.fix03.active a{ background: url(../images/fix03-1.png) center 5px no-repeat; background-size: auto 26px; color: #990044; }
.fix-height{ height: 52px; }
.login-xl{background: url(../images/icon-xl.png) left center no-repeat;
    background-size: 14px auto;}
.login-zs{background: url(../images/icon-zs.png) left center no-repeat;
    background-size: 20px auto;}
.add-zs{ color: #999; display: inline-block; margin:20px 0; }
.login-btn{ margin-top: 40px; }
.jl-list-tt{ border:none; background: none; padding-right: 0; }
.jl-list-tt span{ float: right; color: #24a840; }
.jl-list-tt:after{ display: none; }
.jf-bottom{ font-size: 12px; color: #999; padding: 10px 15px 0 15px; }
.jl-list-tt span.f{ color: #990044; }
.user-list-tt span{ color: #24a840; font-size: 13px; padding:0 5px; border-radius: 4px; border:solid 1px #24a840; display: inline-block; margin-left: 5px; }
.user-list-tt span.f{ color: #990044; border-color: #990044; }
.my-txt{ color: #990044; }
.user-list-tt-b span{ border:none; }
.jf-mask{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 100;}
.jf-mask-top{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 100;}
.jf-box{ position: fixed; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10000; background: #fff;}
.jf-box-tt{ font-size: 18px; color: #333; padding:10px; border-bottom: solid 1px #990044; }
.jf-box-tt a{ position: absolute; right: 10px; top: 10px; width: 13px; height: 13px; background: url(../images/icon01.png) center no-repeat; background-size: 100% auto; }
.jf-tt{ font-size: 16px; color: #888;text-decoration:line-through; }
.jf-padding{ margin:0 15px; border-bottom: solid 1px #990044; padding:10px 0; }
.jf-money{ font-size: 16px; color: #333; }
.jf-money span{ color: #990044; }
.icon-jf{ background: url(../images/detailjifen.png) left center no-repeat; background-size: 26px auto; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; color: #333; }
.icon-jfs{ background: url(../images/detailjifen.png) left center no-repeat; background-size: 26px auto; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; color: #333; }
.icon-jf span{ font-size: 12px; padding-left: 5px; }
.icon-money{ background: url(../images/detailmoney.png) left center no-repeat; background-size: 26px auto; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; color: #333; }
.icon-money span{ font-size: 12px; padding-left: 5px; }
.sdddq {
    font-family: "宋体";
    font-size: 20px;
    height: 30px;
    width: 150px;


}
.lhj {
    font-family: "宋体";
    font-size: 60px;
    height: 100px;
    width: 350px;
    line-height: 100px;
    text-align: center;
    float:left;
}

.sssd {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #999;
    text-align: center;
}
.bgColor{
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#22000000', EndColorStr='#33FFFFFF');
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0.4) 100%, #FFFFFF 100%);
}
.bgColor1{
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#22FFFFFF', EndColorStr='#33000000');
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0.4) 100%, #FFFFFF 100%);
}
.sdddq{ height: 30px!important; line-height: 15px!important; margin-top: -3px;}
#inpT{ height: 26px!important; width: 80px!important; margin-top: 3px; }
#inp{ width: 30px!important;}
.hj{ font-size: 16px; color: #333; border:none; margin-bottom: 30px; }
.hj span{ color: #990044; }
.jf-mask,.jf-box{ display: none; }
.jf-mask .btn-fix{ position: static; }
.login-bottom{ padding-bottom: 40px; }
.add-zs:hover,.add-zs:focus{ color: #999; }
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.body{padding-bottom: 34px;}
.fix-ul{ padding-bottom: 10px; }

/*.fix-ul{ bottom: 5px; }*/
}
#tihuan1 .tihuan1{
    background: url(../images/fix001.png)  center 5px no-repeat;
    background-size: auto 26px;

}
#tihuan2 .tihuan2{
    background: url(../images/fix002.png)  center 5px no-repeat;
    background-size: auto 26px;
}
#tihuan3 .tihuan3{
    background: url(../images/fix003.png)  center 5px no-repeat;
    background-size: auto 26px;
}

#tihuan4 .tihuan4{
    background: url(../images/fix004.png)  center 5px no-repeat;
    background-size: auto 26px;
}

#tihuan5 .tihuan5{
    background: url(../images/fix003.png)  center 5px no-repeat;
    background-size: auto 26px;
}
#tihuan6 .tihuan6{
    background: url(../images/fix003.png)  center 5px no-repeat;
    background-size: auto 26px;
}