/*--------common style----------*/
html{
    background: #f3f8ff;
}
.UserCenter_UserInfo_Pic .u-i-pic .pic-edit a,.uc-n-time span,.uc-n-circle,.user-edit,.bg-change-icon,.share-icon,.chapter-icon em {background: url("../image/web-icon.png") no-repeat 0 0;}
.uc-nav-box ul li a,.user-info-wrap .u-i-pic .pic-edit,.u-learn-list li .continue-learn a,.u-learn-list li h3 a,.uc-order-filter a,.u-order-btn a,.l-h-header .share a {transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}

.user-edit {background-position: -111px -244px;}
.bg-change-icon {background-position: -109px -278px;}
.share-icon {background-position: -314px -233px;}
.chapter-icon em {background-position: -162px -169px;}
.c-cou-icon em {background-position: -163px -201px;}
.chapter-item:hover .chapter-icon em,.chapter-item.current .chapter-icon em {background-position: -162px -138px;}
.chapter-item.current .c-cou-icon em,.chapter-item:hover .c-cou-icon em {background-position: -163px -239px;}

.uc-header{height:148px;}
.uc-wrap {overflow: hidden;width: 100%;background: #f7f7f7;}
.user-info-wrap { height: 148px;padding: 25px 0 25px;}

.UserCenter_UserInfo_Pic .u-i-pic {width: 100%;height: 100%;margin: 0;    overflow: hidden;z-index: 2;border-radius: 50%;float: left;position: relative;}
.UserCenter_UserInfo_Pic .u-i-pic img {width: 100%;height: 100%;}
.UserCenter_UserInfo_Pic .head-portrait-wrap {position: relative;overflow: hidden;}
.UserCenter_UserInfo_Pic .head-portrait-wrap img.vip {position: absolute;bottom: -3px;left: 100px;z-index: 11;}
.UserCenter_UserInfo_Pic .vip-expired {margin-top: 10px;}
.UserCenter_UserInfo_Pic .vip-expired i{color: #ee7644;}
.UserCenter_UserInfo_Pic .u-i-pic .pic-edit {position: absolute;left: 0; right: 0; bottom: -140px;}
.UserCenter_UserInfo_Pic .u-i-pic:hover .pic-edit {bottom: 0;}
.UserCenter_UserInfo_Pic .u-i-pic .pic-edit .pic-edit-bg {background: url("../image/black-bg.png") repeat 0 0;width: 76px;height: 76px;position: relative;}
.UserCenter_UserInfo_Pic .u-i-pic .pic-edit a {width: 40px; height: 40px; background-position: -353px -215px;display: inline-block; vertical-align: middle;position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px;}
.UserCenter_UserInfo_Pic .u-i-pic .pic-edit a:hover,.c-charge-btn:hover {opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);text-decoration: none;}

.UserCenter_UserInfo_Pic .u-i-opt{float: left;position: relative;width: 502px;height: 120px;}

.uc-name{z-index:2;position:relative;margin-left: 20px;margin-top: 30px;}
.uc-sign{z-index: 2;position:relative}
.uc-sign-name{background:#63a5f8;padding:5px 20px;border-radius:15px;cursor: pointer;font-size: 14px;}
.user-edit {width: 19px;height: 19px;display: inline-block; vertical-align: middle;}
.bg-change-icon {width: 21px;height: 21px;display: inline-block; vertical-align: middle;}
.bg-edit {width: 120px; height: 36px;line-height: 36px;position: absolute; right: 12px;top:5px;z-index: 2}
.bg-edit:hover{text-decoration: none;}
.l-h-header .share a:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}

.uc-nav-box {float: left;width: 140px;padding-left: 0rem;margin-bottom: 160px;}
.uc-nav-box .icon{width:24px;text-align: center;margin-right: 8px;}
.uc-nav-box ul li {margin-left: 6px;width: 130px;height: 44px;margin: 3px 0px;padding-left: 11px;}
.uc-nav-box ul li.current {background: #3377ff;border-radius: 8px 0 0 8px;position: relative;+}
.uc-nav-box ul li.current:after {content: '';display: block;position: absolute;top: 0;right: -50px;width: 50px;height: 44px;border-top: 24px solid transparent;border-bottom: 24px solid transparent;border-left: 16px solid #3377ff;}
.uc-nav-box ul li a {display: block; line-height: 48px;font-size: 16px;cursor: pointer;color: #666;}
.uc-nav-box ul li a:hover {text-decoration: none;color: #63a5f8;}
.uc-nav-box ul li.current a {color: white;line-height: 40px;}
.uc-nav-box ul li .am-icon-angle-right{display: none;}


.uc-box {background: #fff;padding: 0px 40px 20px 40px;min-height:620px;width: 950px;float: right;    width: 100%;width: calc(100% - 260px);width: -moz-calc(100% - 260px);width: -webkit-calc(100% - 260px);}
.uc-tab {font-size: 14px;height: 55px;line-height: 55px;margin-bottom: 20px;border-bottom: 1px solid #d0d6d9; }
.uc-tab .sort-item { margin-right: 53px;display: inline-block;color: #787d82;}
.uc-tab .sort-item.current, .uc-tab .sort-item:hover { color: #2a75ed;border-bottom: 2px solid #2a75ed;  }



/*--------uchome style----------*/
.time-bar-wrap {width: 400px;position: relative;}
.lev-num-wrap {background: #d9d9d9;border-radius: 5px;width: 100%;height: 8px;position: relative;}
.lev-num-bar {border-radius: 5px;width: 0%;font-size: 0;background-color: #7ede54;position: absolute;left: 0;top: 0;height: 8px;z-index: 7;transition: .3s;-webkit-transition: .3s;}
.u-learn-list li {position: relative;padding:30px 0;border-bottom: 1px solid #f2f2f2;}
.u-learn-list li:nth-last-child(1) {border-bottom: none; margin-bottom: 0;}
.u-learn-list li .u-l-pic {float: left;margin-right: 30px;}
.u-learn-list li .u-l-pic img {width: 160px;border-radius: 8px;}
.u-learn-list li .u-l-info{float: left;width: 520px;}
.u-learn-list li .bar{margin:5px 0;}
.u-learn-list li .continue-learn{width: 80px;height: 30px;border: 1px solid #63a5f8;color: #63a5f8;border-radius: 4px;margin-right: 20px;line-height: 30px;display: inline-block;text-align: center;}
.u-learn-list li .continue-learn:hover {text-decoration: none;background: #63a5f8;color: #fff; }
.u-learn-list li h3 a:hover {text-decoration: none;color: #63a5f8;}

/*--------uc-note style----------*/
.uc-note-box {background: #fff;padding: 0 40px 40px;margin-top: 20px;}
.uc-note-list {border-left: 1px solid #f2f2f2;margin-left: 118px;}
.uc-note-list li {
    border-bottom: 1px solid #f2f2f2;
    position: relative;padding: 15px 0 15px 3.5%;}
.uc-n-time {position: absolute;left: -121px;top: 50%;margin-top: -13px;}
.uc-n-time span {width: 88px; height: 26px; display: inline-block; text-align: center;background-position: -312px -273px;line-height: 26px;}
.uc-n-circle {position: absolute;width: 20px; height: 20px;display: inline-block;background-position: -376px -169px;left: -10px; top: 50%; margin-top: -10px;}
.uc-cou-name {margin-left: 80px;}
.uc-note-info {line-height: 26px;}
.uc-note-course-name a{color: #63a5f8;}
/*--------uc-oaccount style----------*/
.u-transaction-list {margin-bottom: 20px;}
.u-transaction-list .u-trans-item li {float: left;line-height: 30px;padding: 8px 0;}
.u-transaction-list .u-trans-item .u-trans-time {width: 240px;}
.u-transaction-list .u-trans-item .u-trans-desc {}
.u-transaction-list .u-trans-item .u-trans-sum { float: right; margin-right: 50px;}
.u-transaction-list .u-trans-item .u-trans-state {width: 76px;}
.u-transaction-list dd:nth-child(2n+1) {background: #f7f7f7;}
.u-account-sum {text-align: center;margin: 15px 0 35px;}
.c-charge-btn {font-size: 16px; width: 80px;height: 30px;display: inline-block;background: #f7f7f7;color: #fff;background:#ff7e00;border-radius: 3px;vertical-align: middle;text-align: center;line-height: 30px;}
/*--------uc-order style----------*/

.review-btn.c-charge-btn {width: 100px;height: 40px;line-height: 40px;margin-top: 27px;}
.u-order-item dt {margin-bottom: 10px;line-height: 50px;font-weight: normal;}
.u-order-btn a,.u-order-btn span {font-size: 1.4rem; color: #333; margin-left: 20px;}
.u-order-btn a:hover {text-decoration: none;color: #63a5f8;}
.u-order-btn a.current {color: #63a5f8;}
.u-order-btn span.cancel {color: #999;}
.u-order-item {border-bottom: 1px solid #f2f2f2;}
.u-order-item dd {overflow: hidden; margin-bottom: 20px;}

.u-order-item .u-l-pic,.u-order-top .u-l-pic{width: 160px;float: left; margin-right: 20px;}
.u-order-item .u-l-pic img,.u-order-top .u-l-pic img {width: 100%; height: 100%;border-radius: 8px;}
.u-order-item {padding-bottom: 0;margin-bottom: 20px; border-bottom: 1px solid #f2f2f2;}
.u-order-list .u-order-item:nth-last-child(1) {margin: 0;border-bottom: none;}
.trans-sucess {border: none;background: none;}
.pay-now {background: #63a5f8;color: #fff;border: 1px solid #63a5f8;}

/*--------uc-coupon style----------*/

.coupon-list {margin: 0 -1rem;}
.coupon-list li {float: left;padding:0 1rem 2rem 1rem;}
.coupon-list li .coupon-item {background: #63a5f8;;overflow: hidden; border-radius: 5px;box-shadow: 0 6px 4px rgba(0,0,0,0.1);-moz-box-shadow: 0 6px 4px rgba(0,0,0,0.1);-webkit-box-shadow: 0 6px 4px rgba(0,0,0,0.1);}
.coupon-list li .coupon-item .coupon-top {padding: 25px 15px 13px;}
.coupon-list li .coupon-item .coupon-top * { height: 40px;line-height: 36px;}
.coupon-list li .coupon-item .coupon-bot {background: #fff url("../image/dot.png") repeat-x 0 0; padding: 10px 15px;}
.coupon-list li .coupon-item .coupon-bot p {font-size: 1.4rem;line-height: 2rem;color: #666;}

.coupon-list li .coupon-item .coupon-bot-history{background: #fff url("../image/dot_history.png") repeat-x 0 0; padding: 10px 15px;}
.coupon-list li .coupon-item .coupon-bot-history p {font-size: 14px;line-height: 30px;color: #ccc;}
    /*--------uc-message style----------*/
.u-m-desc {font-size: 1.2rem; line-height: 26px; color: #333;margin-top: 12px;}
.u-mess-list li {margin-bottom: 30px;position: relative;padding: 0 0 10px 90px;}
.u-m-dot {position: absolute; left: 0; top: 50px;width: 60px; background:url('../image/sec_icon.gif');background-size:60px 60px;height: 60px;display: inline-block; border-radius: 50%; overflow: hidden;}
.uc-mess-num {font-size: 16px;margin-top: 20px;padding: 0 40px;line-height: 50px;color: #666;height: 50px;border-bottom: 1px solid #f2f2f2;background: #fff;}
.uc-mess-num span {margin: 0 4px;vertical-align: middle;line-height: 50px;color: #faba34;display: inline-block;}
.uc-mess-num * {vertical-align: middle;line-height: 50px;}
.uc-mess-box {padding: 40px;background: #fff;margin-top: 20px;}
.uc-message-filter {margin-bottom: 20px;}
.uc-message-filter.uc-order-filter a {position: relative;}
.uc-message-filter.uc-order-filter a .red-point {right: 5px; top: 4px;left: auto;}
.u-mess-pic img {max-width: 100%;height: auto; max-height: 300px;border-radius: 8px;}
.u-mess-wrap {margin-top: 20px; padding: 20px 30px;background: #f2f2f2;border-radius: 10px;position: relative;}
.u-mess-wrap .DT-arrow {left: -21px;top: 3px;width: 40px;}
.u-mess-wrap .DT-arrow * {font-size: 42px;height: auto;}
.u-mess-wrap .DT-arrow em {color: #f2f2f2;}
/*--------uc-personal-letter----------*/
.uc-letter-content-list{height:80px;padding-top: 32px;border-top: 1px solid #f3f3f3;}
.uc-person-head{float: left;width: 48px;height: 48px;}
.uc-person-head img{border-radius: 50%;width: 48px;height: 48px;}
.uc-person-letter{float: left;width:50%;padding-left:20px;}
.uc-person-name{font-weight: bold;color:#000;height: 18px;overflow: hidden; }
.uc-person-content{overflow: hidden;overflow-wrap: normal;text-overflow: ellipsis;white-space: nowrap;color: #9a9a9a;}
.uc-person-time{float: right;color: #9a9a9a;}
/*--------uc-personal-content----------*/
.uc-nav-top{height: 40px;background-color: #333638;}
.uc-name-top h4{text-align: center;color:white;padding-top: 10px;}
.uc-return{background: url(../image/uc-name-return.png) no-repeat 0 0;width: 14px;height: 23px;position: relative;top:8px;left:10px;float: left;}
.chat-content{height: 450px;border-left:#ddd solid 1px;border-right:#ddd solid 1px;overflow: auto;}
.chat-content .load-more{background-color: #c5c5c5;border-radius: 13px;color: #fff;display: block; height: 26px;line-height: 26px;margin: 16px auto -6px;text-align: center;width: 150px;}
.chat-content .date {color: #888;height: 14px;line-height: 14px;margin: 0 auto;padding: 20px 0 0;text-align: center;}
/*输入框*/
.uc-input-bg{background: #fff;border-top: 1px solid #dfdfdf;padding: 10px 0px 20px;}
.uc-input-bg textarea{height: 80px;width: 100%;border: 1px solid #dfdfdf;font-size:14px;padding:4px;color: #a6a6a6;}
.uc-input-bg .send{background: #63a5f8 none repeat scroll 0 0;border-radius: 6px;color: white;float: right;font-size: 1.4rem;height: 35px;line-height: 40px;margin: 5px 4px;padding: 0px 20px;}
.uc-input-bg .limit{padding-top: 5px; color: #999}
/*输入框结束*/

.uc-dialogue{ margin:30px 20px;width:100%}
.uc-dialogue .head{width:48px;height:48px;}
.uc-dialogue .head img{border-radius: 50%;width:48px;height:48px;}
.uc-dialogue .content{background:#f2f2f2;font-size: 14px;float: left;;width: 800px;border-radius:10px;padding:20px;line-height:22px;}
.uc-dialogue .icon{margin-left:10px;margin-top:8px;background:url(../image/uc-horn.png) no-repeat 0 0;width: 20px;height: 41px;float: left;}
.uc-dialogue .me-icon{background:url(../image/uc-horn-r.png) no-repeat 0 0;float: right;margin-right: 9px;margin-top:8px;width: 20px;height: 41px;}
.uc-dialogue .me-content{background:#79ace5;color:white;font-size: 1.4rem;float: right;width: 50%;border-radius:10px;padding:20px;line-height:22px;}

/*--------uc-order-pay style----------*/
.u-order-top {padding: 20px;overflow: hidden; background: #fff;min-height:150px;}
.u-order-top ul li {float:left;}
.u-order-top ul li.order-info {width: 56%;}
.u-o-title {line-height: 26px;width: 40%;float: left;}
.u-order-top ul li.coupon-use {width: 22%;text-align: left;padding-top: 33px;}
.u-order-top ul li.order-num {width: 22%;text-align: right; padding-top: 33px;}
.u-order-top ul li.coupon-use select {height: 30px;line-height: 30px;color: #333;font-size: 16px;border: 1px solid #ddd;min-width: 150px;padding: 0 8px;}
.u-order-pay {margin-top: 15px;padding: 15px 20px 60px; background: #fff;}
.sec-title {font-size: 1.8rem;line-height: 40px; border-bottom: 1px solid #f1f1f1;padding: 8px 0;margin-bottom: 20px;}
.u-o-box {padding-left: 21px;}
.u-order-pay .comm-title h2 span {font-size: 1.8rem;}

.yezf {background: #f8f8f8;padding: 35px 40px;}
.yezf .ye-check-box:hover {text-decoration: none;}
.yezf .ye-check-box em {margin-top: 2px;}
.cashTip{float: left;}
.mon-left {margin-left: 75px;}
.charge-box {margin-left: 150px;}
.charge-box a:hover,.pay-btn a:hover,.btn-box a:hover,.learn-now a:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.pay-method a {width: 240px; height: 60px;margin-right: 20px;display: inline-block;}

.pay-btn {margin-top: 60px;}
.pay-btn a,.learn-now a {width: 150px; height: 50px;line-height: 50px;background: #ff7e00;border-radius: 4px;
    display: inline-block; text-align: center;font-size: 1.8rem; color: #fff;}
/*--------付款弹框 style----------*/
.btn-box {margin-top: 50px;}
.btn-box a {line-height: 45px;color: #fff;padding: 0 30px;cursor: pointer;margin: 0 30px;font-size: 18px;border-radius: 3px; height: 45px;display: inline-block;background: #ccc;}
.btn-box a.current {background: #ff7e00;}
.pay-left-time {margin-top: 70px;}
/*--------pay-ok style----------*/
.pay-ok-cont {width: 100%; padding: 160px 0 235px;background: #fff;}
.icon-check {width: 66px;height: 58px;display: inline-block;vertical-align: middle;}
.pay-suc span {font-size: 2.8rem; margin-left: 6px;}
.learn-now {margin-top: 30px;}
.learn-now a {background: #63a5f8;}
/*--------account safe style----------*/
.account-header {margin-top: 0;}
.u-account-name {width: 80px; display: inline-block;color: #333; font-size: 16px;vertical-align: middle;line-height: 42px;}
.u-password-edit .e-login-options li {text-align: center;}
.u-password-edit {padding: 40px 0 60px;}

.u-a-charge .e-login-options li {text-align: left;}
.u-a-charge .e-login-options li *{line-height: 32px!important;vertical-align: middle;}
.u-a-charge .e-login-options li input {width: 180px;height: 30px; line-height: 30px;}

.u-a-warning {background: #d9edf7;color: #30708f;display: block; line-height: 40px;padding: 0 10px;}


.tab-integral th {background: #f0f0f0 none repeat scroll 0 0; border: 1px solid #ddd;color: #333;font-weight: normal;padding: 8px 10px;}
.tab-integral td {border: 1px solid #ddd;color: #666;padding: 12px 10px;}

.un-title {  border-bottom: 1px dotted #eee;color: #63a5f8;  font-size: 14px;  font-weight: bold;  height: 60px;  line-height: 60px;  margin: 20px 0 10px  }
.un-content{line-height:24px;}


/* 支付方式 */
.member-wrap .pay-style .item {float: left;width: 240px;height: 62px;border: 1px solid #eee;margin-right: 30px;position: relative;margin-top: 22px;cursor: pointer;}
.member-wrap .pay-style .item.current{border: 1px solid rgb(99, 165, 249);}
.member-wrap .pay-style .current .corner {display: block;width: 30px;height: 30px;border: 15px solid;border-color: #63a5f9 #63a5f9 transparent transparent;position: absolute;top: 0;right: 0;}
.member-wrap .pay-style div img {width: 100%;height: 100%;}
.member-wrap a.pay-btn {display: block;width: 150px;height: 50px;line-height: 50px;border-radius: 4px;background-color: #ff7e00;color: #fff;font-size: 1.8rem;text-align: center;margin-top: 150px;margin-bottom: 30px;}

@media only screen and (max-width: 767px) and (min-width: 0px) {
    .member-wrap .buy-member li {margin-top:15px;}
}
@media only screen and (max-width: 640px) and (min-width: 0px) {
    .member-wrap .pay-style .item {float: left;width: 160px;height: 40px;}
    .member-wrap a.pay-btn {width: 100px;height: 35px;line-height: 35px;font-size: 1.6rem;margin-top: 120px;}
    .member-wrap .pay-style .current .corner {width: 24px;height: 24px;border: 12px solid;border-color: #63a5f9 #63a5f9 transparent transparent;}
}
@media only screen and (max-width: 500px) and (min-width: 0px) {
    .member-wrap .buy-member li {width: 290px;}
    .member-wrap .buy-member li .item {padding-right: 0;}
    .member-wrap .time-member li {margin: 20px 40px 20px 0px;}
}
@media only screen and (max-width: 414px) and (min-width: 0px) {
    .member-wrap .pay-style .item {float: left;width: 120px;height: 30px;}
    .member-wrap a.pay-btn {width: 100px;height: 35px;line-height: 35px;font-size: 1.6rem;margin-top: 100px;}
    .member-wrap .pay-style .item {margin-right: 25px;width: 115px;}
    .member-wrap .pay-style .current .corner {width: 16px;height: 16px;border: 9px solid;border-color: #63a5f9 #63a5f9 transparent transparent;}
    .member-wrap .time-member li {width: 50%;margin: 15px 0px;}
}


/* 好友邀请--页面 */
.InviteFriends h4 {font-size: 1.6rem;padding: 18px 0px 4px;display: inline-block;margin-right: 30px;cursor:pointer}
.InviteFriends h4.active  {border-bottom: 3px solid #3078ea;}
.InviteFriends p {margin-top: 30px;width: 100%;overflow: hidden;}
.InviteFriends a.Invite-way {float: left;display: block;width: 90px;height: 30px;line-height: 30px;color: #fff;background-color: #3078ea;border-radius: 4px;text-align: center;}
.InviteFriends span.share {float: left;margin-left: 10px;line-height: 30px;}
.InviteFriends .way-1 p input {width: 100%;width: calc(100% - 130px);width: -moz-calc(100% - 130px);width: -webkit-calc(100% - 130px);height: 36px;line-height: 36px;border-radius: 4px;border: 1px solid #eee;padding-left: 10px;}
.InviteFriends .way-1 p a.fuzhi {float: right;display: block;width: 104px;height: 36px;line-height: 36px;color: #fff;background-color: #3078ea;border-radius: 4px;text-align: center;}
.InviteFriends .way-2 {margin-top: 35px;}
.InviteFriends .way-2 ul {overflow: hidden;margin: 60px 0px;}
.InviteFriends .way-2 li {float: left;width: 33.33%;cursor: pointer;}
.InviteFriends .way-2 li i {display: block;width: 90px;height: 90px;line-height: 90px;font-size: 3.8rem;text-align: center;border-radius: 50%;margin: 0 auto;}
.InviteFriends .way-2 li i.am-icon-qq {color: #3eb7f5;border: 1px solid #3eb7f5;}
.InviteFriends .way-2 li i.am-icon-wechat {color: #4ddb89;border: 1px solid #4ddb89;}
.InviteFriends .way-2 li i.am-icon-weibo {color: #fd486a;border: 1px solid #fd486a;}
.InviteFriends .way-2 li img {margin: 0 auto;display: block;text-align: center;}
.InviteFriends .way-2 li span {display: block;text-align: center;line-height: 50px;}
.InviteFriends .record .invite-record {width: 100px;height: 100px;background-color: #f2f2f2;border-radius: 50%;margin: 35px auto 0px;}
.InviteFriends .record .invite-record svg.icon-invitation {margin: 25px;}
.InviteFriends .record span {display: block;margin-bottom: 35px;}
table{ border-collapse:collapse;margin-top: 22px;}
table th,table td{ border:1px solid #eee;line-height: 36px;     text-align: center;}
table th {background-color: #f1f8ff;}
table tr:nth-child(2n+1) {background-color: #f8f8f8;}

@media only screen and (max-width: 640px) and (min-width: 0px) {
    .InviteFriends .way-2 li i {width: 60px;height: 60px;line-height: 60px;font-size: 3rem;}
    .InviteFriends .way-1 p a.fuzhi {margin-top: 12px;float: none;}
    .InviteFriends .way-1 p input {width: 100%;}
    .InviteFriends p {margin-top: 20px;}
}

/* 购买课程--添加vip */
.vip-course {height: 30px;margin-left: 10px;}
.vip-course .vip-logo-wrap {vertical-align: middle;}
.vip-course .txt {color: #ff7e00;vertical-align: middle;margin-right: 5px;}
.vip-course a.btn-dredge {padding: 3px 10px;font-size: 1.2rem;text-align: center;background-color: #ff233d;border-radius: 4px;color: #fff;vertical-align: middle;}

/* 购买课程--添加会员到期 */
@media only screen and (max-width: 1024px) and (min-width: 0px) {
    .vip-course {display: block;margin-left: 0;margin-top: 20px;}
}

/* 考试页面--医学考研 */
.exam_header_item_con {border-top: 3px solid #2f78e9;box-shadow: 0px 5px 15px rgba(0,0,0,.2);position: relative;}
.exam_header_item_con .corner {border: 6px solid;border-color: transparent transparent #2f78e9 transparent;position: absolute;top: -14px;left: 46px;}

/*个人中心--我的积分--积分商城*/
.pointShopContent  ul li{position: relative;}
.pointShopContent .pointShopBlockFrame  .cornerMark{border: 25px solid;border-color: #FF4242 transparent transparent #FF4242;width: 50px;height: 50px;position: absolute;top: 2px;left: 8px;}
.pointShopContent .pointShopBlockFrame  .cornerMark span{width: 34px;position: absolute;top: -21px;left: -23px;color: #fff;transform: rotate(-45deg);font-size: 1.4rem;}
.pointShopBlock{padding: 0.2rem;}
.pointShopBlockFrame{border:1px solid rgba(219,219,219,1);}
.pointShopBlockFrame img{padding-top: 18px;width: 60%;margin-left: 20%;}

.pointShopBlockRight {width: 100%;text-align: center;}
.pointShopBlockRight h2{font-size: 1.6rem;padding-left: 20%;padding-right: 20%;line-height: 22px;height: 44px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-top: 1rem;}
.pointShopBlockRight p{font-size: 1.8rem;line-height: 25px;color:rgba(255,49,49,1);margin-top: 10px;}
.pointShopBlockRight button{margin-top: 10px;width: 100%;height: 2.6rem;border: 1px solid transparent;background: #1890FF;color: white;}
/*个人中心--我的积分--积分商城点击立即兑换后的弹框样式*/
.alertMakeSureInfo{width:340px;height:350px;background:rgba(255,255,255,1);border-radius:8px;position: absolute;z-index: 99;top: 265px;left: calc(50% - 170px);display: none;}
.alertMakeSureInfoFrame{width: 280px;position: relative;margin-left: auto;margin-right: auto;}
.alertMakeSureInfoTitle{font-size:16px;font-weight:bold;line-height:22px;color:rgba(34,34,34,1);}
.alertMakeSureInfoDetail{height: 45px;width: 100%;margin: 0px 0 30px 0;position: relative;}
.alertMakeSureInfoDetail img{height: 45px;width: 45px;}
.alertMakeSureInfoDetail p:first-of-type{position: absolute;top: 0px;left: 60px;font-size: 14px;line-height: 14px;color: rgba(51,51,51,1);}
.alertMakeSureInfoDetail p:nth-of-type(2){position: absolute;top: 26px;left: 60px;font-size: 14px;line-height: 14px;color: rgba(255,49,49,1);}
.customerInfoDetail{font-size: 14px;line-height: 27px;color: rgba(51,51,51,1);}
.alertMakeSureInfoFrame button{width:72px;height:24px;line-height:20px;border-radius:5px;float: right;margin-left: 10px;margin-top: 20px;}
.alertMakeSureInfoFrame button:nth-of-type(1){border:1px solid rgba(153,153,153,1);color:rgba(153,153,153,1);background-color: white;}
.alertMakeSureInfoFrame button:nth-of-type(2){background-color: #1890FF;color:white;border: none;}
.alertMakeSureInfo i{display: inline-block;font-style: normal;float: right;font-size: 28px;padding-right: 13px;font-weight: lighter;}

/*个人中心--我的积分--我的积分*/
.pointContent{width: 100%;height: 100%;position: relative;display: table;}

.pointContentInside{width: 80%; text-align: center; height: 58px;position: relative;margin:15px auto 35px auto ;   display: table-cell;justify-content: normal;vertical-align: middle;}
.pointContentInside img{vertical-align: bottom;}
.pointContentInside span{font-size: 18px;line-height: 58px;color:rgba(34,34,34,1);}
#pointNumber{color: #1890FF;font-size: 24px;padding:0 10px;font-weight: bold;}
.pointContent2{width: 100%;height: 93px;position: relative;}
.pointContentTitle{border-left: 3px solid #1890FF;width: 100%;position: relative;padding-left: 10px;font-size: 16px;margin-bottom: 19px;font-weight:bold;line-height:22px;color:rgba(34,34,34,1);}
.pointContent2 p{color: #999999;font-size: 12px;}
.contentList ul li{width: 100%;height:40px;line-height: 40px;font-size:14px;color:rgba(51,51,51,1);}
.contentList ul li:nth-of-type(odd){background:rgba(240,240,240,1);}

.contentList ul li span:nth-of-type(odd){padding-left: 20px;}
.contentList ul li span:nth-of-type(even){float: right;padding-right: 20px;}
.pointContentTitle h3{font-size: 1.4rem;}
/*个人中心--我的积分--兑换历史*/
.pointOrderHistoryInfoDetail{width: 100%;line-height: 50px;margin-bottom: 20px;font-size: 1.4rem;}
.pointOrderHistoryInfoDetail li{background-color: rgba(248,248,248,1);margin-top: 15px;text-align: center;}
.pointOrderDetail{ margin-bottom: 15px;position: relative;}
.pointOrderDetail ul li{ padding-left: 1rem;padding-right: 1rem;}
.creditsExchangeInfo { white-space: nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 35px;}
.consignee ,.logisticsInfo{ color: #999999;line-height: 35px;}
.creditsExchangeInfo:first-line{ font-size: 1.6rem;color: #111111;}
.creditsExchangeInfo:nth-child(2){ color:#999999;}
.consignee:nth-child(2){color:#999999;}
.creditsExchangeInfo span{color:#FF3131;font-size: 1.6rem;}
.consignee,.logisticsInfo, .logisticsState{text-align: center;}
.consignee ,.logisticsInfo,.logisticsState:first-line{font-size: 1.4rem;}
.logisticsState{margin-top: 43px;}
.hengxian{width: 95%;margin-left: 2.5%;border: 1px solid rgba(219,219,219,1);position: absolute;top: 78%;}
/*个人中心--新增收货地址*/
.pointAdress{margin-top: 40px;width: 100%;font-size: 1.4rem;line-height: 28px;}
.pointAdress p{line-height: 60px;font-size: 1.6rem;}
.mt15{margin-top: 15px;}
.pointAdress .content1 span input{width: calc(100% - 141px);margin-left: 15px;padding: 5px 2px;}
.pointAdress .content2 span input{margin-left: 15px;padding: 5px 2px;width: 19.3%;}
.pointAdress .content2 span select{margin-left: 15px;padding: 5px 2px;width: calc(33.3% - 55px);}
.pointAdress .content3 span input{width: calc(100% - 127px);margin-left: 28px;padding: 5px 2px;}
.pointAdress .content4{float: right;margin-right: 4.7%;}
.pointAdress .content4  input{width:20px;padding: 5px 2px;}
.pointAdress .content4  span{width:95px;height: 31px;background-color: white;border: 1px solid #222222;border-radius:5px;    display: block;
    text-align: center;  float: right; margin-left: 10px;}
.pointAdress .content4  span:nth-of-type(2){background-color: #1890FF;color: white;border: none;margin-left: 20px;}
.pointAdress .content5 li{background-color: rgba(248,248,248,1);margin-top: 15px;text-align: center;}
.pointAdress .content6{text-align: center;}
.pointAdress .content6 li{margin-top: 15px;}
.pointAdress .content6 li:nth-of-type(5) {color:#1890FF;float: right;}
.pointAdress .content6 li:last-child span:first-child{color:#1890FF;margin-right: 12px;}
.pointAdress .content6 li:nth-of-type(5) span:first-child{color:#1890FF;margin-right: 12px;}