@charset 'utf-8';
html{min-width: 1000px;overflow-x: auto;}
body{
background:#f0f0f0;font-size: 13px;
--cgreen:#5cb85c;
--corange:#fa0;
--cred:#d00;
--cblue:#09c;
}
@media (max-width: 768px) {
body{padding-bottom: 0px;}
}
.mainWrap{margin: 130px 0 40px;float: left;width: 100%;}
.mainWrap .cons{float:left;width: 100%;display: flex;position: relative;z-index: 1;}
.mainWrap .cons .sidenav{float: left;width: 200px;}
.mainWrap .cons .sidenav a{float: left;width:  100%;height: 48px;line-height: 48px;color: #000;font-size: 14px;font-family: 'MB';padding: 0 0 0 15px;transition: 0.5s;background: #ddd;margin-bottom: 1px;}
.mainWrap .cons .sidenav a.cur{color: #fff;background: var(--themeone);}
.mainWrap .cons .sidenav a:hover{color:  var(--themeone);background:#fff;}
.mainWrap .cons .mainBar{flex: 1;padding: 0 0 0 20px;}
.mainWrap .cons .mainBar .title{float: left;width: 100%;height: 48px;line-height: 48px;font-size: 15px;border-bottom: 1px solid #eee;margin-bottom: 12px;}
.mainWrap .cons .mainBar .title a{color: var(--themeone);height: 48px;float: left;line-height: 48px;font-size: 24px;font-weight: bold;font-family: 'MB';margin-right: 20px;opacity: 0.5;cursor: pointer;}
.mainWrap .cons .mainBar .title .hover,
.mainWrap .cons .mainBar .title .cur{color: var(--themeone);height: 48px;float: left;line-height: 48px;font-size: 24px;font-weight: bold;font-family: 'MB';opacity: 1;}
.mainWrap .cons .mainBar .title .a{color: var(--themefive);height: 48px;float: right;line-height: 48px;font-size: 16px;opacity: 1;}
.mainWrap .cons .mainBar .content{width: 100%;float: left;}
.mainWrap .cons .mainBar .content .newsul{width: 100%;float: left;margin: 10px 0;}
.mainWrap .cons .mainBar .content .newsul li{width: 100%;float: left;color: #C1C1C3;}
.mainWrap .cons .mainBar .content .newsul li a{line-height:26px;color:#333;text-indent: 15px;float: left;}
@media (max-width: 768px) {
.mainWrap{margin:0;}
.mainWrap .cons .sidenav{display: none;}
.mainWrap .cons .mainBar{width: 100%;flex: 1;padding: 0;}
.mainWrap .cons .mainBar .title{height: 60px;line-height: 60px;font-size: 15px;margin-top:70px;border-bottom: 1px solid #eee;background: #fff;position: relative;padding: 0 20px;}
.mainWrap .cons .mainBar .title .cur{font-size: 24px;}
.mainWrap .cons .mainBar .title .a{font-size: 16px;}
.mainWrap .cons .mainBar .content{width: 100%;float: left;padding: 20px 20px 60px;}
}

/*会员登出*/
.mlogout{float: left;width: 100%;padding: 10px 20px 20px;display: none;}
@media (max-width: 768px) {
.mlogout{display: block;margin-bottom: 30px;}
.mlogout a{width: 100%;line-height: 50px;height: 50px;padding: 0;font-size: 16px;background: #223061;border:none;}
}
.btn{transition:0.5s;line-height: 32px;padding: 0 8px;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"]{
	-webkit-appearance: none;
    border-radius: 4px;
}

/*profile_form*/
.profile_form{float: left;width: 100%;max-width: 500px;}
.profile_form .uname{float: left;width: 100%;margin:20px 0 30px;}
.profile_form .uname b{line-height: 30px;font-size: 24px;font-family: 'MB';}
.profile_form .uname a{line-height: 20px;vertical-align: bottom;font-size: 16px;margin-left: 8px;}
.profile_form .li{float: left;width: 100%;margin: 0 0 15px;}
.profile_form .li.half{float: left;width: 48%;margin: 0 0 15px;}
.profile_form .li.fr{float: right;}
.profile_form .li .libox{float: left;width: 31.33%;margin: 0 2% 2% 0;overflow: hidden;}
.profile_form .li .lil{float: left;width:100%;line-height: 30px;font-size: 16px;font-family: 'MB';}
.profile_form .li .lir{float: right;width:100%;position: relative;}
.profile_form .li .lir .p{float: left;line-height: 40px;line-height: 40px;color: #888;}
.profile_form .li .lir .red{float: left;line-height: 40px;color: red;margin-right: 10px;}
.profile_form .li .lir .input{float: left;margin:0;background: #fff;width: 100%;color: #000;border: 2px solid #ddd;position:relative;}
.profile_form .li .lir .checkbox{float: left;margin: 12px 10px 0 0 ;}
.profile_form .li .lir .radios{float: left;margin: 12px 10px 0 0 ;}
.profile_form .li .lir .radios span{float: left;margin:0 ;padding: 0;}
.profile_form .li .lir .label{float: left;margin: 0 5px 0 0;padding: 0;}
.profile_form .li .lir .label .radio{margin-right: 5px;}
.profile_form .li .lir .label span{float: left;margin: 0 10px 0 0;padding: 0;line-height: 40px;color: #888;font-weight: normal;}
.profile_form .li .lir .textarea{float: left;height: 80px;width: 100%;}
.profile_form .li .lir .amend{position: absolute;color: var(--themefive);font-size: 16px;font-family: 'MB';z-index: 5;top: 0;right: 20px;line-height: 40px;}
.profile_form .li .lir .btn{float: left;padding: 0 30px;line-height: 40px;text-transform: uppercase;font-family: 'MB';}
.profile_form.readonly .li .lir .input{background: #ddd;border:none;}
@media (max-width: 768px) {
.profile_form .li{margin-bottom: 10px;}
.profile_form .li .lir .tips{display: none;}
.profile_form .li .lil{width:100%;text-align: left;}
.profile_form .li .lir{width:100%;}
.profile_form .li .lir .red{display: none;}
.profile_form .li .lir .Wdate{height:44px;}
.profile_form .li .lir .btn{line-height: 44px;margin-top: 20px;}
}

/*会员中心表格*/
/*address_table*/
.address_table{float: left;width: 100%;margin-bottom: 20px;}
.address_table .li{float: left;width: 100%;border-bottom: 1px solid #aaa;display: flex;transition: 0.5s;}
.address_table .li:hover{background: var(--themefour);color: #fff;border-bottom: 1px solid var(--themefour)}
.address_table .li:hover a{color: #fff;}
.address_table .li.h{border:1px solid #aaa;background: #e5e5e5;color: #000;}
.address_table .li.h .cell{font-weight: bold;font-family: 'MB';font-size: 15px;}
.address_table .li .cell{float: left;line-height: 20px;padding:20px 10px;font-weight: bold;word-break: break-word;}
.address_table .li .cell a{transition: 0.5s;}
.address_table .li .red{color: red;}
.address_table .li .name{width: 15%;}
.address_table .li .country{width: 15%;}
.address_table .li .address{flex: 1}
.address_table .li .phone{width: 15%;}
.address_table .li .actions{width: 10%;text-align: center ;}
.address_table .li .zipcode{width: 120px;}
@media (max-width: 768px) {
.address_table{border:none;}
.address_table .li .cell{line-height: 20px;padding: 15px 5px;}
.address_table .li .name{width: 30%;}
.address_table .li .country{display: none;}
.address_table .li .address{width: 50%;}
.address_table .li .phone{display: none;}
.address_table .li .zipcode{display: none;}
.address_table .li .actions{width: 20%;}
}


/*会员中心表格*/
/*order_table*/
.order_table{float: left;width: 100%;margin-bottom: 20px;}
.order_table .li{float: left;width: 100%;border-bottom: 1px solid #aaa;display: flex;transition: 0.5s;align-items: center;}
.order_table .li:hover{background: var(--themefour);color: #fff;border-bottom: 1px solid var(--themefour)}
.order_table .li:hover a{color: #fff;}
.order_table .more_box .li:hover{background: none;color: #0a0a0a;}
.order_table .more_box .li:hover a{color:#0a0a0a;}
.order_table .li.h{border:1px solid #aaa;background: #e5e5e5;color: #000;}
.order_table .li.h .cell{font-weight: bold;font-family: 'MB';font-size: 15px;}
.order_table .li.h .cell b{display: inline-block;}
.order_table .li .cell{float: left;line-height: 20px;padding:20px 10px;font-weight: bold;word-break: break-word;}
.order_table .li .cell a{transition: 0.5s;}
.order_table .li .red{color: red;}
.order_table .li .detail{width: 20%;}
.order_table .li .type{width:140px;}
.order_table .li .amount{width: 15%;}
.order_table .li .date{width: 120px;}
.order_table .li .status{width: 35%;}
.order_table .li .actions{width: 15%;text-align: center ;}
.order_table .li .actions .bi-envelope-fill{color: var(--themethree)}
@media (max-width: 768px) {
.order_table{border:none;}
.order_table .li .cell{line-height: 20px;padding: 15px 5px;}
.order_table .li .detail{width: 30%;}
.order_table .li .amount{display: none;}
.order_table .li .status{width: 50%;}
.order_table .li .date{display: none;}
.order_table .li .actions{width: 20%;}
}






















.gmalltop{float: left;width: 100%;display: none;background:#000;margin-bottom:0px;}
.gmalltop .box{float: left;width: 100%;padding:20px 0 15px;background: #00506b;box-shadow: 0 10px 10px rgba(0,0,0,0.1);position: relative;z-index: 999;text-align: left;}
.gmalltop .box .t{float: left;width: 100%;padding: 0 20px 10px;position: right}
.gmalltop .box .t b{float: left;line-height: 40px;font-size: 20px;width: 100%;margin-bottom: 10px;}
.gmalltop .box .t p{float: left;line-height: 20px;font-size: 14px;width: 100%;color: #fff;opacity: 0.6;margin-top:0px;}
.gmalltop .box .t em{float: left;line-height: 22px;font-size: 18px;margin-right: 10px;color: #fff;font-weight: bold;}
.gmalltop .box .t a{float: right;line-height: 40px;position: absolute;top: 20px;right: 20px;border-radius: 40px;background: #fa0;padding: 0 10px;}
.gmalltop .box .t a i{float: left;font-size: 16px;color: #fff;font-style: normal;}
.gmalltop .box .t a span{float: left;font-size: 24px;color: #fff;}
@media (max-width: 768px) {
.gmalltop{display: block;}
}

/*gmallUl*/
.gmallUl{float: left;width: 100%;margin:20px 0 0;}
.gmallUl a{float: left;width:22%;margin: 0 4% 30px 0;position: relative;padding: 0 0 20px;transition:0.5s;background:#eee;text-align: center;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 10px rgba(0,0,0,0.02);border:1px solid #f4f4f4;}
.gmallUl a:nth-child(4n){margin-right: 0;}
.gmallUl a:hover{background: var(--themetwo);}
.gmallUl a:hover .img{background: #333}
.gmallUl a:hover .img img{opacity: 0.2;}
.gmallUl a:hover .tit{color: #fff;}
.gmallUl a:hover .tag{opacity: 1;padding-top: 40%;}
.gmallUl a:hover .p{color: #fff;}
.gmallUl a .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 30% 0;opacity: 0;transition:0.5s;left: 0;color: #fff;}
.gmallUl a .tag i{color:#fff;background:var(--themetwo);color: #fff;line-height: 36px;width: 100%;border-radius: 36px;float: left;font-style: normal;cursor: pointer;}
.gmallUl a .img{float: left;width:100%;transition:0.5s;}
.gmallUl a .img img{float: left;width:100%;transition:0.5s;}
.gmallUl a .tit{float: left;width:100%;line-height: 24px;color: #000;overflow: hidden;font-size: 15px;padding:0px 15px;margin: 15px 0 5px;transition:0.5s;overflow: hidden;}
.gmallUl a .p{float: left;width:100%;color: #666;line-height: 20px;overflow: hidden;transition:0.5s;}
@media (max-width: 992px) {
.gmallUl{float: left;width: 100%;margin-bottom:0px;padding:60px 0 0px;margin-top: 0px;}
.gmallUl a{float: left;width:47%;margin: 0 0 20px 0;position: relative;padding: 0 0px 10px;transition:0.5s;}
.gmallUl a:nth-child(2n){float: right;}
.gmallUl a:hover{background: #d80d18;}
.gmallUl a:hover .tit{color: #fff;}
.gmallUl a .img{float: left;width:100%;padding: 0 0%;}
.gmallUl a .img img{float: left;width:100%;}
.gmallUl a .tit{float: left;width:100%;line-height:20px;overflow: hidden;font-size: 13px;padding:0px 10px 0;height: 20px;margin: 15px 0 5px;transition:0.5s;overflow: hidden;}
.gmallUl a .p{float: left;width:100%;padding: 0 10px;line-height: 20px;height: auto;font-size: 12px;overflow: hidden;}
}

/*tuitionUl*/
.tuitionUl{float: left;width: 100%;margin:20px 0 0;}
.tuitionUl .li{float: left;width:100%;margin: 0 0 30px 0;position: relative;padding:20px;transition:0.5s;background:var(--themeBcolor);border-radius: 10px;overflow: hidden;border:1px solid #f4f4f4;}
.tuitionUl .li:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.1)}
.tuitionUl .li .a{color:#fff;background:var(--themetwo);color: #fff;line-height: 44px;border-radius: 6px;float: left;cursor: pointer;padding: 0 50px 0 20px;font-size: 15px;font-weight: bold;font-style: normal;}
.tuitionUl .li .success{background:none;border:1px solid green;color: green;}
.tuitionUl .li .img{float: left;width:100%;transition:0.5s;}
.tuitionUl .li .img img{float: left;width:100%;transition:0.5s;}
.tuitionUl .li .tit{float: left;width:100%;line-height: 32px;color: #000;font-size: 18px;margin: 5px 0 15px;transition:0.5s;font-weight: bold;}
.tuitionUl .li .p{float: left;width:100%;color: #666;line-height: 20px;transition:0.5s;margin-bottom: 10px;border-top: 1px dashed #d6e1e4;padding-top: 15px;}
.tuitionUl .li .desc{float: left;width:100%;color: #666;line-height: 20px;transition:0.5s;margin-bottom: 15px;}
@media (max-width: 992px) {
.tuitionUl{float: left;width: 100%;margin-bottom:0px;padding:60px 0 0px;margin-top: 0px;}
.tuitionUl .li{float: left;width:100%;margin: 0 0 20px 0;position: relative;padding: 15px;transition:0.5s;}
.tuitionUl .li .img{float: left;width:100%;padding: 0 0%;}
.tuitionUl .li .img img{float: left;width:100%;}
.tuitionUl .li .tit{float: left;width:100%;line-height:20px;font-size: 15px;padding:0px 0px 10px;margin: 10px 0 8px;transition:0.5s;font-weight: bold;}
.tuitionUl .li .p{float: left;width:100%;padding:10px 0 0px;line-height: 20px;height: auto;font-size: 12px;overflow: hidden;}
}
.tuitionPay{float: left;width: 100%;margin-bottom: 30px;}
.tuitionPay .form{float: right;width: 100%;padding: 20px;background: rgba(255,255,255,0.1);border-radius:0 10px 10px 10px;}
.tuitionPay .form .blank1{float: left;width: 100%;height: 1px;}
.tuitionPay .form .name{float: left;width: 100%;line-height: 60px;font-size: 30px;font-weight: bold;}
.tuitionPay .form .price{float: left;width: 100%;height: 50px;margin-bottom: 10px;color: #d00;font-weight: bold;}
.tuitionPay .form .price i{float: left;line-height: 20px;color: #d00;margin-right: 10px;font-style: normal;margin-top: 22px;font-size: 16px;}
.tuitionPay .form .price b{float: left;line-height: 50px;color: #d00;margin-right: 10px;font-size: 40px;}
.tuitionPay .form .desc{float: left;width: 100%;line-height: 30px;color: #888;margin-bottom: 10px;}
.tuitionPay .form .texts{float: left;width: 100%;line-height: 30px;color: #888;margin-bottom: 0px;background: var(--themeBcolor);padding: 20px;margin-bottom: 15px;}
.tuitionPay .form .textarea{float: left;width:100%;background: none;border: 1px solid #eee;margin-bottom: 20px;border-radius: 4px;line-height: 38px;height: 120px;padding-left: 10px;}
.tuitionPay .form .btns{float: left;;line-height: 50px;padding: 0 80px 0 30px;height: 50px;border-radius: 4px;background: var(--themeone);color: #fff;border: none;font-size: 16px;box-shadow: 0 3px 3px rgba(0,0,0,0.05);transition:0.5s;font-weight: bold;}
.tuitionPay .form .btns:hover{box-shadow: 0 3px 8px rgba(0,0,0,0.3);}
.tuitionPay .info .form .ok{float: left;;line-height: 50px;padding: 0 30px;height: 50px;border-radius: 4px;background: #fff;color: green;border: 1px solid green;font-size: 15px;transition:0.5s;}
.tuitionPay .form .info{float: left;width: 100%;margin-top: 30px;padding-top: 30px;border-top: 1px dashed #eee;color: #aaa;}
.tuitionPay .form ul{float: left;width: 100%;margin-top: 30px;padding-top: 30px;border-top: 1px dashed #eee;}
.tuitionPay .form ul li{float: left;width: 100%;background: var(--themeBcolor);padding: 15px;line-height: 30px;margin-bottom: 20px;}
.tuitionPay .form ul li p{float: left;width: 20%;}
.tuitionPay .form ul li i{float: left;width: 20%;color: #d00;font-style: normal;}
.tuitionPay .form ul li span{float: left;width: 30%;color: #888;}
.tuitionPay .form ul li em{float: right;background: #d6e1e4;padding: 0 20px;border-radius: 4px;color: #999;}
.tuitionPay .form ul li em.success{background: green;color: #fff;}
.tuitionPay .form .rechargePaymethod{float: left;width: 100%;margin: 0 0 30px;}
.tuitionPay .form .rechargePaymethod label{float: left;width: 150px;height: 50px;border: 1px solid #eee;margin: 0 10px 0 0;padding: 8px 8px 8px 15px;border-radius: 4px;}
.tuitionPay .form .rechargePaymethod input[type="radio"]{margin-top: 10px;}
.tuitionPay .form .rechargePaymethod .alipay{background: url(/Public/Common/Images/bank.jpg) no-repeat 35px 7px;background-size: 70% }
.tuitionPay .form .rechargePaymethod .tenpay{background: url(/Public/Common/Images/bank.jpg) no-repeat 35px -39px; }
.tuitionPay .form .rechargePaymethod .weixinpay{background: url(/Public/Common/Images/bank.jpg) no-repeat 35px -64px; background-size: 70% ;}
@media (max-width: 992px) {
.tuitionPay .form{float: right;width: 100%;padding:60px 0 0px;border-radius:0px;background: none;}
.tuitionPay .form .blank1{float: left;width: 100%;height: 1px;}
.tuitionPay .form .name{float: left;width: 100%;line-height: 40px;font-size: 20px;}
.tuitionPay .form .price{float: left;width: 100%;line-height: 30px;margin-bottom: 20px;}
.tuitionPay .form .select{float: left;width: 31%;margin-bottom: 20px;border-radius: 4px;line-height: 38px;height: 40px;padding-left: 15px;margin-right:1%;}
.tuitionPay .form .btns{float: left;;line-height: 50px;padding: 0 30px;height: 50px;border-radius: 4px;border: none;font-size: 16px;box-shadow: 0 3px 3px rgba(0,0,0,0.05);transition:0.5s;width: 100%;font-weight: bold;}
.tuitionPay .form .btns:hover{box-shadow: 0 3px 8px rgba(0,0,0,0.3);}
.tuitionPay .form ul li{float: left;width: 100%;background: var(--themeBcolor);padding: 15px;line-height: 30px;margin-bottom: 20px;}
.tuitionPay .form ul li p{float: left;width: 50%;}
.tuitionPay .form ul li i{float: left;width: 50%;color: #d00;font-style: normal;text-align: right;}
.tuitionPay .form ul li span{float: left;width: 50%;color: #888;}
.tuitionPay .form ul li em{float: right;background: #d6e1e4;padding: 0 20px;border-radius: 4px;color: #999;}
.tuitionPay .form ul li em.success{background: green;color: #fff;}
}

.gmallexchange{float: left;width: 100%;margin-bottom: 30px;}
.gmallexchange .info{float: left;width: 100%;}
.gmallexchange .info .l{float: left;width: 30%;}
.gmallexchange .info .l img{float: left;width: 100%;border-radius: 10px 0 0 10px;}
.gmallexchange .info .form{float: right;width: 70%;padding: 40px;background: rgba(255,255,255,0.1);border-radius:0 10px 10px 10px;}
.gmallexchange .info .form .blank1{float: left;width: 100%;height: 1px;}
.gmallexchange .info .form .name{float: left;width: 100%;line-height: 40px;font-size: 20px;}
.gmallexchange .info .form .integral{float: left;width: 100%;line-height: 30px;}
.gmallexchange .info .form .input{float: left;width: 60%;background: none;border: 1px solid #eee;margin-bottom: 20px;border-radius: 4px;line-height: 38px;height: 40px;padding-left: 10px;}
.gmallexchange .info .form .input.long{width: 80%;}
.gmallexchange .info .form .select{float: left;width: 18%;background: #fff;border: 1px solid #eee;margin-bottom: 20px;border-radius: 4px;line-height: 38px;height: 40px;padding-left: 10px;margin-right: 3%;color: #333;}
.gmallexchange .info .form .btns{float: left;;line-height: 50px;padding: 0 30px;height: 50px;border-radius: 4px;background: var(--themeone);color: #fff;border: none;font-size: 15px;box-shadow: 0 3px 3px rgba(0,0,0,0.05);transition:0.5s;}
.gmallexchange .info .form .btns:hover{box-shadow: 0 3px 8px rgba(0,0,0,0.3);}
.gmallexchange .info .form .img_detail{float: left;width: 100%;padding-top: 20px;border-top: 1px dashed rgba(255,255,255,0.1);margin-top: 20px;}
.gmallexchange .info .form .img_detail img{float: left;width: 100%;}
@media (max-width: 992px) {
.gmallexchange .info .l{float: left;width: 100%;display: none;}
.gmallexchange .info .l img{float: left;width: 100%;border-radius:0px;}
.gmallexchange .info .form{float: right;width: 100%;padding:60px 0 0px;border-radius:0px;background: none;}
.gmallexchange .info .form .blank1{float: left;width: 100%;height: 1px;}
.gmallexchange .info .form .name{float: left;width: 100%;line-height: 40px;font-size: 20px;}
.gmallexchange .info .form .integral{float: left;width: 100%;line-height: 30px;margin-bottom: 20px;}
.gmallexchange .info .form .input{float: left;width: 100%;background: none;margin-bottom: 20px;border-radius: 4px;line-height: 38px;height: 40px;padding-left: 15px;}
.gmallexchange .info .form .input.long{width: 100%;}
.gmallexchange .info .form .select{float: left;width: 31%;margin-bottom: 20px;border-radius: 4px;line-height: 38px;height: 40px;padding-left: 15px;margin-right:1%;}
.gmallexchange .info .form .btns{float: left;;line-height: 50px;padding: 0 30px;height: 50px;border-radius: 4px;border: none;font-size: 15px;box-shadow: 0 3px 3px rgba(0,0,0,0.05);transition:0.5s;width: 100%;}
.gmallexchange .info .form .btns:hover{box-shadow: 0 3px 8px rgba(0,0,0,0.3);}
.gmallexchange .info .form .img_detail{float: left;width: 100%;padding-top: 20px;border-top: 1px dashed rgba(255,255,255,0.1);margin-top: 20px;}
.gmallexchange .info .form .img_detail img{float: left;width: 100%;}
}

/*gorderUl*/
.gorderUl{float: left;width: 100%;margin-bottom: 30px;}
.gorderUl li{float: left;width: 100%;border-bottom: 1px dashed #eee;padding: 15px;}
.gorderUl li.top{border-bottom: 1px solid #eee;border-top: 2px solid #d6e1e4;background: #f5fbff;font-weight: bold;}
.gorderUl li .cell{width: 25%;line-height: 24px;float: left;}
.gorderUl li .cell:nth-child(1){width: 30%;}
.gorderUl li .cell:nth-child(2){width: 20%;}
.gorderUl li .cell:nth-child(3){width: 50%;}
@media (max-width: 768px) {
.gorderUl{float: left;width: 100%;margin-bottom: 30px;padding: 60px 0 0px}
.gorderUl li{float: left;width: 100%;margin-bottom: 15px;border: none;border-radius: 6px;background: #f4f4f4;padding: 15px;}
.gorderUl li.top{display: none;}
.gorderUl li .cell{width: 100%;line-height: 30px;float: left;}
.gorderUl li .cell:nth-child(1){width: 50%;}
.gorderUl li .cell:nth-child(2){width: 50%;text-align: right;}
.gorderUl li .cell:nth-child(3){width: 100%;}
}

/*recordsUl*/
.recordsUl{float: left;width: 100%;margin-bottom: 30px;}
.recordsUl li{float: left;width: 100%;border-bottom: 1px dashed #eee;padding: 15px;}
.recordsUl li.top{border-bottom: 1px solid #eee;border-top: 2px solid #d6e1e4;background: #f5fbff;font-weight: bold;}
.recordsUl li .cell{width: 25%;line-height: 24px;float: left;}
.recordsUl li .cell:nth-child(1){width: 30%;}
.recordsUl li .cell:nth-child(2){width: 20%;}
.recordsUl li .cell:nth-child(3){width: 50%;}
.recordsUl li .contitle{width: 100%;line-height: 24px;float: left;display: none;color: #333;margin-top: 10px;border-top: 1px dashed #d6e1e4;padding-top: 10px;font-weight: bold;text-align: left;}
.recordsUl li .context{width: 100%;line-height: 24px;float: left;display: none;color: #888;margin-top: 5px;}
@media (max-width: 768px) {
.recordsUl{float: left;width: 100%;margin-bottom: 30px;padding: 60px 0 0px}
.recordsUl li{float: left;width: 100%;margin-bottom: 15px;border: none;border-radius: 6px;background: #f5fbff;padding: 15px;}
.recordsUl li.top{display: none;}
.recordsUl li .cell{width: 100%;line-height: 30px;float: left;}
.recordsUl li .cell:nth-child(1){width: 50%;}
.recordsUl li .cell:nth-child(2){width: 50%;text-align: right;}
.recordsUl li .cell:nth-child(3){width: 100%;}
.recordsUl li .contitle{display: block;}
.recordsUl li .context{display: block;}
}

.testResultUl{float: left;width: 100%;margin-bottom: 30px;}
.testResultUl li{float: left;width: 100%;border-bottom: 1px dashed #eee;padding: 15px;}
.testResultUl li.top{border-bottom: 1px solid #eee;border-top: 2px solid #d6e1e4;background: #f5fbff;font-weight: bold;}
.testResultUl li .cell{width: 25%;line-height: 24px;float: left;}
.testResultUl li .cell:nth-child(1){width: 30%;}
.testResultUl li .cell:nth-child(2){width: 20%;}
.testResultUl li .cell:nth-child(2) span{font-size: 20px;}
.testResultUl li .cell:nth-child(3){width: 50%;}
@media (max-width: 768px) {
.testResultUl{float: left;width: 100%;margin-bottom: 30px;padding: 0px 0 0px}
.testResultUl li{float: left;width: 100%;margin-bottom: 15px;border: none;border-radius: 6px;background: #f5fbff;padding: 15px;}
.testResultUl li.top{display: none;}
.testResultUl li .cell{width: 100%;line-height: 30px;float: left;}
.testResultUl li .cell:nth-child(1){width: 50%;}
.testResultUl li .cell:nth-child(2){width: 50%;text-align: right;}
.testResultUl li .cell:nth-child(2) span{font-size: 26px;}
.testResultUl li .cell:nth-child(3){width: 100%;}
}


.mallorderUl{float: left;width: 100%;margin-bottom: 30px;}
.mallorderUl li{float: left;width: 100%;border-bottom: 1px dashed #eee;padding: 15px;}
.mallorderUl li.top{border-bottom: 1px solid #eee;border-top: 2px solid #d6e1e4;background: #f5fbff;font-weight: bold;}
.mallorderUl li .cell{width: 25%;line-height: 24px;float: left;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.mallorderUl li .cell:nth-child(1){width: 35%;}
.mallorderUl li .cell:nth-child(2){width: 20%;color: #00c5d1;font-size: 16px;}
.mallorderUl li .cell:nth-child(2) em{font-size: 12px;display: inline-block;background: #00c5d1;line-height: 20px;padding: 0 5px;border-radius: 4px;font-style: normal;color: #fff;}
.mallorderUl li .cell:nth-child(2) span{font-size: 20px;}
.mallorderUl li .cell:nth-child(3){width: 25%;}
.mallorderUl li .cell:nth-child(4){width: 20%;}
.mallorderUl li .cell:nth-child(4) i{font-style:normal;background:#fa0;color:#fff;padding:0 6px;border-radius:5px;display:inline-block;}
@media (max-width: 768px) {
.mallorderUl{float: left;width: 100%;margin-bottom: 30px;padding: 0px 0 0px}
.mallorderUl li{float: left;width: 100%;margin-bottom: 15px;border: none;border-radius: 6px;background: #f5fbff;padding: 15px;}
.mallorderUl li.top{display: none;}
.mallorderUl li .cell{width: 100%;line-height: 30px;float: left;}
.mallorderUl li .cell:nth-child(1){width: 70%;}
.mallorderUl li .cell:nth-child(2){width: 30%;text-align: right;}
.mallorderUl li .cell:nth-child(2) span{font-size: 26px;}
.mallorderUl li .cell:nth-child(3){width: 100%;}
.mallorderUl li .cell:nth-child(4){width: 100%;}
.mallorderUl li .cell:nth-child(4) i{float: right;}
}


.courseUl{float: left;width: 100%;margin-bottom: 30px;}
.courseUl li{float: left;width: 100%;border-bottom: 1px dashed #eee;padding: 15px;}
.courseUl li.top{border-bottom: 1px solid #eee;border-top: 2px solid #d6e1e4;background: #f5fbff;font-weight: bold;}
.courseUl li .cell{width: 50%;line-height: 24px;float: left;}
.courseUl li .cell:nth-child(1){width: 60%;}
.courseUl li .cell:nth-child(2){width: 40%;}
@media (max-width: 768px) {
.courseUl{float: left;width: 100%;margin-bottom: 30px;padding: 60px 0 0px}
.courseUl li{float: left;width: 100%;margin-bottom: 15px;border: none;border-radius: 6px;background: #f5fbff;padding: 15px;}
.courseUl li.top{display: none;}
.courseUl li .cell{width: 100%;line-height: 30px;float: left;}
.courseUl li .cell:nth-child(1){width: 100%;font-weight: bold;font-size: 15px;}
.courseUl li .cell:nth-child(2){width: 100%;color: #888;}
}
/*学校班级老师*/
.schoolFile{float: left;width: 100%;margin-bottom: 20px;background: #f5fbff;padding: 30px 0 40px;border-bottom: 5px solid #ecf5fc;}
.schoolFile .tag{float: left;background: #00c5d1;line-height: 44px;padding: 0 100px 0 30px;font-size: 14px;font-weight: bold;color: #fff;border-radius: 0 44px 44px 0;}
.schoolFile .text{float: left;width: 100%;color: #333;padding: 20px 30px 0;line-height: 30px;font-size: 14px;}
@media (max-width: 768px) {
.schoolFile{margin-top: 60px;padding: 30px 0 30px;margin-bottom: 0px;}
.schoolFile .tag{padding: 0 40px 0 20px;font-size: 14px;line-height: 40px;border-radius: 0 40px 40px 0;}
.schoolFile .text{padding: 15px 20px 0;line-height: 28px;}
}
.classesFile{float: left;width: 100%;margin-bottom: 20px;background: #fff5f7;padding: 30px 0 40px;border-bottom: 5px solid #f7eaed;}
.classesFile .tag{float: left;background: #d7b9bf;line-height: 44px;padding: 0 100px 0 30px;font-size: 14px;font-weight: bold;color: #fff;border-radius: 0 44px 44px 0;}
.classesFile .text{float: left;width: 100%;color: #333;padding: 20px 30px 0;line-height: 30px;font-size: 14px;}
@media (max-width: 768px) {
.classesFile{margin-top: 0px;padding: 30px 0 30px;margin-bottom: 0px;}
.classesFile .tag{padding: 0 40px 0 20px;font-size: 14px;line-height: 40px;border-radius: 0 40px 40px 0;}
.classesFile .text{padding: 15px 20px 0;line-height: 28px;}
}
.teacherFile{float: left;width: 100%;margin-bottom: 20px;background: #fff5ff;padding: 30px 0 40px;border-bottom: 5px solid #efe6ef;}
.teacherFile .tag{float: left;background: #c9a8c9;line-height: 44px;padding: 0 100px 0 30px;font-size: 14px;font-weight: bold;color: #fff;border-radius: 0 44px 44px 0;}
.teacherFile .text{float: left;width: 100%;color: #333;padding: 30px 30px 0;}
.teacherFile .text .li{float: left;width: 40%;margin: 0px 2% 30px 0;position: relative;}
.teacherFile .text .li .avatar{position: absolute;width: 100px;height: 100px;}
.teacherFile .text .li .avatar img{float: left;width: 100px;height: 100px;border-radius: 100%;background: #fff;padding: 5px;border: 1px solid #c9a8c9;}
.teacherFile .text .li .info{padding-left:120px;width: 100%;min-height: 100px;}
.teacherFile .text .li .info b{float: left;width: 100%;font-weight: bold;font-size: 15px;color: #000;line-height: 40px;}
.teacherFile .text .li .info p{float: left;width: 100%;line-height: 24px;}
@media (max-width: 768px) {
.teacherFile{margin-top: 0px;padding: 30px 0 30px;margin-bottom: 0px;}
.teacherFile .tag{padding: 0 40px 0 20px;font-size: 14px;line-height: 40px;border-radius: 0 40px 40px 0;}
.teacherFile .text{padding: 25px 20px 0;line-height: 28px;}
.teacherFile .text .li{float: left;width: 100%;margin: 0px 0% 20px 0;position: relative;}
.teacherFile .text .li .avatar{position: absolute;width: 80px;height: 80px;}
.teacherFile .text .li .avatar img{float: left;width: 80px;height: 80px;border-radius: 100%;background: #fff;padding: 5px;border: 1px solid #c9a8c9;}
.teacherFile .text .li .info{padding-left:100px;width: 100%;min-height: auto;}
.teacherFile .text .li .info b{float: left;width: 100%;font-weight: bold;font-size: 15px;color: #000;line-height: 30px;}
.teacherFile .text .li .info p{float: left;width: 100%;line-height: 24px;}
}

.schoolmateFile{float: left;width: 100%;margin-bottom: 20px;background: #fff5ff;padding: 30px 0 40px;border-bottom: 5px solid #efe6ef;}
.schoolmateFile .tag{float: left;background: #c9a8c9;line-height: 44px;padding: 0 100px 0 30px;font-size: 14px;font-weight: bold;color: #fff;border-radius: 0 44px 44px 0;}
.schoolmateFile .text{float: left;width: 100%;color: #333;padding: 30px 30px 0;}
.schoolmateFile .text .li{float: left;width: 15%;margin: 0px 1% 20px 0;position: relative;}
.schoolmateFile .text .li .avatar{width:100%;float: left;text-align: center;}
.schoolmateFile .text .li .avatar img{width: 80px;border-radius: 100%;background: #fff;padding: 5px;border: 1px solid #c9a8c9;display: inline-block;height: 80px;}
.schoolmateFile .text .li .info{width: 100%;min-height: 100px;float: left;text-align: center;padding-top: 10px;}
.schoolmateFile .text .li .info b{float: left;width: 100%;font-weight: bold;font-size: 15px;color: #000;line-height: 30px;}
.schoolmateFile .text .li .info p{float: left;width: 100%;line-height: 24px;}
@media (max-width: 768px) {
.schoolmateFile{margin-top: 0px;padding: 30px 0 30px;margin-bottom: 0px;}
.schoolmateFile .tag{padding: 0 40px 0 20px;font-size: 14px;line-height: 40px;border-radius: 0 40px 40px 0;}
.schoolmateFile .text{padding: 15px 20px 0;line-height: 28px;}
.schoolmateFile .text .li{float: left;width: 31.33%;margin: 0px 1% 20px;position: relative;}
.schoolmateFile .text .li .avatar{width:100%;float: left;text-align: center;}
.schoolmateFile .text .li .avatar img{width: 80px;border-radius: 100%;background: #fff;padding: 5px;border: 1px solid #c9a8c9;display: inline-block;height: 80px;}
.schoolmateFile .text .li .info{width: 100%;min-height: 100px;float: left;text-align: center;padding-top: 10px;}
.schoolmateFile .text .li .info b{float: left;width: 100%;font-weight: bold;font-size: 15px;color: #000;line-height: 30px;}
.schoolmateFile .text .li .info p{float: left;width: 100%;line-height: 24px;}
}

.tubiao{float: left;width: 100%;height: 250px;margin-bottom: 30px;}
@media (max-width: 768px) {
.tubiao{height: 180px;padding: 15px 0 20px;}
}

.recordsInfo{float: left;width: 100%;margin-bottom: 20px;background: #f5fbff;padding: 30px 0 20px;border-bottom: 5px solid #ecf5fc;margin-bottom: 40px;}
.recordsInfo .tag{float: left;background: #00c5d1;line-height: 50px;padding: 0 100px 0 30px;font-size: 18px;font-weight: bold;color: #fff;border-radius: 0 50px 50px 0;}
.recordsInfo .text{float: left;width: 100%;color: #333;padding: 20px 30px 0;line-height: 30px;font-size: 14px;}
.recordsInfo .ul{float: left;width: 100%;color: #333;padding: 20px 30px 0;}
.recordsInfo .ul .li{float: left;width: 120px;background: #fff;height: 90px;border-radius: 10px;text-align: center;margin: 0 10px 10px 0;border: 1px dashed #dbeaf4;padding: 15px 0;}
.recordsInfo .ul .li b{float: left;width: 100%;font-size: 30px;font-weight: bold;line-height: 40px;}
.recordsInfo .ul .li span{float: left;width: 100%;color: #888;}
.recordsInfo .ul .li:hover{background: #00c5d1;color: #fff;transition:0.5s;border: 1px solid #dbeaf4;}
.recordsInfo .ul .li:hover b{color: #fff;transition:0.5s;}
.recordsInfo .ul .li:hover span{color: #fff;transition:0.5s;}
@media (max-width: 768px) {
.recordsInfo{margin-top: 60px;padding: 10px 0 20px;margin-bottom: 20px;}
.recordsInfo .tag{padding: 0 50px 0 20px;font-size: 15px;line-height: 44px;border-radius: 0 44px 44px 0;display: none;}
.recordsInfo .text{padding: 15px 20px 0;line-height: 28px;}
.recordsInfo .ul{float: left;width: 100%;color: #333;padding: 20px 20px 0;}
.recordsInfo .ul .li{float: left;width: 32%;background: #fff;height: 70px;border-radius: 10px;text-align: center;margin: 0 2% 8px 0;border: 1px dashed #dbeaf4;padding: 10px 0;}
.recordsInfo .ul .li:nth-child(3n){margin-right: 0;}
.recordsInfo .ul .li b{float: left;width: 100%;font-size: 20px;font-weight: bold;line-height: 30px;}
}

.testdetail{float: left;width: 100%;}
.testdetail .h1{float: left;width: 100%;font-size: 30px;font-weight: normal;line-height: 40px;}
.testdetail .statu{float: left;width: 100%;}
.testdetail .statu .time{float: left;line-height: 30px;width: 100%;}
.testdetail .statu .guoqi{float: left;line-height: 30px;color: #aaa;}
.testdetail .statu .gotest{float: left;line-height: 40px;color: #fff;background:var(--themeone);border-radius: 4px;padding: 0 40px;font-size: 14px;}
.testdetail .statu .seecer p{float: left;line-height: 40px;color: #aaa;margin-right: 20px;}
.testdetail .statu .seecer a{float: left;line-height: 40px;color: #fff;background:green;border-radius: 4px;padding: 0 40px;}
.testdetail .course_list{float: left;width: 100%;margin: 20px 0 0;}
.testdetail .course_list .li{float: left;width: 100%;line-height: 50px;padding: 20px;margin-bottom: 15px;border-radius: 6px;background: #fff;}
.testdetail .course_list .li b{float: left;width: 100%;line-height: 20px;font-size: 15px;margin-bottom: 10px;}
.testdetail .course_list .li p{float: left;width: 100%;line-height: 20px;font-size: 13px;color: green;}
.testdetail .course_list .li a{float: left;line-height: 40px;font-size: 13px;color:#fff;border-radius: 4px;padding: 0 20px;background: var(--themeone)}

.mallorderdetail{float: left;width: 100%;font-size: 16px;}
.mallorderdetail .h1{float: left;width: 100%;font-size: 30px;font-weight: normal;line-height: 40px;}
.mallorderdetail .statu{float: left;width: 100%;}
.mallorderdetail .statu .res{float: left;line-height: 40px;color: #fff;border-radius: 6px;padding: 0 20px;float: left;width: auto;margin: 20px 0 0 0;}
.mallorderdetail .statu .hr{float: left;width: 100%;background: #ddd;height: 1px;margin:15px 0;}
.mallorderdetail .statu .time{float: left;line-height: 30px;width: 100%;}
.mallorderdetail .statu .time span{float: left;line-height: 30px;color: #666;}
.mallorderdetail .statu .time p{float: left;line-height: 30px;margin-left: 10px;}
.mallorderdetail .statu .price{float: left;line-height: 50px;width: 100%;}
.mallorderdetail .statu .price b{float: left;font-size: 30px;color:#00c5d1;display: inline;margin: 0 5px 0 0;}
.mallorderdetail .statu .price i{float: left;font-size: 13px;color:#fff;background: #00c5d1;font-style: normal;padding: 0 5px;border-radius: 3px;line-height: 20px;
    margin: 15px 0 0 5px;}



/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*会员后台*/
/*common*/
.hei_10{height: 10px;}
.hei_20{height: 20px;}
.hei_30{height: 30px;}
.hei_40{height: 40px;}
.hei_50{height: 50px;}
.hei_60{height: 60px;}
.hei_80{height: 80px;}
.hei_100{height: 100px;}
.hei_120{height: 120px;}
.len_10{width: 10%;}
.len_20{width: 20%;}
.len_30{width: 30%;}
.len_40{width: 40%;}
.len_50{width: 50%;}
.len_60{width: 60%;}
.len_70{width: 70%;}
.len_80{width: 80%;}
.len_90{width: 90%;}
.len_15{width: 15%;}
.len_25{width: 25%;}
.len_35{width: 35%;}
.len_45{width: 45%;}
.len_55{width: 55%;}
.len_65{width: 65%;}
.len_75{width: 75%;}
.len_85{width: 85%;}
.len_90{width: 90%;}
.len_100{width: 100%;}

@media (max-width: 768px) {
.len_10{width: 100%;}
.len_20{width: 100%;}
.len_30{width: 100%;}
.len_40{width: 100%;}
.len_50{width: 100%;}
.len_60{width: 100%;}
.len_70{width: 100%;}
.len_80{width: 100%;}
.len_90{width: 100%;}
.len_100{width: 100%;}
.btn{width: 100%;}
}



/* 会员侧边 */
.sideBar_user{width: 20%;margin-top: 20px;}
.sideBar_user .boxContact{float: left;width: 100%;margin: 0 0 12px 0;padding: 20px;}
.sideBar_user .boxContact p{float: left;width: 100%;border-top: 1px dotted #ddd;padding: 10px 0 0;margin-top: 10px;line-height: 22px;color: #666;}
.sideBar_user .box{float: left;width: 100%;margin: 0 00;}
.sideBar_user .box .title{float: left;width: 100%;height: 42px;text-indent: 15px;line-height: 42px;background: #f6f6f6;font-size: 17px;}
.sideBar_user .box .title strong{font-weight: normal;color: #333;}
.sideBar_user .box .content{width: 100%;float: left;}
.sideBar_user .box .content .newsul{width: 100%;float: left;margin: 10px 0;}
.sideBar_user .box .content .newsul li{width: 100%;float: left;color: #C1C1C3;line-height: 26px;height: 26px;overflow: hidden;}
.sideBar_user .box .content .newsul li span{height:26px;color:#555;text-indent: 15px;float: left;width: 10px;}
.sideBar_user .box .content .newsul li a{height:26px;color:#555;text-indent: 15px;float: left;width: 240px;}
@media (max-width: 768px) {
.sideBar_user{width: 100%;display: none;}
}

/*newform*/
.newform{float: left;max-width: 800px;width: 100%;position: relative;z-index: 66;}
.newform .li_hr{float: left;width: 100%;margin: 15px 0;border-bottom: 1px dashed #ddd;}
.newform .li_tip{float: left;width: 100%;margin: 15px 0;border-bottom: 1px dashed #ddd;border-top: 1px dashed #ddd;line-height: 40px;font-weight: bold;text-indent: 55px;background: #eee;}
.newform .li_text{float: left;width: 100%;margin: 15px 0 0;border-top: 1px solid #ddd;line-height: 30px;font-size: 15px;color: #555;padding-top: 20px;}
.newform .li_small{float: left;width: 100%;line-height: 20px;font-size: 13px;color: #aaa;margin-bottom: 10px;margin-top: 5px;}
.newform .xingxi_box{width: 100%;float: left;}
.newform .li{float: left;width: 100%;margin: 0 0 15px;}
.newform .li.half{width: 49%;margin-right: 0}
.newform .li.onequarter{width: 23.5%;margin-right: 2%;}
.newform .li.onethird{width: 32%;margin-right: 2%;}
.newform .li.fr{float: right;margin-right: 0;}
.newform .li.mfr{margin-right: 2%;}
.newform .li .libox{float: left;width: 31.33%;margin: 0 2% 2% 0;overflow: hidden;}
.newform .li .lil{float: left;width:100%;line-height: 30px;font-size: 16px;font-family: 'MB';}
.newform .li .lir{float: left;width:100%;}
.newform .li .lir .p{float: left;line-height: 40px;line-height: 40px;color: #888;}
.newform .li .lir .red{float: left;line-height: 40px;color: red;margin-right: 10px;}
.newform .li .lir .radio{float: left;margin: 12px 10px 0 0 ;}
.newform .li .lir .type{float: left;line-height: 24px;margin: 6px 6px 6px 0;padding: 0 12px;border: 1px solid #eee;}
.newform .li .lir .type.cur{background:#00c5d1;border: 1px solid #00c5d1;color: #fff;}
.newform .li .lir .Wdate{border:1px solid #eee;color:#888;height:40px;}
.newform .li .lir .checkbox{float: left;margin: 14px 10px 0 0 ;}
.newform .li .lir .radios{float: left;margin: 14px 10px 0 0 ;}
.newform .li .lir .radios span{float: left;margin:0 ;padding: 0;}
.newform .li .lir .select{border: 2px solid #ddd;width: 100%;}
.newform .li .lir .input{border: 2px solid #ddd;width: 100%;}
.newform .li .lir .file{float: left;border: none;padding: 5px 0;margin: 4px 10px 0 0;}
.newform .li .lir .imgs{float: left;height: 40px;border: 1px dashed #ddd;padding: 4px;margin-right: 10px;}
.newform .li .lir .tipss{float: left;line-height: 40px;margin-right: 10px;color: #ccc;}
.newform .li .lir .tips{float: left;line-height: 40px;margin-right: 10px;color: #ccc;}
.newform .li .lir .label{float: left;margin: 0 5px 0 0;padding: 0;}
.newform .li .lir .label .radio{margin-right: 5px;}
.newform .li .lir .label span{float: left;margin: 0 10px 0 0;padding: 0;line-height: 40px;color: #888;font-weight: normal;}
.newform .li .lir .textarea{float: left;height: 80px;width: 100%;}
.newform .li .lir .btn{float: left;padding: 0 30px;line-height: 40px;background: var(--themefive);border:none;border-radius: 3px;color: #fff;font-family: 'MB';font-weight: bold;}
.newform .li .lir .input::placeholder{color: #eee}
@media (max-width: 768px) {
.newform{width: 100%;}
.newform .li{margin-bottom: 10px;}
.newform .li .lir .tips{}
.newform .li .lil{width:100%;text-align: left;}
.newform .li .lir{width:100%;}
.newform .li .lir .red{display: none;}
.newform .li .lir .Wdate{height:44px;}
.newform .li .lir .btn{line-height: 44px;}
.newform .li.onequarter{width: 49%;margin-right: 2%;}
.newform .li.mfr{float: right;margin-right: 0%;}
.newform .li.fr{float: right;margin-right: 0%;}
}


/*pwdform*/
.pwdform{float: left;width: 100%;padding-left: 100px;}
.pwdform .li{float: left;width: 100%;margin-bottom: 20px;}
.pwdform .li .input{float: left;padding: 0 10px;line-height: 50px;background:#fff;border:none;border-radius: 3px;color: #333;border: 1px solid #fff;width:40%;height: 50px;}
.pwdform .li .btn{float: left;padding: 0 30px;line-height: 50px;background: var(--themeone);border:none;border-radius: 3px;color: #fff;}
@media (max-width: 768px) {
.pwdform{padding: 20px;}
.pwdform .li{margin-bottom: 10px;}
.pwdform .li .btn{line-height: 44px;}
}

/*avatarform*/
.avatarform{float: left;width: 100%;padding-bottom: 20px;}
.avatarform .imgs{float: left;height: 200px;border: 1px dashed #ddd;padding: 10px;margin-right: 10px;border-radius: 100%;}
.avatarform .r{float: left;width: 50%;padding-left: 20px;}
.avatarform .r .file{float: left;border: none;padding: 5px 0;margin: 4px 10px 0 0;width: 100%;margin-bottom: 20px;}
.avatarform .r .tips{float: left;line-height: 20px;margin-bottom: 10px;color: #ccc;}
.avatarform .r .btn{float: left;padding: 0 30px;line-height: 40px;background: var(--themeone);border:none;border-radius: 3px;color: #fff;}
@media (max-width: 768px) {
.avatarform{text-align: center;padding-top: 20px;}
.avatarform .imgs{float: none;height: 200px;border: 1px dashed #ddd;padding: 10px;margin-right: 10px;border-radius: 100%;margin-bottom: 20px;}
.avatarform .r{float: left;width: 100%;padding: 0 20px;}
.avatarform .r .btn{line-height: 44px;}
}

/* rechargePaymethod */
.rechargePaymethod{float: left;width: 100%;margin: 0 0 0 0;}
.rechargePaymethod label{float: left;width: 150px;height: 44px;border: 1px solid #ddd;margin: 0 10px 0 0;padding: 8px;text-align: left;}
.rechargePaymethod .alipay{background: url(/Public/Common/Images/bank.jpg) no-repeat 20px 3px;background-size: 70% }
.rechargePaymethod .tenpay{background: url(/Public/Common/Images/bank.jpg) no-repeat 20px -35px; }
.rechargePaymethod .weixinpay{background: url(/Public/Common/Images/bank.jpg) no-repeat 20px -66px; background-size: 70% ;}

/*mobile_update*/
.mobile_update{float: left;width: 100%;padding: 0px 0px 0px;background: #fff;}
.mobile_update .li{float: left;width: 100%;margin: 0 0 15px;}
.mobile_update .li .lil{float: left;width: 15%;text-align: right;padding-right: 10px;line-height: 40px;}
.mobile_update .li .lir{float: left;width: 85%;}
.mobile_update .li .lir .input{float: left;line-height: 40;border:1px solid #eee;margin: 0;padding: 0 10px;height: 40px;}
.mobile_update .li .lir .div-phone{float: left;width: 100%;}
.mobile_update .li .lir .div-phone .tel{float: left;line-height: 40px;border:1px solid #eee;margin: 0;border-right: none;}
.mobile_update .li .lir .div-phone .send1{float: left;background: var(--themetwo);height: 40px;content: #fff;border-radius: 0;line-height: 40px;color: #fff;text-align: center;}
.mobile_update .li .lir .div-phone .send0{float: left;background: var(--themetwo);height: 40px;content: #fff;border-radius: 0;line-height: 40px;color: #fff;text-align: center;}
.mobile_update .li .lir .div-phone .error{float: left;width: 100%;background: #eee;line-height: 26px;margin-top: 0;text-indent: 10px;}
.mobile_update .li .lir .code{float: left;width: 115px;line-height: 40px;border:1px solid #eee;border-right: none;}
.mobile_update .li .lir #code{float: right;height: 40px;border:1px solid #eee;border-left: none;cursor: pointer;padding: 2px;width: 130px;overflow: hidden;}
.mobile_update .li .lir .verify{float: left;height: 40px;width: 120px;}
.mobile_update .li .lir .btn{float: left;padding: 0 30px;line-height: 40px;background: var(--themeone);border:none;border-radius: 3px;color: #fff;}
@media (max-width: 768px) {
.mobile_update .li{margin-bottom: 10px;}
.mobile_update .li .lir .tips{display: none;}
.mobile_update .li .lil{width:100%;text-align: left;}
.mobile_update .li .lir{width:100%;}
.mobile_update .li .lir #code{width:50%;}
.mobile_update .li .lir #phone{width:50%;}
.mobile_update .li .lir .div-phone .send1{width:50%;}
.mobile_update .li .no{display: none;}
.mobile_update .li .lir .input{line-height: 44px;height: 44px;}
.mobile_update .li .lir .btn{line-height: 44px;}
.mobile_update .li .lir .div-phone .tel{line-height: 44px;}
.mobile_update .li .lir .div-phone .send1{height: 44px;line-height: 44px;}
.mobile_update .li .lir .div-phone .send0{height: 44px;}
.mobile_update .li .lir .code{line-height: 44px;}
.mobile_update .li .lir #code{float: right;height: 44px;}
.mobile_update .li .lir .verify{float: left;height: 44px;}
}


/*会员中心表格*/
/*tableList*/
.tableList{float: left;width: 100%;border: 1px solid #eee;border-bottom: none;border-right: none;margin-bottom: 20px;border-top: 2px solid #d6e1e4;}
.tableList .li{float: left;width: 100%;border-bottom: 1px solid #eee;color: #555;}
.tableList .li.h .cell{background: #f5fbff;font-weight: bold;}
.tableList .li .cell{float: left;line-height: 36px;border-right: 1px solid #eee;padding-left: 15px;padding-top: 5px;padding-bottom: 5px;}
.tableList .li .red{color: red;}
@media (max-width: 768px) {
.tableList{border:none;}
.tableList .li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #ddd;}
.tableList .li.h{display: none;}
.tableList .li .cell{border-right: none;padding: 0;line-height: 24px;}
}

/*orderList*/
.orderList{float: left;width: 100%;margin-bottom: 20px;}
.orderList .libox{float: left;width: 100%;margin-bottom: 20px;}
.orderList .libox .li{float: left;width: 100%;color: #555;background: #f5fbff;line-height: 30px;padding: 8px 15px;}
.orderList .libox .li.h{border-bottom: 1px solid #fff;}
.orderList .libox .li .cell{float: left;line-height: 20px;padding: 10px 0;}
.orderList .libox .li .cell .img{width: 100%;float: left;}
.orderList .libox .li .cell .img img{width: 50%;float: left;}
.orderList .libox .li .hei_order{height: 80px;}
.orderList .libox .li .len_order_pic{width: 20%;}
.orderList .libox .li .len_order_info{width: 50%;}
.orderList .libox .li .len_order_price{width: 30%;text-align: right;}
.orderList .libox .li .len_order_statu{width: 20%;}
.orderList .libox .li .an{line-height: 30px;border: 1px solid #aaa;padding: 0 10px;float: left;height: 30px;border-radius: 3px;margin-left: 10px;color: #666;}
.orderList .libox .li .green{border: 1px solid green;color: green;}
.orderList .libox .li .red{border: 1px solid red;color: red;}
@media (max-width: 768px) {
}

/*dynamicList*/
.dynamicList{float: left;width: 100%;}
.dynamicList .li{float: left;width: 100%;border-bottom: 1px dashed #eee;color: #555;margin-bottom: 15px;}
.dynamicList .li p{float: left;width: 100%;line-height: 24px;color: #666;margin-bottom: 10px;}
.dynamicList .li p img{float: left;width: 200px;padding: 10px;background: #f4f4f4;border: 1px solid #eee;}
.dynamicList .li .time{float: left;width: 100%;line-height: 20px;padding: 10px 0;color: #aaa;}
.dynamicList .li .time a{color: #999;}
@media (max-width: 768px) {
.dynamicList{border:none;}
.dynamicList .li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #ddd;}
}



.sidenav_m_wrap{float: left;width: 100%;display: none;}
.sidenav_m{float: left;width: 100%;}
.sidenav_m .ul{float: left;width: 100%;margin:0px 0 10px;background: #fff;padding:30px 0 0;}
.sidenav_m .ul .t{float: left;width: 25%;line-height: 30px;font-size: 14px;color: #666;margin-bottom: 15px;text-align: center;display: none;}
.sidenav_m .ul .list{float: left;width: 100%;}
.sidenav_m .ul .list a{float: left;width:25%;height: auto;line-height: 32px;float: left;color: #999;font-weight: normal;font-size: 14px;text-align: center;margin-bottom: 10px;}
.sidenav_m .ul .list #Indexindex{display: block;}
.sidenav_m .ul .list #Indexprofile{display: none;}
.sidenav_m .ul .list a span{float: left;line-height: 30px;float: left;top: 0;width: 100%;color: var(--themetwo);font-size: 25px;}
.sidenav_m .ul .list a b{float: left;line-height: 40px;font-weight: normal;float: left;width: 100%;color: #333}
.sidenav_m .ul .list a.cur span{color: #00c5d1;}
.sidenav_m .ul .list a.cur b{color: #00c5d1;}
.sidenav_m .ul .list a.cur:hover span{color: #00c5d1;}
.sidenav_m .ul .list a.cur:hover b{color: #00c5d1;}
.sidenav_m .ul .list a:hover span{color: #00c5d1;}
.sidenav_m .ul .list a:hover b{color: #00c5d1;}
@media (max-width: 768px) {
.sidenav_m_wrap{display: block;}
.sidenav_m .ul .list #Indexindex{display: none;}
.sidenav_m .ul .list #Indexprofile{display: block;}
}

/*商品分类*/
.goodCate{float: left;width: 100%}
.goodCate .l{float: left;width: 25%;background: #eee;min-height: 400px;}
.goodCate .l ul{width:100%;float: left;font-size: 14px;margin-top: 44px;} 
.goodCate .l li{height: 50px;line-height: 50px;float:left;border-bottom: 1px solid #ddd;width: 100%;text-align: center;} 
.goodCate .l li.hover{color:#c30;background: #fff;} 
.goodCate .r{float: left;width: 75%;}
.goodCate .r .sonlist{float: left;width: 100%;padding-top: 44px;}
.goodCate .r .sonlist .c{float: left;width: 100%;padding:10px 20px;}
.goodCate .r .sonlist .c a{width: 30%;text-align: center;float: left;line-height: 30px;}


/* list_9 会员关注 */
.list_9{float: left;width: 100%;margin: 0 0 10px;}
.list_9 .div {float: left;width: 100px;height: 100px;margin: 10px 20px 10px 0;position: relative;border-radius: 7px;overflow: hidden;}
.list_9 .div img{float: left;width: 100px;height: 100px;z-index: 1;position: absolute;}
.list_9 .div b{float: left;width: 100px;height: 100px;z-index: 2;position: absolute;display: none;text-align: center;line-height: 100px;color: #fff;padding-top: 20px;background: url(/Public/Common/Images/b6.png);}
.list_9 .div b a{float: left;width: 100px;line-height: 30px;text-align: center;color: #fff;}
.list_9 .div:hover b{display: block;}

/* 会员systeminfolist */
.systeminfotable{width:100%;margin: 0px 0 20px 0px;float: left;}
.systeminfotable td{border:solid 1px #fff;border-bottom: 1px solid #eee;}
.systeminfotable td a.orange{color: #ffaa00;}
.systeminfotable td a.grey{color: #bbb;}
.systeminfoShow{float: left;width: 100%;}
.systeminfoShow p{float: left;width: 680px;padding: 20px 20px 10px;background: #f1f1f1;margin: 10px 0 0;border-radius: 5px 5px 0 0;}
.systeminfoShow p a{color: #f80;}
.systeminfoShow span{float: left;width: 680px;margin: 0 0 20px;color: #ccc;background: #f1f1f1;border-radius: 0 0  5px 5px;padding: 0 20px 20px;line-height: 30px;}
.systeminfoShow span a{color: #ccc;}

/*私信显示*/
.messageshow{float: left;width: 100%;margin:10px 0 30px;}
.messageshow p{float: right;width: 100%;padding: 0px 0px 0px;margin: 0px 0 0;border-radius: 5px 5px 0 0;line-height: 30px;}
.messageshow span{float: right;width: 100%;margin: 0 0 0px;color: #ccc;padding: 0 0px 20px;line-height: 30px;}
.messageshow span a{color: #ccc;}

/* Infoupdate */
.infoupdatetable{width:100%;margin: 0px 0 20px 0px;float: left;}
.infoupdatetable td{border:solid 1px #fff;border-bottom: 1px solid #fff;}
.infoupdatetable th{border:solid 1px #fff;border-bottom: 1px solid #fff;background: #f1f1f1;}
.infoupdatetable td a.orange{color: #ffaa00;}
.infoupdatetable td a.grey{color: #bbb;}
.infoupdatetable td .update_tel{float: left;line-height: 36px;background: var(--themetwo)
;padding: 0 20px;color: #fff;}
.infoupdatetable td .update_tel span{color: #fff;}
.infoupdatetable td .Wdate{border:1px solid #eee;color:#888;height:32px;}

/* Infoupdate */
.newtable{width:100%;margin: 10px 0 20px 0px;float: left;}
.newtable td{border:none;padding: 10px 0px 10px 12px;}
.newtable th{border:none;}
.newtable td a.orange{color: #ffaa00;}
.newtable td a.grey{color: #bbb;}
.newtable td.up{vertical-align: top;padding-top: 20px;}
.newtable td .tip{float: left;  line-height: 36px;  margin-right: 10px;color: #aaa;}
.goodstable{width:100%;margin:0px 0px 0;vertical-align:middle;color:#000;font-size:12px;}
.goodstable a{color:#000;}
.goodstable td{text-align:left;text-indent:30px;background:#f1f1f1;line-height: 22px;}
.goodstable .td{background:#e3e3e3;}


.contentuser{float: left;width: 100%;line-height: 34px;}
.ad1200wrap{float: left;width: 100%;}
.ad1200{width: 1200px;margin: 0 auto;}


/* 信息更新 */
.updateavatar{float: left;width: 720px;}
.updateavatar .avatar{float: left;width: 80px;height: 80px;margin-right: 20px;border: 4px solid #eee;padding: 4px;}
.updateavatar p{float: left;width: 600px;line-height: 22px;margin: 6px 0 10px;}
.updateavatar input{float: left;width: 600px;line-height: 22px;border: none;padding: 0;	}

.updatesexlabel{float: left;margin: 4px 15px 0 0 ;}
.updatesexlabel input{float: left;margin: 0 5px 0 0;padding: 0;}
.updatesexlabel span{float: left;margin:0 ;padding: 0;}

.guess{width:920px;background-color:white;float: left;}
.guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;}
.cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;}
.guess_sp{width:100%;overflow: hidden;float: left;}

.mT10{margin-top: 10px;}
.mT20{margin-top: 20px;}
.mL10{margin-left: 10px;}

iframe{width:100%;height:100%;border:none;}
table{width:100%;}
table,th,td{ border-collapse: collapse;color: #555;}
th{ text-align: right;}
th,td{padding:10px 6px;}
label{float: left;}
.checkbox{width: auto;height: auto;float: left;margin: 4px 0 0 0;}
.input{ border:solid 1px #eee;height:40px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;line-height: 20px;}
.button{ border:solid 1px #eee;height:32px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;}
.submit {background: #555;height: 30px;padding: 0px 17px;line-height: 28px;color: #fff;font-size: 14px;cursor: pointer;border: none;border-radius: 3px;}
.radio{float: left;vertical-align:middle; margin: 3px 5px 0 0;}
.select{ border:solid 1px #eee;height:40px;padding:7px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;}
.inputlong{width: 400px;}
textarea{ border:solid 1px #eee;height:30px;padding:3px 6px;color:#888;background:#fff; vertical-align: middle;font-size: 14px;outline: none;}
select{border:solid 1px #ccc;}
.file{float: left;margin: 7px 10px 0 0;}
img{border:none; vertical-align: middle;}
.tip{float: left;line-height: 40px;margin-right: 15px;color: #ccc;}
.tip em{color: #00c5d1;font-style: none;float: left;line-height: 40px;}
.tipred{float: left;line-height: 35px;margin-right: 15px;color: #f00;}
.l{float:left;}
.r{float:right;}
em{color:#00c5d1;font-style:normal;border-collapse:collapse;}/**红星**/
.submit{background:#f90;height:40px;padding:0px 25px;line-height:40px;color:#fff;font-size:14px; cursor: pointer;border: none;border-radius: 3px;}
.error{padding:3px;line-height: 1.2em;margin-top:8px; font-size:12px;color:#f00;}
span.msg{color:#666;border:solid 1px #eee;padding:6px;margin-left:10px;}
@media (max-width: 768px) {
.input,
.select
{height: 44px;}
}


/*page*/
.page{font-size:12px;color:#666;padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px;}
.page .count,.page .nowpage{margin-right:10px;}
.page .selfpage {background:#2E6AB1;color:#fff;border-right: #9aafe5 1px solid;padding-right: 5px; border-top: #9aafe5 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #9aafe5 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #9aafe5 1px solid; text-decoration: none}
.page a {border-right: #9aafe5 1px solid;padding-right: 5px; border-top: #9aafe5 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #9aafe5 1px solid; color: #2e6ab1; margin-right: 2px; padding-top: 2px; border-bottom: #9aafe5 1px solid; text-decoration: none}
.page a:hover {border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #000; border-bottom: #2b66a5 1px solid; background-color: lightyellow}
.page a:active {border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #000; border-bottom: #2b66a5 1px solid; background-color: lightyellow}
.page span.current {border-right: navy 1px solid;padding-right: 5px; border-top: navy 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: navy 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: navy 1px solid; background-color: #2e6ab1}
.page span.disabled {border-right: #929292 1px solid;padding-right: 5px; border-top: #929292 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #929292 1px solid; color: #929292; margin-right: 2px; padding-top: 2px; border-bottom: #929292 1px solid}
.page #pagekeydown{}
.page input{height:22px;line-height:16px;padding:0px 0px;margin:0px;margin-right: 5px;}
.page button{height:22px;line-height: 6px;display: inline;}
.page select{}

/****表格样式2********/
.tableborder{width:100%;margin: 0px 0 20px 0px;float: left;background: #f1f1f1}
.tableborder,.tableborder td{border:solid 1px #fff;}
.tableborder th{border:solid 1px #fff;}
.tableborder thead tr td{background: #eee;color:#ddd;}

/****表格样式1********/
.table{width:100%;margin:0 0 0 0;float: left;}
.table,.table td{border:solid 1px #fff;}
.table th{border:solid 1px #fff;width:100px;}
.table thead tr td{background: #fff;color:#ddd;}

.tablenew{width:100%;margin:0 0 0 0;float: left;}
.tablenew td{border-bottom:solid 1px #f1f1f1;line-height: 24px;}
.tablenew th{border:solid 1px #eee;background: #eee;border-top: 3px solid #ddd;text-align: left;}
.tablenew thead tr td{background: #eee;color:#ddd;}

.tablenewborder{width:100%;margin:0 0 0 0;float: left;}
.tablenewborder td{border:solid 1px #eee;line-height: 24px;}
.tablenewborder th{border:solid 1px #ddd;background: #eee;text-align: left;}
.tablenewborder tr .td{background: #f4f4f4;}
.tablenewborder tr .td1{background: #f8f8f8;}

/******按钮*******/
.bt1{padding:8px 15px;margin-right:6px; background: #ccc;color:#000;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;}
.bt2{padding:8px 15px;margin-right:6px; background: #4884D5;color:#fff;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;}

.pagesize{float: left;line-height: 34px;border: 1px solid #ddd;border-right: 0;overflow: hidden;font-size: 14px;}
.pagesize a,.pagesize b,.pagesize .current{padding:0 15px;line-height: 34px;height: 34px;text-align: center;color: #555;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;}
.pagesize .current{background: #e3e3e3;color: #222;}

/******子导航列表*******/
.navsonlist{float: left;width: 90%;margin:20px 20px 0;}
.navsonlist a{float: left;height: 26px;padding:0 10px;background: #ddd;line-height: 26px;text-align: center;color: #888;margin-right: 5px;border-radius: 3px;font-size: 12px;}
.navsonlist a:hover{background: #aaa;color: #fff;}
.navsonlist a.cur{background: #aaa;color: #fff;}

/**容器**/
.containers{float: left;width: 100%;margin: 0px 0px 0;padding: 0;font-size: 13px;color: #666;}
.containers .h2{float: left;width: 100%;line-height: 36px;color: #555;border-bottom: 1px solid #ddd;font-size: 14px;font-weight: normal;padding: 0;margin: 0 0 10px;}
.containers .box{float: left;width: 100%;line-height: 26px;}
.containers .box .hr{float: left;width: 100%;margin: 15px 0;border-bottom: 1px dashed #ddd;}
.containers .table{width:100%;margin: 10px 0 0 0px;float: left;}
.containers .table{border:solid 1px #ddd;}
.containers .table td{border:solid 1px #ddd;}
.containers .table thead tr td{background: #eee;color:#ddd;}
.containers .tablenoborder{width:100%;margin: 10px 0 0 0px;float: left;}
.containers .tablenoborder{border:none;}
.containers .tablenoborder td{border:none;}
.containers .tablenoborder thead tr td{background: #eee;color:#ddd;}
.containers .p{float: left;width: 100%;float: left;line-height: 26px;}
.containers .comment{float: left;width: 100%;float: left;}
.containers .comment .hr{float: left;width: 100%;height: 1px;}
.containers .comment .select{float: left;width: 30%;margin-bottom: 20px;}
.containers .comment .textarea{float: left;width: 60%;height: 80px;margin-bottom: 20px;}
.containers .comment .submitt{float: left;padding: 0 30px;margin-right: 50%;line-height: 34px;}
.containers .form{float: left;width: 100%;color: #666;}
.containers .form .li{float: left;width: 100%;margin: 0 0 10px;}
.containers .form .li .textarea{height: 80px;}
.containers .form .li .button{border-radius: 3px;height: 30px;}
.fahuolisttext{float: left;width: 100%;color: #666;}
.fahuolisttext li{float: left;width: 100%;margin: 0 0 0px;line-height: 28px;}
.fahuolisttext li span{float: left;width: 70px;height: 28px;}
.fahuolisttext li p{float: left;}
.fahuolisttext li p .button{border-radius: 3px;height: 30px;font-family: microsoft yahei;line-height: 28px;}

@media (max-width: 768px) {
.containers .comment .select{width: 100%;margin-bottom: 10px;}
.containers .comment .textarea{width: 100%;margin-bottom: 10px;}
.containers .comment .submitt{width: 100%;}
}

.tip2{float: left;line-height: 37px;margin-right: 15px;color: #aaa;}

/**文字颜色**/
.tred{color:#00c5d1}
.torange{color:#f00}
.tgreen{color:green}
.tgrey{color:grey}
.tccc{color:#ccc}
.tccc:hover{color:#00c5d1}

.star{float: left;line-height: 34px;color: #00c5d1;}

/*会员信息修改*/
.updateavatar{float: left;width: 720px;}
.updateavatar .avatar{float: left;width: 60px;height: 60px;margin-right: 20px;border: 3px solid #ddd;padding: 4px;border-radius: 100%;}
.updateavatar p{float: left;width: 600px;line-height: 22px;margin: 4px 0 0px;}
.updateavatar input{float: left;width: 600px;line-height: 22px;border: none;padding: 0; }
.updateavatar .file{float: left;border: none;padding: 0;	width:300px;height: 30px;}
.updatesexlabel{float: left;margin: 4px 15px 0 0 ;}
.updatesexlabel input{float: left;margin: 0 5px 0 0;padding: 0;}
.updatesexlabel span{float: left;margin:0 ;padding: 0;}
.updatetip{float: left;width: 100%;margin: 10px 0;border-top: 1px solid #eee;color: #999;line-height: 20px;padding: 10px 0;text-indent: 10px;}



.guess{width:920px;background-color:white;float: left;}
.guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;}
.cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;}
.guess_sp{width:100%;overflow: hidden;float: left;}

/**  商家状态  **/
.storeStatu{background: #eee;padding:15px 30px;width: 100%;margin-bottom: 1px;float: left;}
.storeStatu span{float: right;line-height: 40px;font-size: 24px;}
.storeStatu p{float: left;line-height: 40px;font-size: 15px;}
.storeStatu .bt{display: inline-block;background: var(--themetwo)
;color: #fff;padding: 0 13px;line-height: 24px;margin: 8px;border-radius: 3px;}
.storeStatu .green{display: inline-block;background: green;color: #fff;padding: 0 13px;line-height: 24px;margin: 8px;}
.storeStatu .red{display: inline-block;background: #f00;color: #fff;padding: 0 13px;line-height: 24px;margin: 8px;}
.storeStatu .grey{display: inline-block;background: grey;color: #fff;padding: 0 13px;line-height: 24px;margin: 8px;}
.storeStatu .orange{display: inline-block;background: orange;color: #fff;padding: 0 13px;line-height: 24px;margin: 8px;}

/*商铺申请*/
.storeApply{float: left;width: 100%;}
.storeApply .cbox{float: left;width: 100%;height: 100px;padding: 30px;margin-bottom: 1px;line-height: 40px;font-size: 22px;}
.storeApply .cbox i{float: right;height: 40px;color: orange;line-height: 40px;}
.storeApply .cbox p{float: left;height: 40px;font-size: 15px;}
.storeApply .bc1{background: #D5F5D9;color:#333}
.storeApply .bc1 i{color: rgb(51, 144, 63)}
.storeApply .bc1:hover{background: #C3F0C9;}
.storeApply .bc2:hover{background: #C0EDFA;}
.storeApply .bc2{background: #CFF4FF;color:#333}
.storeApply .bc2 i{color: rgb(29, 161, 199)}

/****表格 表单********/
.tableform{width:100%;margin: 0px 0 20px 0px;float: left;}
.tableform,.tableform td{border:solid 1px #fff;}
.tableform th{border:solid 1px #fff;width:100px;}
.tableform tr td{padding:7px 5px;}
.tableform tr td label{margin-bottom: 0;}
.tableform tr td .labeltext{float: left;margin-right: 20px;}
.tableform tr td .em{float: left;color: red;line-height: 36px;margin-right: 5px;}

.labeltext{float: left;margin-right: 20px;}
.modetab{float: left;padding: 0px 0 10px;display: block;width: 100%;}
.modebox{float: left;background: #eee;padding: 10px 10px 10px 0;display: none;}
.modebox .texts{float: left;line-height: 30px;margin:0 0 0 10px;}
.modebox input{float: left;line-height: 18px;margin:0 10px 0 0;padding: 5px;height: 28px;}

.ftable{width:100%;margin:0 0 10px 0;float: left;background: #f7f7f7;font-size: 12px;}
.ftable td{padding: 8px 10px;line-height: 24px;color: #555;background: #fff; border: solid 1px #eee;}
.ftable td a{color: #555;}
.ftable td.tb{background: #f4f4f4}

/*会员充值方式*/
.rechargeul{float: left;font-size: 14px;line-height: 34px;width:100%;}
.rechargeul a{height: 40px;;float:left;display:block;cursor:pointer;color:#888;margin: 0 10px 0 0;padding: 0 20px;border: 1px solid #eee;line-height: 40px;}
.rechargeul a.hover{color:#fff;background: #00c5d1;}
.tbox{width:100%;float:left;}

.back{width: 100px;height: 40px;background: var(--themetwo)
;color: #fff;line-height: 40px;text-align: center;float: left;border-radius: 4px;font-size: 14px;}

/*refundInfo*/
.refundInfo{float: left;width: 100%;margin-top: 20px;}
.refundInfo .lineBig{float: left;width: 100%;margin: 5px 0 15px;height: 1px;border-bottom: 1px dotted #ddd;}
.refundInfo .line{float: left;width: 100%;margin: 0 0 12px;height: 1px;border-bottom: 1px dotted #ddd;}
.refundInfo .li{float: left;width: 100%;margin: 0 0 5px;line-height: 28px;}
.refundInfo .li .l{float: left;width: 80px;height: 28px;}
.refundInfo .li .r{float: left;width: 840px;}
.refundInfo .li .r .button{border-radius: 3px;height: 40px;line-height: 28px;margin-top: 10px;}
.refundInfo .li .r .select{line-height: 28px;height: 28px;padding: 0;margin: 0;min-width: 150px;background: #fff;border: 1px solid #ddd;}
.refundInfo .li .r .textarea{line-height: 28px;padding: 0;margin: 0;width: 550px;height: 80px;padding: 6px;}

/*退款原因添加*/
.addInfo{float: left;width: 100%;margin-top: 20px;}
.addInfo .lineBig{float: left;width: 100%;margin: 5px 0 15px;height: 1px;border-bottom: 1px dotted #ddd;}
.addInfo .line{float: left;width: 100%;margin: 0 0 15px;height: 1px;border-bottom: 1px dotted #ddd;}
.addInfo .li{float: left;width: 100%;margin: 0 0 15px;line-height: 40px;}
.addInfo .li .l{float: left;width: 80px;height: 40px;}
.addInfo .li .r{float: left;width: 60%;}
.addInfo .li .r .btn{margin-left: 80px;}
.addInfo .li .r .select{line-height: 40px;height: 40px;padding: 0;margin: 0;background: #fff;border: 1px solid #eee;}
.addInfo .li .r .textarea{line-height: 28px;padding: 0;margin: 0;width: 100%;height: 80px;padding: 6px;}
@media (max-width: 768px) {
.addInfo .li .l{width:100%}
.addInfo .li .r{width:100%}
.addInfo .li .r .button{margin-left: 0px;}
}

/*list_7_message*/
.list_7_message{float: left;width: 100%;overflow: hidden;}
.list_7_message li{float: left;width: 100%;line-height: 30px;overflow: hidden;border-bottom: 1px dotted #eee;padding-bottom: 5px;margin-bottom: 5px;}
.list_7_message li .con{float: left;overflow: hidden;font-size: 14px;line-height: 30px;}
.list_7_message li .a{float: right;overflow: hidden;font-size: 14px;line-height: 30px;margin-left: 15px;color: #aaa;}
.list_7_message li .time{float: right;overflow: hidden;font-size: 14px;line-height: 30px;width: 40%;color: #aaa;}
.list_7_message li span{float: left;overflow: hidden;color: #aaa;line-height: 30px;margin-right: 10px;}
.list_7_message li span.orange{color: var(--themetwo)
;}
@media (max-width: 768px) {
.list_7_message li .a{display: none;}
}

/*积分*/
.integral{float: left;width: 100%;margin-bottom: 30px;}
.integral .li{float: left;height: 120px;width: 50%;text-align: center;color: var(--themetwo);background: #FFF9ED;}
.integral .li b{float: left;width: 100%;font-size: 40px;line-height: 70px;margin-top:8px;font-weight: normal;color: #f90}
.integral .li span{float: left;width: 100%;line-height: 20px;font-size: 13px;color: #f90;}
.integral .li1{color: #1f5a82;background: #f5fbff;}
.integral .li1 span{color: #1f5a82;}
.integral .li1 b{color: #1f5a82;}
.integral .text{float: left;line-height: 26px;width: 100%;color: #888;padding: 20px;border: 1px dashed #ddd;margin-top: 20px;}
.jquerytip{float: left;line-height: 36px;}

/*会员帐户*/
.userAccount{float: left;width: 100%;margin-top: 20px;margin-bottom: 20px;}
.userAccount .avatar{float: left;width: 110px;height: 110px;padding: 6px;border: 1px solid #eee;border-radius: 100%;}
.userAccount h2{float: left;width:100%;line-height: 30px;font-weight: normal;padding: 0;margin: 0 0 10px;margin-top: 5px;color: #000;}
.userAccount h2 b{float: left;line-height: 30px;font-weight: bold;margin-right: 10px;font-size: 22px;}
.userAccount h2 i{float: left;line-height: 20px;margin-right: 10px;background: var(--themeone);color: #fff;font-style: normal;border-radius: 3px;font-size: 12px;margin: 5px 10px 0 0;padding: 0 8px;}
.userAccount h2 a{float: left;line-height: 30px;margin-right: 10px;}
.userAccount h2 a span{font-size: 14px;}
.userAccount p{float: left;width: 100%;color: #666;line-height: 28px;font-size: 13px;margin-top: 5px;margin-bottom: 10px;}
.userAccount .vip{float: left;width: 100%;color: #666;line-height: 22px;font-size: 13px;margin-bottom: 10px;background: #f5fbff;padding: 10px;border-radius: 4px;}
.userAccount .vip b{background: green;color: #fff;border-radius: 30px;padding: 0 12px;display: inline-block;margin:0 4px;}
.userAccount .sonparent{float: left;width: 100%;color: #666;line-height: 22px;font-size: 13px;margin-bottom: 10px;background: #fff9ed;padding: 10px;border-radius: 4px;}
.userAccount .btns{float: left;padding: 0 30px;line-height: 40px;background: var(--themeone);border: none;border-radius: 3px;color: #fff;margin-bottom: 10px;}
.userAccount a{color: #000;}
@media (max-width: 768px) {
.userAccount{margin-top:0px;padding: 15px;background: #fff;}
.userAccount .btn{width: 100%;margin-bottom: 0px;}
.userAccount  p{margin-bottom: 5px;}
}
/*会员顶部*/
.userbox{float: left;width: 100%;margin-top: 20px;display: none;}
.userbox .home{position: absolute;right: 0px;top:50px;color: #fff;background: #fa0;line-height:34px;border-radius: 34px 0 0 34px;z-index: 100;padding: 0 5px 0 15px;}
.userbox .home span{float: left;line-height: 34px;}
.userbox .home i{float: left;font-style: normal;line-height: 34px;}
.userbox .box{float: left;width: 100%;background: url(/Public/Common/Images/user/bg.jpg) no-repeat center top;height: 300px;text-align: center;padding-top: 70px;}
.userbox .box .avatar{width: 120px;height: 120px;display: inline-block;position: absolute;left: 20px;top: 40px;}
.userbox .box .avatar img{float: left;width: 120px;height: 120px;border: 5px solid #fff;border-radius: 100%;}
.userbox .box .r{width: 100%;padding-left: 110px;}
.userbox .box .r b{color: #fff;font-size: 20px;float: left;width: 100%;line-height: 30px;margin-top: 8px;}
.userbox .box .r p{color: #fff;font-size: 13px;float: left;width: 100%;line-height: 24px;}
@media (max-width: 768px) {
.userbox{margin-top: 0;display: block;}
.userbox .box{height: auto;padding:40px 20px;text-align: left;}
.userbox .box .avatar{width: 90px;height: 90px;display: inline-block;float: left;}
.userbox .box .avatar img{float: left;width: 90px;height: 90px;border: 3px solid #fff;border-radius: 100%;}
.userbox .box b{line-height: 40px;text-shadow:0 1px #000;font-size: 16px;}
.userbox .box p{}
}


/*提示框*/
@media (max-width: 768px) {
.alert{padding-top: 8px;padding-bottom: 8px;padding-left: 8px;margin-bottom: 15px;}
.allmain{margin-top: 60px;}
}

.userIndex{float: left;width: 100%;padding: 140px 0 0;}
.userIndex .box{float: left;width: 100%;background: #e6e6e6}
@media (max-width: 768px) {
.userIndex{background: #fff;padding:30px 0 0;}
}

.user_left{float: left;width: 30%;min-height: 200px;border-right: 2px solid var(--themeone);box-shadow: 10px 0 10px rgba(0,0,0,0.1);padding: 60px 0 300px;background: #fff;position: relative;z-index: 2;}
.user_left .avatar{float: left;width: 100%;text-align: center;margin-bottom: 60px;}
.user_left .avatar .img{float: left;width: 100%;margin-bottom: 10px;}
.user_left .avatar .img img{display: inline-block;width: 30%;border-radius: 100%;box-shadow: 0 10px 10px rgba(0,0,0,0.1);border:5px solid var(--themeone);}
.user_left .avatar b{float: left;line-height: 30px;color: var(--themeone);font-size: 24px;width: 100%;}
.user_left .avatar p{float: left;line-height: 30px;color: #ddd;font-size: 15px;width: 100%;}
.user_left .avatar .password{display: inline-block;line-height: 34px;border-radius: 34px;border:1px solid #eee;color: #aaa;padding: 0 20px;}
.user_left .ul{float: left;width: 100%;text-align: center;}
.user_left .ul a{float: left;width: 100%;text-align: center;line-height: 50px;font-size: 18px;color: #333}
.user_left .ul a.cur{background: var(--themeone);color: #fff;}
.user_right{float: left;width: 70%;min-height: 200px;background: #e6e6e6;padding: 100px 0 0px 60px;}
.onlinecourseuls{float: left;width: 100%; }
.onlinecourseuls a{float: left;width: 100%;margin:0 0 30px;transition:0.5s;}
.onlinecourseuls a:hover .info{background: var(--themeone);}
.onlinecourseuls a:hover .info .text h3{color: #fff;text-align: left;}
.onlinecourseuls a:hover .info .text .summary{color: #fff;}
.onlinecourseuls a:hover .info .text span{color: #fff;}
.onlinecourseuls a .img{float: left;width: 25%;padding: 0;position: relative;z-index: 2;background: var(--themeone);height: 160px;border-right: 20px solid #e6e6e6;text-align: center;padding-top: 60px;border-radius: 10px 0 0 10px;transition:0.5s;}
.onlinecourseuls a .img img{display: inline-block;width: 40px;z-index: 3;}
.onlinecourseuls a .info{float: left;width: 75%;position: relative;z-index: 1;padding: 10px 20px 0px;border-left: 20px solid var(--themeone);height: 160px;background: #fff;border-radius: 0 10px 10px 0;transition:0.5s;}
.onlinecourseuls a .info .text{float: left;width: 100%;padding: 5px 0 0 0;position: relative;transition:0.5s;}
.onlinecourseuls a .info .text h3{float: left;line-height: 30px;font-size: 20px;width: 100%;margin: 0 0 5px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#000;transition:0.5s;}
.onlinecourseuls a .info .text span{float: left;line-height: 20px;font-size: 13px;width: 100%;margin: 0 0 10px;color: #666;transition:0.5s;}
.onlinecourseuls a .info .text .summary{float: left;line-height: 20px;font-size: 13px;width: 100%;margin: 0;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color: #333;height:60px;text-align: left;transition:0.5s;}
@media (max-width: 992px) {
.user_left{float: left;width: 100%;min-height: auto;border-right:none;box-shadow: none;padding: 0 20px;background: #fff;position: relative;z-index: 2;box-shadow: 0 10px 10px rgba(0,0,0,0.02);position: relative;}
.user_left .avatar{float: left;width: 100%;text-align: center;margin-bottom: 0px;}
.user_left .avatar a{float: left;width: 100%;margin-bottom: 30px;}
.user_left .avatar a img{display: inline-block;width: 30%;border-radius: 100%;box-shadow: 0 10px 10px rgba(0,0,0,0.1);border:5px solid var(--themeone);}
.user_left .avatar b{float: left;line-height: 30px;color: var(--themeone);font-size: 20px;width: 100%;}
.user_left .avatar p{float: left;line-height: 30px;color: #ddd;font-size: 15px;width: 100%;}
.user_left .ul{display: none;}
.user_left .avatar .password{margin-bottom: 10px;width: auto;display: inline-block;float: none;}
.user_right{float: left;width: 100%;min-height: 200px;background: #fff;padding: 20px ;}
.onlinecourseuls a{float: left;width: 100%;margin:0 0 20px;transition:0.5s;box-shadow: 0 5px 15px rgba(0,0,0,0.1);border-left: 15px solid var(--themeone);border-radius: 10px;}
.onlinecourseuls a:hover .info{background: var(--themeone);}
.onlinecourseuls a:hover .info .text h3{color: #fff;text-align: left;}
.onlinecourseuls a:hover .info .text .summary{color: #fff;}
.onlinecourseuls a:hover .info .text span{color: #fff;}
.onlinecourseuls a .img{display: none;}
.onlinecourseuls a .info{float: left;width: 100%;position: relative;z-index: 1;padding: 15px;border-left: none;height: auto;background: #fff;border-radius: 0 10px 10px 0;transition:0.5s;}
.onlinecourseuls a .info .text{float: left;width: 100%;padding: 5px 0 0 0;position: relative;transition:0.5s;}
.onlinecourseuls a .info .text h3{float: left;line-height: 20px;font-size: 16px;width: 100%;margin: 0 0 5px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#000;transition:0.5s;}
.onlinecourseuls a .info .text span{float: left;line-height: 14px;font-size: 12px;width: 100%;margin: 0 0 4px;color: #666;transition:0.5s;}
.onlinecourseuls a .info .text .summary{float: left;line-height: 20px;font-size: 12px;width: 100%;margin: 0;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color: #333;height:auto;text-align: left;transition:0.5s;}

}

.pagetitle{float: left;width: 100%;text-align: center;line-height: 30px;font-size: 30px;margin: 0 0 20px;color: #333;display: none;}
@media (max-width: 992px) {
.pagetitle{display: block;}
}

.certificateul{float: left;width: 100%;margin:0 0 30px;}
.certificateul li{float: left;width:33.333%;position: relative;padding: 0 3% 0px;transition:0.5s;text-align: center;overflow: hidden;}
.certificateul li:nth-child(3n){margin-right: 0;}
.certificateul li .img{float: left;width:100%;padding:0px;position: relative;}
.certificateul li .img a{position: absolute;right: 0;bottom: 0;width: 40px;height: 40px;line-height: 40px;color: var(--themeone);border-radius: 0 0 10px 0;transition:0.5s;font-size:30px;}
.certificateul li .img a span{font-size: 30px;	}
.certificateul li .img img{float: left;width:100%;transition:0.5s;box-shadow: 0 15px 10px rgba(0,0,0,0.05);border-radius: 10px;overflow: hidden;	}
.certificateul li .tit{float: left;width:100%;line-height: 34px;color: #444;overflow: hidden;font-size: 20px;padding:0px 15px;margin: 15px 0 0;transition:0.5s;overflow: hidden;}
.certificateul li .times{float: left;width:100%;line-height: 24px;color: #aaa;overflow: hidden;font-size: 12px;padding:0px 15px;margin: 0 0 10px;transition:0.5s;overflow: hidden;}
.certificateul li:hover .img img{border-radius: 20px;}
.certificateul li:hover .img a{border-radius: 0 0 20px 0;}
@media (max-width: 992px) {
.certificateul{float: left;width: 100%;margin-bottom:0px;padding:0px 0;margin-top: 0px;}
.certificateul li{float: left;width:48%;margin: 0 0 0px 0;position: relative;padding: 0 0px 10px;background: #fff;transition:0.5s;}
.certificateul li:nth-child(2n){float: right;}
.certificateul li:hover .tit{color: #fff;}
.certificateul li:hover p{color: #fff;}
.certificateul li .img{float: left;width:100%;padding: 0 0%;background: #fff;}
.certificateul li .img img{float: left;width:100%;}
.certificateul li .tit{float: left;width:100%;line-height:20px;color: #444;overflow: hidden;font-size: 13px;padding:0px 10px 0;margin: 15px 0 5px;transition:0.5s;overflow: hidden;}
}

.certificatecourse{float: left;width: 100%;margin:0 0 30px;}
.certificatecourse li{float: left;width:100%;position: relative;padding:30px 20px 20px;transition:0.5s;overflow: hidden;margin-bottom: 20px;background: #fff;border-radius: 10px;}
.certificatecourse li:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.certificatecourse li .tit{float: left;width:100%;line-height: 24px;color: #444;overflow: hidden;font-size: 18px;padding:0px 55px 0 0;margin: 0 0 10px;transition:0.5s;overflow: hidden;}
.certificatecourse li .times{float: left;width:100%;line-height: 24px;color: #aaa;overflow: hidden;font-size: 14px;padding:0px 55px 0 0;transition:0.5s;overflow: hidden;}
.certificatecourse li .icon{position: absolute;right: 30px;top:30px;transition:0.5s;overflow: hidden;}
.certificatecourse li .icon span{font-size: 44px;float: left;line-height: 44px;color: #00c5d1;}
@media (max-width: 992px) {
.certificatecourse{float: left;width: 100%;margin-bottom:0px;padding:0px 0;margin-top: 0px;}
.certificatecourse li{float: left;margin: 0 0 20px 0;background: #f4f4f4;padding: 15px;}
.certificatecourse li .tit{font-size: 13px;line-height: 18px;margin-bottom: 0;padding-right: 30px;}
.certificatecourse li .times{font-size: 12px;padding-right: 30px;}
.certificatecourse li .icon{right: 15px;top: 15px;}
.certificatecourse li .icon span{line-height: 24px;font-size: 24px;}
}


.certificatenav{float: left;width: 100%;margin-bottom: 40px;}
.certificatenav a{float: left;line-height: 50px;font-size: 16px;color: #333;margin-right: 20px;border: 1px solid #eee;background: #fff;padding: 0 20px;border-radius: 8px;}
.certificatenav .cur{background:#00c5d1;color: #fff;}
@media (max-width: 992px) {
.certificatenav{margin-bottom: 20px;}
.certificatenav a{float: left;line-height: 44px;font-size: 15px;}
}

.title_index{float: left;width: 100%;margin:0;display: none;line-height: 20px;font-size: 30px;text-align: center;margin:50px 0 30px;color: #666;}
.certificate_index{float: left;width: 100%;margin:0;display: none;}
.certificate_index li{float: left;width:33.333%;position: relative;padding: 0 3% 0px;transition:0.5s;text-align: center;overflow: hidden;}
.certificate_index li:nth-child(3n){margin-right: 0;}
.certificate_index li .img{float: left;width:100%;padding:0px;position: relative;}
.certificate_index li .img a{position: absolute;right: 0;bottom: 0;width: 40px;height: 40px;line-height: 40px;color: var(--themeone);border-radius: 0 0 10px 0;transition:0.5s;font-size:30px;}
.certificate_index li .img a span{font-size: 30px;	}
.certificate_index li .img img{float: left;width:100%;transition:0.5s;box-shadow: 0 15px 10px rgba(0,0,0,0.05);border-radius: 10px;overflow: hidden;	}
.certificate_index li .tit{float: left;width:100%;line-height: 34px;color: #444;overflow: hidden;font-size: 20px;padding:0px 15px;margin: 15px 0 0;transition:0.5s;overflow: hidden;}
.certificate_index li .times{float: left;width:100%;line-height: 24px;color: #aaa;overflow: hidden;font-size: 12px;padding:0px 15px;margin: 0 0 10px;transition:0.5s;overflow: hidden;}
.certificate_index li:hover .img img{border-radius: 20px;}
.certificate_index li:hover .img a{border-radius: 0 0 20px 0;}
@media (max-width: 992px) {
.title_index{display: block;}
.certificate_index{float: left;width: 100%;margin-bottom:0px;padding:0px 0;margin-top: 0px;display: block;}
.certificate_index li{float: left;width:48%;margin: 0 0 0px 0;position: relative;padding: 0 0px 10px;transition:0.5s;}
.certificate_index li:nth-child(2n){float: right;}
.certificate_index li .img{float: left;width:100%;padding: 0 0%;background: #fff;}
.certificate_index li .img img{float: left;width:100%;}
.certificate_index li .tit{float: left;width:100%;line-height:20px;color: #444;overflow: hidden;font-size: 18px;padding:0px 10px 0;margin: 15px 0 5px;transition:0.5s;overflow: hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
}

.onlinecourse_index{float: left;width: 100%; display: none;}
.onlinecourse_index a{float: left;width: 100%;margin:0 0 20px;transition:0.5s;box-shadow: 0 5px 15px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;}
.onlinecourse_index a:hover .info{background: var(--themeone);}
.onlinecourse_index a:hover .info .text h3{color: #fff;text-align: left;}
.onlinecourse_index a:hover .info .text .summary{color: #fff;}
.onlinecourse_index a:hover .info .text span{color: #fff;}
.onlinecourse_index a .info{float: left;width: 100%;position: relative;z-index: 1;padding: 10px 20px 15px;border-left: 15px solid var(--themeone);background: #fff;border-radius: 0 10px 10px 0;transition:0.5s;}
.onlinecourse_index a .info .text{float: left;width: 100%;padding: 5px 0 0 0;position: relative;transition:0.5s;}
.onlinecourse_index a .info .text h3{float: left;line-height: 20px;font-size: 16px;width: 100%;margin: 0 0 5px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000;transition:0.5s;}
.onlinecourse_index a .info .text span{float: left;line-height: 20px;font-size: 13px;width: 100%;margin: 0 0 4px;color: #666;transition:0.5s;}
.onlinecourse_index a .info .text .summary{float: left;line-height: 20px;font-size: 13px;width: 100%;margin: 0;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color: #333;text-align: left;transition:0.5s;}
@media (max-width: 992px) {
.onlinecourse_index{display: block;}
}

.imgbox img{width: 100%;float: left;}
.pubcanvas{float: left;width: 100%;text-align: center;}
.pubcanvas .imgbox{display: inline-block;width: 100%;}
.pubcanvas .imgbox img{display: inline-block;width: 100%;border-radius: 15px 15px 0 15px;}
.pubcanvas .dlbt{display: inline-block;width: 100%;margin: 0px 0 60px;line-height: 60px;padding: 0;height: 60px;background: #00c5d1;border:none;color: #fff;border-radius: 15px 0 15px 15px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);font-size: 18px;}
@media (max-width: 992px) {
.pubcanvas .dlbt{line-height: 50px;height: 50px;border-radius: 10px 0 10px 10px;font-size: 16px;}
}