#app{max-width: 750px;margin:0 auto;padding-bottom: 20%;}

h2{background:#41a6ff;padding:7px 0;text-align: center;color:white;position: relative}
h2 .back{position:absolute;top:3px;left:2%;width:10%}

/**学员中心*/
.teboxcontainer{background-image: linear-gradient(to bottom, #41a6ff, rgba(255, 0, 0, 0));padding:10px 0 10px 0;}
    .tebox,.tetools{width:95%;margin:0 auto 10px auto;border:solid 1px #efefef;border-radius:10px;background: #fff}
    .tecenter{display: flex;flex-direction:row;flex-wrap: wrap;padding:10px 20px;font-size:14px; line-height: 28px;}
    .tecenter .l{width:60%;display: flex;flex-direction: row;}
    .tecenter .r{width:40%;padding-top:20px;}
    .tecenter .r ul{text-align: center}
    .tebtn{display:flex;justify-content:space-between;background:#efefef;width:95%;border-radius:5%;margin:10px auto;padding:6px 0;text-align: center;}
    .tebtn a{width:49%;font-size:16px;}

.myke{display:block;width:95%;margin:0 auto 20px auto;}

.tetools h1{margin:10px 0 10px 20px;display: flex;}
.tetools h1 img{width:30%;}
.tetools ul{margin:15px 0;padding:2% 0 0 0;display: flex;flex-wrap: wrap; justify-content: space-around}
.tetools ul a{margin:0 0 10px 0;width:25%;text-align: center}
.tetools ul a img{width:60%;}

.jubao,.lianxi{display:block;margin:10px 0;text-align: center;}
.lianxi{background: #efefef;padding:5px;}

/*缴费记录*/
.search{display: flex;justify-content: flex-start;padding:10px;}
.search input{height:35px;border:none;}
.search input.txt{width:80%;background: #efefef;border-top-left-radius:15px;border-bottom-left-radius:15px;padding-left:15px;}
.search input.btn{width:20%;background:#41a6ff;border-top-right-radius:15px;border-bottom-right-radius:15px;color:white}

.jfinance{margin: 10px 0;}
.jfinance h3{position: relative;}
.jfinance h3 em{position: absolute;top:25%;left:5%;color:white;font-weight: bolder}
.jfinance ul{border:solid 1px #EFEFEF;margin:5px 10px;border-radius: 10px;padding:10px 15px;}
.jfinance ul li{display: flex;justify-content: flex-start;border-bottom: solid 1px #EFEFEF;margin-bottom: 5px;}
.jfinance ul li:last-of-type{border-bottom:none}
.jfinance ul li label{width:35%;color:#333;font-weight:bolder}
.jfinance ul li label i{float:left;margin:10px 5px 0 0;width: 5px;height:5px;border-radius: 3px;background:#41a6ff;}
.jfinance ul li p{width:80%;}

/*学员课表*/
.uinfo{display: flex;justify-content: flex-start;margin:3% 0 0 5%;}
.uinfo .l{width:20%;}
.uinfo .r{width:80%;}
.uinfo .r ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.uinfo .r ul li{margin:0 10px 0 0;padding:3px 10px;border-radius:20px;background: #EFEFEF;text-align: center}

.jfinance h4{display: flex;justify-content: space-between;margin:15px 2%;}
.jfinance h4 a{width:50%;padding:5px 0;text-align: center;background: #efefef;color:#666;}
.jfinance h4 a:first-of-type{border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-right-radius:0;border-bottom-right-radius: 0;}
.jfinance h4 a.start{background:#41a6ff;color:#fff;}
.jfinance h4 a:last-of-type{border-top-left-radius: 0;border-bottom-left-radius: 0; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.jfinance dl{border:solid 1px #EFEFEF;margin:10px 10px;border-radius: 10px;padding:10px 15px;}
.jfinance dl dt{display: flex;justify-content: flex-start;border:none;}
.jfinance dl dt p{width:80%;font-weight: bolder}
.jfinance dl dt p a{color:#41a6ff;margin:0 0 0 10px;font-size:14px;}
.jfinance dl dt p span{font-weight: normal}
.jfinance dl dt label{width: 35%;height:25px;margin:10px 0 0 0;font-size: 14px;padding:5px 0;border-radius:20px;background:#efefef;text-align: center;color:#666;line-height: 25px;}
.jfinance dl dt label.start{background:#41a6ff;color:#fff;}

/*积分中心*/
.sbanner{position: relative;text-align: center}
.sbanner em{position: absolute;top:36%;left:40%;font-size:40px;font-weight: bolder;color:white}

/*在线测评*/
.queryte{display: flex;flex-direction: row;justify-content:flex-start;padding-left:30px;}
.queryte label{width:15%;margin:10px 0 0 0;text-align: center;font-weight: bolder}
.type-ul{width: 85%; padding:5px 0 0 5px; list-style: none;display: flex;flex-wrap: nowrap;overflow-x: auto}
.type-ul li{background: #efefef;color:#333;border:solid 1px #efefef;border-radius: 5px; padding:3px 10px;  margin-right: 5px; margin-bottom:5px; text-align: center; display: flex; flex-direction: column; font-size: 16px; justify-content: center; align-items: center; /* width: 88px; */ flex-shrink: 0;  }
.type-ul li.on{background: #fff;border:solid 1px #41a6ff}
.type-ul-price li{ position: relative; }

.type-inline li{ background:#fff; float: left; border-radius: 15px; font-size: 13px; padding:5px 30px 5px 10px; margin:0 0 5px 5px;}
.type-inline li:after{ content:""; display:inline-block; width: 18px; height: 18px; background:url(images/icon28.png) no-repeat; background-size: 18px; margin-left: 5px; position: absolute; top: 50%; -webkit-transform:translate(0,-50%);}

.type-block li{ background:#fff; position: relative; padding:10px; margin-bottom:1px;}
.type-block li:after{ content:""; display:inline-block; width: 18px; height: 18px; background:url(images/icon28.png) no-repeat; background-size: 18px; margin-left: 5px; position: absolute; top: 50%; right: 10px; -webkit-transform:translate(0,-50%);}

.type-calc li{ position: relative;  width:calc(100% / 3 - 5px);}
.type-calc li:after{ content:""; display:inline-block; width: 18px; height: 18px; background:url(images/icon28.png) no-repeat; background-size: 18px; margin-left: 5px; position: absolute; top: 50%;right: 5px; -webkit-transform:translate(0,-50%);}

.ce{}
.ce ul{display: flex;justify-content:flex-start;flex-wrap: wrap}
.ce ul a{width:30%;margin-left:2.5%;margin-bottom:10px;position: relative;text-align: center;}
.ce ul a img{width:100%}
.ce ul a em{position: absolute;top:23%;left:0;width:100%;font-size:20px;color:#fff}
.ce ul a em.print{position: absolute;top:40%;left:20%;width:50%;padding:0 5px;font-size:12px;color:#41a6ff;background: #fff;border: solid 1px #fff;border-radius: 10px;}
.ce ul a em.txt{position: absolute;top:80%;left:0;width:100%;color:#333;font-size:14px; }

.page{width:100%;margin:7% auto; text-align: center;font-size:14px;font-weight: bolder}
.page a{padding:0 10px;color:#333;}
.page a.active{color:#ff0000;}

.p10{padding-right:10px;}

.v2_btn{position: relative;color:white}
.v2_btn em{position:absolute;top:0;left:0;width:100%; text-align: center;font-style: normal;font-weight: bolder;font-size:18px;}


/*pop*/
.wei-pop{border:solid 1px #efefef;border-radius:5px;width:96%;margin:0 2%}


/**

    <link rel="stylesheet" href="/static/plugs/weiui/css/v2.css">


<a href="javascript:history.go(-1)" class="back"><img src="/static/plugs/weiui/images/icon_v2_back.png" width="35%" /></a>

 class="v2_btn"><img src="/static/plugs/weiui/images/icon_v2_btn.png" width="100%" /><em>提 交</em>

weui-popup__modal wei-pop
 style="color:#333;font-weight: bolder"
 <img src="/static/plugs/weiui/images/icon_v2_close.png" width="60%" />


 <script type="text/javascript">
    var menuindex=3;
</script>
{include file="stu/tabbar_v2"}

 */