.courseDetail-mod{ background: url(../../images/course/course-bg.png) no-repeat center top #F5F7F9; border-top:8px solid #3C6CF4;}
.course-mod-bg{background: url(../../images/course/course-mod.png) no-repeat center top; height:587px; margin-bottom: 20px;}
.course-mod-bg .titleName{ font-size: 30px; padding-top: 65px;}
.course-mod-bg .titleName span{ color: #fff; text-align: center; height: 28px; line-height: 28px; display: inline-block; font-weight: normal; vertical-align: middle; font-size:14px; padding: 0 20px;
    border-radius: 10px 2px 10px 2px;
    border: 1px solid #83DAFF;
    background:#2994FF;
    background:-webkit-linear-gradient(142deg, #2994FF, #33AAFF);
    background:-moz-linear-gradient(142deg, #2994FF, #33AAFF);
    background:-ms-linear-gradient(142deg, #2994FF, #33AAFF);
    background:linear-gradient(142deg, #2994FF, #33AAFF);
}
.course-mod-bg .titleName p{ margin: 10px 0; font-size: 14px;}
.course-mod-bg .titleName p i{ display: inline-block; margin-right: 20px;}
.course-mod-bg .title{ color: #fff; font-size: 22px; font-weight: bold; margin:34px 0 0 36px;}
.course-mod-bg .con{ margin: 50px 30px;}
.course-mod-bg .con .pic{ width:490px; float: left; margin-right: 30px; border-radius: 8px;}
.course-mod-bg .con .intro{ width:620px;float: left;}
.course-mod-bg .con ul{ margin: 15px 0 0;}
.course-mod-bg .con ul li{float: left; width:230px; margin:0 10px 10px 0;} 
.course-mod-bg .con ul li span{ color: #797A7D; display: inline-block; width:70px; vertical-align: top;}
.course-mod-bg .con ul li em{display: inline-block; width:160px; line-height: 20px; vertical-align: top;}
.course-mod-bg .con ul li.wd01{width:365px; }
.course-mod-bg .con ul li.wd01 em{display: inline-block; width:290px; line-height: 20px; vertical-align: top;}
.course-mod-bg .con .price{ color: #F54C4C;background: #ECF7FD;border-radius: 4px; height: 58px; line-height: 58px; padding: 0 20px; margin: 15px 0 52px;}
.course-mod-bg .con .price strong{ font-size: 30px;}
.course-mod-bg .con .btn{ margin: 30px 0 10px;}
.course-mod-bg .con .btn a{ display: inline-block; width: 178px; line-height: 44px; height: 44px; text-align: center; border-radius: 4px; margin-right: 20px; font-size: 18px; color: #fff;}
.course-mod-bg .con .btn a.goCar{
    background:#FF770F;
    background:-webkit-linear-gradient(260deg, #FFC145, #FF770F);
    background:-moz-linear-gradient(260deg, #FFC145, #FF770F);
    background:-ms-linear-gradient(260deg, #FFC145, #FF770F);
    background:linear-gradient(260deg, #FFC145, #FF770F);
}
.course-mod-bg .con .btn a.goBuy{
    background:#FF7F1D;
    background:-webkit-linear-gradient(128deg, #FF004A, #FF7F1D);
    background:-moz-linear-gradient(128deg, #FF004A, #FF7F1D);
    background:-ms-linear-gradient(128deg, #FF004A, #FF7F1D);
    background:linear-gradient(128deg, #FF004A, #FF7F1D);
}
.course-mod-bg .con .pay{ color:#888;}



/**/
.course-intro-mod .courseIntro{ width: 870px;background: #FFFFFF;box-shadow: inset 0px 6px 13px 0px rgba(177,230,254,0.25);border-radius: 8px;border: 2px solid #FFFFFF; margin-bottom: 40px;}
.course-intro-mod .courseIntro .titleTab{ text-align: center; font-size: 16px; border-bottom: 1px solid #EAECEF; height: 66px; line-height: 66px;}
.course-intro-mod .courseIntro .titleTab li{ display: inline-block; width: 32%; position: relative; cursor: pointer; vertical-align: top;}
.course-intro-mod .courseIntro .titleTab li.on{ color: #3C6CF4; font-weight: bold;}
.course-intro-mod .courseIntro .titleTab li.on::before{ position: absolute; content: ''; display: block;width: 28px;height: 4px;background: #3C6CF4; border-radius: 4px; bottom:-2px; left: 50%; margin-left: -14px;}
.course-intro-mod .courseIntro .titleTab li .vedio{ display: inline-block; width:40px; height: 22px;line-height: 22px; color: #fff; text-align: left; padding-left: 12px; font-size: 12px; background: url(../../images/course/vedio.png) no-repeat;}
.course-intro-mod .courseIntro .titleTab li .vedio:hover{ text-decoration: none;}
.course-intro-mod .courseIntro .titleTab li.on .vedio{ font-weight: normal;}
.course-intro-mod .courseIntro .detailCon dl{ margin: 20px 30px;}
.course-intro-mod .courseIntro .detailCon dl dt{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.course-intro-mod .courseIntro .detailCon dl dd{ line-height: 24px; color: #666;}

.course-intro-mod .videoList{ margin: 30px;}
.course-intro-mod .videoList dl{ border-bottom: 1px solid #EAECEF; margin-bottom: 20px;}
.course-intro-mod .videoList dl dt{font-size: 18px; position: relative; margin-bottom: 15px;}
.course-intro-mod .videoList dl dt::after{content: ''; display:block; position: absolute; width: 20px; height: 20px; right: 20px; top: 0;background: url(../../images/course/upDown.png) no-repeat;}
.course-intro-mod .videoList dl.on dt::after{ transform: rotate(-180deg);}
.course-intro-mod .videoList dl dt span{ margin-right: 30px;}
.course-intro-mod .videoList dl dt a:hover{ text-decoration: none;}
.course-intro-mod .videoList dl dd{ color: #666; margin-left:90px; display: none;}
.course-intro-mod .videoList dl dd li{ margin-bottom: 10px;}
.course-intro-mod .videoList dl dd li a{color: #666;}
.course-intro-mod .videoList dl dd li a:hover{ text-decoration: none;}
.course-intro-mod .videoList dl dd li .tit{ display: inline-block; width:630px; line-height: 24px; vertical-align: top;}
.course-intro-mod .videoList dl dd li .btn{display: inline-block; vertical-align: top;background: url(../../images/course/video-btn.png) no-repeat; width: 60px; padding-left: 16px; height: 32px; line-height: 32px; color: #fff;}
.course-intro-mod .videoList dl.on dd{display:block;}
.course-intro-mod .courseEvaluation{ margin: 30px;}
.course-intro-mod .courseEvaluation .courseEvaluationSlide{ max-height:1000px; overflow-y: auto;}
.course-intro-mod .courseEvaluation dl{border-bottom: 1px solid #EAECEF; margin-bottom: 10px; padding-bottom: 10px;}
.course-intro-mod .courseEvaluation dt{ float: left; width: 40px; height: 40px; margin-right: 15px;}
.course-intro-mod .courseEvaluation dt img{ border-radius: 50%; width: 40px; height: 40px;}
.course-intro-mod .courseEvaluation dd{float: left; width:755px;}
.course-intro-mod .courseEvaluation .con{ width:585px; display: inline-block; vertical-align: top;}
.course-intro-mod .courseEvaluation .con .name{ font-size: 16px; margin-bottom: 3px;}
.course-intro-mod .courseEvaluation .con .askCon{ font-size: 14px; margin-bottom: 10px;}
.course-intro-mod .courseEvaluation .con .time{ font-size: 12px; color: #666;}
.course-intro-mod .courseEvaluation .star{ width:165px;display: inline-block; vertical-align: middle; margin-top: 25px;}
.course-intro-mod .courseEvaluation .star i{ display: inline-block; width:20px; height: 20px; margin: 0 2px; background: url(../../images/course/star01.png) no-repeat;}
.course-intro-mod .courseEvaluation .star i.starNull{background: url(../../images/course/star02.png) no-repeat;}
.course-intro-mod .courseEvaluation .view-btn{ text-align: center; margin: 20px 0;}
.course-intro-mod .courseEvaluation .view-btn a{ display: inline-block; width: 180px; margin: 0 10px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 16px;}
.course-intro-mod .courseEvaluation .view-btn .loginMore{ background: #2994FF; color: #fff;}
.course-intro-mod .courseEvaluation .view-btn .viewMore{ border: 1px solid #2994FF; color: #2994FF;}
.course-intro-mod .view-btn a:hover{ text-decoration: none; opacity: 0.8;}


.course-intro-mod .courseRelated{ width: 310px;box-shadow: inset 0px 6px 13px 0px rgba(177,230,254,0.25); background: #fff; border-radius: 8px;border: 1px solid #FFFFFF; padding-bottom: 20px;}
.course-intro-mod .courseRelated h3{ font-size: 18px; height: 66px; line-height: 66px; position: relative; padding-left: 20px;}
.course-intro-mod .courseRelated h3::before{ content: ''; display:block; width: 4px; height: 18px; background: #3C6CF4; position: absolute; left: 0; top:26px;}
.course-intro-mod .courseRelated ul{ margin:0 20px;}
.course-intro-mod .courseRelated ul li{ padding-bottom: 10px; margin-bottom: 10px;border-bottom: 1px solid #EAECEF;}
.course-intro-mod .courseRelated ul li dl dt{float: left; margin-right: 10px;}
.course-intro-mod .courseRelated ul li dl dd{ width:146px;float: left; }
.course-intro-mod .courseRelated ul li dl dd h5{ font-size: 14px;}
.course-intro-mod .courseRelated ul li dl dd span{ color: #666; font-size: 12px;}
.course-intro-mod .courseRelated ul li dl dd p{ margin-top: 10px;}
.course-intro-mod .courseRelated ul li dl dd p strong{ color: #F54C4CFF;}
.course-intro-mod .courseRelated ul li dl dd p .goCar-btn{ display: block; float: right; width:25px; height:25px; background:url(../../images/course/goCar.png) no-repeat center center;}
.course-intro-mod .courseRelated .more{ display: block; text-align: center; color: #888;}
.course-intro-mod .courseRelated .more::after{display: inline-block; vertical-align: middle; width: 16px; height: 16px;background: url(../../images/course/more.png) no-repeat; content: ''; margin-left: 5px;}
.course-intro-mod .courseRelated .more:hover{ color: #2994FF; text-decoration: none;}
.course-intro-mod .courseRelated .more:hover::after{background: url(../../images/course/moreon.png) no-repeat;}



/**/
.selectCourse-mod{background: url(../../images/course/selectCourse-bg.png) no-repeat center top #F5F7F9;padding-top: 20px;padding-bottom: 20px;}
.process-box{background: url(../../images/course/process-box.png) no-repeat; height: 193px; margin-bottom:20px;}
.process-box .tit{ color: #fff; font-size: 22px; font-weight: bold; height:54px; line-height:54px; padding-left: 30px;}
.process-box ul { margin:0px 0 0 170px; position: relative; margin-top: -15px;}
.process-box ul li{display: inline-block; width: 160px; text-align: center; margin: 0 20px; position: relative; font-size: 18px;}
.process-box ul li::after{ content: '';display: block; width: 32px; height: 20px; position: absolute; right: -50px; top: 50%; margin-top: -15px;  background: url(../../images/course/arrow.png) no-repeat;}
.process-box ul li strong{ font-size: 18px; display: block;}
.process-box ul li span{display: block; font-size: 14px; color: #888;}
.process-box ul li .img{display: block; width:80px; height: 80px; margin: 0 auto;}
.process-box ul li:last-child::after{ background: none;}

.selectChoice{background: url(../../images/course/course-box.png) no-repeat center top #fff; border-radius:15px; margin-bottom: 20px;}
.selectChoice .tit{ margin-bottom: 20px;}
.selectChoice .tit h3{ color: #fff; font-size: 22px; font-weight: bold; height:54px; line-height:54px; padding-left: 30px; float: left;}
.selectChoice .tit .search{ padding: 26px 20px 0 0; position: relative;}
.selectChoice .tit .search .input-txt{width: 270px;height: 34px; padding: 0 15px; line-height: 34px; background: #FFFFFF;border-radius: 4px; border: none;}
.selectChoice .tit .search .input-txt::placeholder{ color: #888;}
.selectChoice .tit .search .btn{ display: block; position: absolute; right:30px; top:26px; width: 20px; height:34px;background: url(../../images/course/search.png) no-repeat center center #fff;}
.selectChoice .selectChoice-list dl { padding: 5px 0 15px 40px;}
.selectChoice .selectChoice-list dl dt{ width:50px; color: #797A7D; font-size: 16px; float: left;height:34px; line-height: 34px;}
.selectChoice .selectChoice-list dl dd{float: left; width:1080px; font-size: 16px;}
.selectChoice .selectChoice-list dl dd a{ margin: 0 5px 5px; display: inline-block; padding: 0 15px;height:34px; line-height: 34px; white-space:nowrap;}
.selectChoice .selectChoice-list dl dd a.on{ background: #3C6CF4; border-radius: 18px; color: #fff;}
.selectChoice .selectChoice-list dl dd a:hover{ text-decoration: none; color: #3C6CF4;}
.selectChoice .selectChoice-list dl dd a:hover.on{ color: #fff;}


.courseList{ padding: 30px; background: #fff; border-radius: 8px; margin-bottom: 20px;}
.courseList .pic{ margin-right: 30px; width: 490px; float: left;}
.courseList .pic span{width: 87px; font-size: 14px; color: #fff; height: 30px; line-height: 30px; background: rgba(0,0,0,0.6); border-radius:9px 18px 18px 0; text-align: center; left: 0; top: 0;}
.courseList .pic .play{ position: absolute;width:66px; height: 66px; top: 50%; left: 50%; background: url(../../images/course/play-icon.png) no-repeat; margin-left: -33px; margin-top: -33px;}
.courseList .course-detail{ width: 620px; float: left;}
.courseList .course-detail .tit { margin-bottom: 10px;}
.courseList .course-detail .tit h3{ font-size: 24px; width:528px; float: left;}
.courseList .course-detail .tit .videoIcon{ float: right; width:62px; color: #fff; font-size: 12px; height: 32px; padding-left: 15px; line-height: 32px;display: block;background: url(../../images/course/play01.png) no-repeat;}
.courseList .course-detail .tit .videoIcon:hover{ text-decoration: none;}
.courseList .course-detail .tag ul li{display: inline-block; padding: 0 10px; height: 22px; line-height: 22px; font-size: 12px; color: #B26106; background:#fff6e1; border: 1px solid #fff; }
.courseList .course-detail .type{background: #F9F9F9; border-radius: 6px; margin: 10px 0; padding: 20px;}
.courseList .course-detail .type li{ display: inline-block; width:365px; line-height: 32px;}
/*.courseList .course-detail .type li span{display: inline-block; width: 75px; text-align: center; color: #797A7D;}*/
/*选课中心-学分对齐-*/
.courseList .course-detail .type li span{width: 75px; text-align: center; color: #797A7D;}
.courseList .course-detail .type li.wd01{ width:210px;}
.courseList .course-detail .price span{ color: #F54C4C;}
.courseList .course-detail .price span strong{ font-size: 30px}
.courseList .course-detail .price .btn{ display:block;width: 178px;height: 44px; border-radius: 8px; line-height: 44px; text-align: center; color: #fff; font-size: 18px;
    background:-webkit-linear-gradient(260deg, #FFC145, #FF770F);
    background:-moz-linear-gradient(260deg, #FFC145, #FF770F);
    background:-ms-linear-gradient(260deg, #FFC145, #FF770F);
    background:linear-gradient(260deg, #FFC145, #FF770F);
}
.courseList .course-detail .price .btn:hover{ text-decoration: none;
    background:-webkit-linear-gradient(260deg, #FF770F, #FFC145);
    background:-moz-linear-gradient(260deg, #FF770F, #FFC145);
    background:-ms-linear-gradient(260deg, #FF770F, #FFC145);
    background:linear-gradient(260deg, #FF770F, #FFC145);
}

.fix-menu{ width: 100%; position: fixed; left: 0; bottom: 0; height: 100px;box-shadow: 0px -3px 20px 0px rgba(220,220,220,0.5); background: #fff;}
.fix-menu .gwc{ background: url(../../images/course/gwc.png) no-repeat; width: 32px; height: 35px; margin: 30px 40px 0 0;}
.fix-menu .gwc i{width: 20px; height: 20px; border-radius: 50%; background: #ff6d6c; text-align: center; color: #fff; right:-10px; top: -10px; font-size: 12px;}
.fix-menu .select-btn{ font-size: 16px; line-height: 100px;}
.fix-menu .select-btn span{ margin-right: 25px;}
.fix-menu .select-btn strong{ color: #F54C4C; font-size: 30px;display: inline-block; vertical-align: top;}
.fix-menu .select-btn .btn{ display: inline-block; margin-left: 25px; width: 200px;height: 54px; line-height: 54px; text-align: center; font-size: 18px; color: #fff; font-weight: bold;
    background: linear-gradient(128deg, #FF004A, #FF7F1D);
    background:-webkit-linear-gradient(128deg, #FF004A, #FF7F1D);
    background:-moz-linear-gradient(128deg, #FF004A, #FF7F1D);
    background:-ms-linear-gradient(128deg, #FF004A, #FF7F1D);
    border-radius: 8px;}

.fix-menu .select-btn .btn:hover{ text-decoration: none;
    background: linear-gradient(128deg,#FF7F1D, #FF004A);
    background:-webkit-linear-gradient(128deg,#FF7F1D, #FF004A);
    background:-moz-linear-gradient(128deg,#FF7F1D, #FF004A);
    background:-ms-linear-gradient(128deg,#FF7F1D, #FF004A);
}
.fix-menu .operate-btn {width: 300px; line-height: 100px; margin-left:32px;}
.fix-menu .operate-btn span{ color: #666; font-size: 16px; margin-right: 25px;}
.fix-menu .operate-btn span::before{ content: ''; margin-right: 10px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; border: 1px solid #D3D3D3; border-radius: 2px;}
.fix-menu .operate-btn span.on::before{background: url(../../images/course/cheak-on.png) no-repeat; border: none;}
.fix-menu .operate-btn a.btn{ color: #666; font-size: 16px;}


/*.examPeriod{width: 446px; margin-left: -223px; border-radius: 8px; background: #fff; z-index: 25; }
.examPeriod h3{ text-align: center; font-size: 16px; margin: 30px 0 10px;}
.examPeriod ul li{ display: inline-block; width:165px; text-align: center; position: relative; cursor: pointer;}
.examPeriod ul li::before{ display: inline-block; content: ''; margin-right: 5px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #AAAAAA; background: #fff;}
.examPeriod ul li.on::after{width: 6px; height: 6px; border-radius:50%; background: #4D70EC; content: ''; position: absolute; left:46px; top:6px;}
.examPeriod ul li.on::before{border: 1px solid #4D70EC;}
.examPeriod ul { margin: 0 50px;}
.examPeriod .btn{ text-align: center; margin: 20px 0;}
.examPeriod .btn a{display: inline-block; margin: 0 10px; width: 140px; height: 42px; line-height: 42px; background: #3C6CF4;border-radius: 21px; font-size: 18px; color: #fff;}
.examPeriod .btn a.concle{ background: #D5D5D5;}
.examPeriod .btn a.sure{ background: #3C6CF4;}
.examPeriod .btn a:hover{ text-decoration: none;}*/

/*20260130考期选中---开始*/
.examPeriod{
    width: 446px;
    margin-left: -223px;
    border-radius: 8px;
    background: #fff;
    z-index: 25;
}

/* 标题 */
.examPeriod h3{
    text-align: center;
    font-size: 16px;
    margin: 30px 0 10px;
}

/* 列表项 */
.examPeriod ul li{
    display: inline-block;
    width: 165px;
    /*text-align: center;*/
    position: relative;
    cursor: pointer;
    padding-left: 26px; /* 给单选圆点预留空间 */
    box-sizing: border-box;
}

/* 外圈 */
.examPeriod ul li::before{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #AAAAAA;
    background: #fff;

    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
}

/* 选中状态内点 */
.examPeriod ul li.on::after{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4D70EC;

    position: absolute;
    left: 11px; /* = 外圈 left + (12 - 6) / 2 */
    top: 50%;
    transform: translateY(-50%);
}

/* 选中状态外圈 */
.examPeriod ul li.on::before{
    border-color: #4D70EC;
}

/* 列表整体 */
.examPeriod ul{
    margin: 0 50px;
}

/* 按钮区 */
.examPeriod .btn{
    text-align: center;
    margin: 20px 0;
}

.examPeriod .btn a{
    display: inline-block;
    margin: 0 10px;
    width: 140px;
    height: 42px;
    line-height: 42px;
    background: #3C6CF4;
    border-radius: 21px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.examPeriod .btn a.concle{
    background: #D5D5D5;
}

.examPeriod .btn a.sure{
    background: #3C6CF4;
}

.examPeriod .btn a:hover{
    text-decoration: none;
}
/*20260130考期选中---结束*/



.body-pay-bg{ background: #F5F7F9;}
.wrap-top{ background: #fff;}
.box-top{ height:8px; line-height: 8px; background: #3C6CF4; width: 100%;}
.process-gwc{ width: 580px; margin: 30px auto;}
.process-gwc ul li{ text-align: center; font-size: 18px; display: inline-block; width:150px; margin: 0 20px; position: relative;}
.process-gwc ul li i{display: block; width:54px; height: 54px; margin: 0 auto 10px;}
.process-gwc ul li i.icon01{ background: url(../../images/course/cicon01.png) no-repeat;}
.process-gwc ul li i.icon02{ background: url(../../images/course/cicon02.png) no-repeat;}
.process-gwc ul li i.icon03{ background: url(../../images/course/cicon03.png) no-repeat;}
.process-gwc ul li.on{ color: #4D70EC; font-weight: bold;}
.process-gwc ul li::before{ position: absolute; width: 44px; height: 12px; content: ''; display: block; left: -50px;top: 50%; margin-top:-25px; background:url(../../images/course/carArrow.png) no-repeat;}
.process-gwc ul li:first-child:before,.process-gwc ul li:first-child.on:before{ background: none;}
.process-gwc ul li.on i.icon01{ background: url(../../images/course/cicon01-on.png) no-repeat;}
.process-gwc ul li.on i.icon02{ background: url(../../images/course/cicon02-on.png) no-repeat;}
.process-gwc ul li.on i.icon03{ background: url(../../images/course/cicon03-on.png) no-repeat;}
.process-gwc ul li.on::before{ background:url(../../images/course/carArrow-on.png) no-repeat;}

.shopList-con .shop-top{height: 48px; line-height: 48px; background: #3C6CF4;border-radius: 8px; font-size: 16px; margin-bottom: 10px;}
.shopList-con .shop-top li{ display: inline-block; color: #fff; vertical-align: top;}
.shopList-con .shop-top li.wd01{width: 650px; padding-left: 56px;}
.shopList-con .shop-top li.wd02{width: 225px; text-align: center;}
.shopList-con .shop-top li.wd03{width: 225px;text-align: center;}
.shopListDisplay{ background: #fff; border-radius: 8px; margin-bottom: 35px;}
.shopListDisplay li{ background: #fff; padding: 25px 30px; border-bottom: 1px solid #F1F1F1;cursor: pointer;}
.shopListDisplay li.on{ background: #FFF8ED;}
.shopListDisplay li .courseName{vertical-align: top; display: inline-block;  width:650px; padding-left: 30px; position: relative;}
.shopListDisplay li .courseName::before{ content: ''; width: 18px; height: 18px; position: absolute; left: 0px; top: 50%; border: 1px solid #D3D3D3; border-radius: 2px;}
.shopListDisplay li.on .courseName::before{ background: url(../../images/course/cheak-on.png) no-repeat; border: none;}
.shopListDisplay li .courseName dl dt{ float: left; width:190px; margin-right: 20px;}
.shopListDisplay li .courseName dl dt img{width: 190px; height: 108px;}
.shopListDisplay li .courseName dl dd{ float: left; width:430px;line-height: 26px;}
.shopListDisplay li .courseName dl dd h3{ font-size: 18px; font-weight:bold; margin: 10px 0;}
.shopListDisplay li .courseName dl dd p{color: #666;}
.shopListDisplay li .coursePrice{vertical-align: top; text-align: center; display: inline-block;  width: 225px; color:#F4674B; font-size: 16px; margin-top:30px;}
.shopListDisplay li .courseOperate{vertical-align: top; text-align: center; display: inline-block;  width: 225px; color: #999; margin-top:30px;}
.shopListDisplay li .courseOperate a{ color: #999; font-size: 16px;}


.deleteShop{ width: 446px; text-align: center; margin-left: -223px; z-index: 25; border-radius: 8px; background: #fff; text-align: center; font-size: 16px; }
.deleteShop h3{ text-align: center; font-size: 16px; padding: 40px 0 30px;}
.deleteShop p{ margin:30px 0 40px;}
.deleteShop p a{display: inline-block; margin: 0 10px; width: 140px; height: 42px; line-height: 42px; background: #3C6CF4;border-radius: 21px; font-size: 18px; color: #fff;}
.deleteShop p a.cancel{ background: #D5D5D5;}
.deleteShop p a.sure{ background: #3C6CF4;}
.deleteShop p a:hover{ text-decoration: none;}


.shopOrder-con{}
.shopOrder-con .shop-top{height: 48px; line-height: 48px; background: #3C6CF4;border-radius: 8px; font-size: 16px; margin-bottom: 10px;}
.shopOrder-con .shop-top li{ display: inline-block; color: #fff; vertical-align: top;}
.shopOrder-con .shop-top li.wd01{width:860px; padding-left: 56px;}
.shopOrder-con .shop-top li.wd02{width: 225px; text-align: center;}
.orderList-con{background: #fff; border-radius: 8px; margin-bottom: 35px; padding: 30px 30px 10px;}
.orderList-con li { background: #F9F9F9;border-radius: 8px; padding: 20px; margin-bottom: 20px;}
.orderList-con li .courseName dl dt{ float: left; width:190px; margin-right: 20px;}
.orderList-con li .courseName dl dd{float: left; width:430px;line-height: 26px;}
.orderList-con li .courseName dl dd h3{ font-size: 18px; font-weight:bold; margin: 10px 0;}
.orderList-con li .courseName dl dd p{color: #666;}
.orderList-con li .courseName{vertical-align: top; display: inline-block;  width:865px;position: relative;}
.orderList-con li .coursePrice{vertical-align: top; text-align: center; display: inline-block;  width: 225px; color:#F4674B; font-size: 16px; margin-top:30px;}


.invoice-con{ background: #fff;border-radius: 8px; padding: 20px;}
.invoice-box .close{ position: absolute; display: block; width: 27px; height: 27px; background: url(../../images/course/close-btn.png) no-repeat; top: -30px; right: -30px;}
.invoice-con .tit{ font-size: 18px; position: relative; font-weight: bold; margin-bottom: 20px;}
.invoice-con .tit::before{ content: ''; display:block; width: 4px;height: 18px;background: #3C6CF4;border-radius: 2px; position: absolute; left: -20px; top: 5px;}
.invoice-con ul li{display: inline-block; width: 120px; cursor: pointer; height: 32px; line-height: 32px; margin-right: 20px; border-radius: 4px;border: 1px solid #E0E0E0; text-align: center;}
.invoice-con ul li.on{ border: 1px solid #3C6CF4; color: #3C6CF4;}

.invoice-box{ width: 706px; margin-left: -353px; margin-top: -340px !important; background: #fff;}
.invoice-box h3{ text-align: center; font-size: 24px; padding: 40px 0 20px; z-index: 26;}
.invoice-box h4{ width: 626px;height: 42px; line-height: 42px; background: #F5F7FB;border-radius: 4px; margin: 0 30px 30px; padding-left: 20px; position: relative;}
.invoice-box h4::before{content: '';display: block;width: 4px; height: 18px;background: #4D70EC;border-radius: 3px; position: absolute; left: 0; top:13px;}

.invoice-form{ width:500px; margin: 0 auto;}
.invoice-form span{ display: inline-block; width: 140px; text-align: right; color: #666; vertical-align: top;}
.invoice-form ul.tab{ display: inline-block; vertical-align: top; width:355px;}
.invoice-form ul.tab li{ display: inline-block; margin-right: 20px; position: relative; cursor: pointer;}
.invoice-form ul.tab li::before{ display: inline-block; content: ''; margin-top: 4px; vertical-align: top; width: 14px; height: 14px;border: 1px solid #AAA; border-radius: 50%; margin-right:5px;}
.invoice-form ul.tab li.on::before{ border: 1px solid #4D70EC;}
.invoice-form ul.tab li.on::after{ display: block; content: ''; width: 8px; height: 8px; border-radius: 50%; background: #4D70EC; position: absolute; left:4px; top:8px;}

.invoice-form .box{ margin-bottom: 20px;}
.invoice-form .box span i{ color:#FF6600;}
.invoice-form .box .inputTxt{border-radius: 4px;border: 1px solid #E0E0E0;width:310px;height: 30px; line-height: 30px; padding: 0 15px;}
.invoice-form .box .inputTxt::placeholder{ color: #999; font-size: 14px;}
.invoice-box .notice{ color:#FF6600; line-height: 22px; margin: 0 150px;}
.invoice-box .btn{width: 176px;height: 42px;font-size: 18px; color: #FFF; line-height: 42px; display: block; text-align: center; background: #3C6CF4; border-radius: 21px; margin: 20px auto; color: #fff;}
.invoice-box .btn:hover{ text-decoration: none;}


.payment-bar{height: 48px;line-height: 48px;background: #3C6CF4;border-radius: 8px;font-size: 16px;margin-bottom: 10px; color: #fff; padding-left: 40px;}
.paymentInformation-mod{background: #FFFFFF; border-radius: 8px; padding: 0 0 50px; margin-bottom: 40px;}
.paymentInformation-con{ padding:36px 0 16px 30px;}
.paymentInformation-con .payment-prize{ font-size:18px;}
.paymentInformation-con .payment-prize strong{ font-size:24px; color:#fb6345;}
.paymentInformation-con .payment-order{ line-height:36px;}
.paymentInformation-con .payment-order span{ margin-right:30px;}
.paymentInformation-con .payment-order em{ color:#fb6345;}

.paymentInformation-mod .paymentTab-con{ margin:32px auto 45px; width: 630px;}
.paymentInformation-mod .paymentTab-con .scan-con{ width:275px; border:1px solid #dcdcdc; box-shadow:0 0 6px #f7f7f7; text-align: center; margin-right: 25px;}
.paymentInformation-mod .paymentTab-con .scan-con .QRcode img{padding:15px;}
.paymentInformation-mod .paymentTab-con .scan-con .QRcode .mask{ position: absolute; width: 275px; height: 275px;}
.paymentInformation-mod .paymentTab-con  .pcn-rmTime{ background: #FC6148; color:#fff; padding: 5px 0;}
.paymentInformation-mod .paymentTab-con  .pcn-rmTime span{background: #F2230E;width: 26px; height: 26px;display: inline-block;border-radius: 4px;vertical-align: middle;  line-height: 26px;}
.paymentInformation-mod .paymentTab-con { padding: 10px 0; padding-bottom: 0;position: relative;}

.paymentInformation-mod .paymentTab-con  .pcn-tips{background-color: #fff;  color: #FF6C00; padding: 5px 0;}
.paymentInformation-mod .paymentTab-con  .pcn-mask{ position: absolute; top: 18px; left: 18px; width: 222px;height: 222px;background: #000000; opacity: 0.8;}
.paymentInformation-mod .paymentTab-con  .pcn-resetIcon{ width: 42px; height: 42px; position: absolute; top: 110px; left: 98px; display: inline-block; z-index: 22;}

.paySuccess,.payfail{ background: #fff; border-radius: 8px; padding: 50px 0; text-align: center; margin-bottom: 35px;}
.paySuccess p,.payfail p{ text-align: center; font-size: 16px; margin: 25px 0;}
.paySuccess .go-study,.payfail .go-study{width: 140px;height: 42px; line-height: 42px; display: block; color: #fff; background: #3C6CF4;border-radius: 21px; font-size: 18px; margin:15px auto;}
.paySuccess .go-study:hover,.payfail .go-study:hover{ text-decoration: none; opacity:0.8;}