@charset "utf-8";
/*--css reset--*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ul,li{list-style: none;}
button{border-style: none;}
a{text-decoration: none;color: #333;}
a:hover{color: #edc75f;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}

body{
	margin:0;
	padding:0; 
	font-family: 'Microsoft YaHei';
	line-height: 1.5;
	color:#333;
}

/*------------引入顶部导航模块样式------------*/


/*-------------------------新疆继续教育首页--------------------------*/

/*-----------------main：主体内容-------------------*/
.cce-main{
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
.cce-title{
	width: 100%;
	height: 50px;
}
.cce-title .tit-font{
	color:#119dcf;
	font-weight: bold;
	height: 46px;
	line-height: 46px;
	color: #119dcf;
}
.cce-title .tit-line{
	width: 100%;
	height: 4px;
	background: #ccc;
	float: left;
}
.cce-title .tit-line .shortLine{
	width: 200px;
	height: 100%;
	background: #119dcf;
	float: left;
}
.deep .tit-line .shortLine{
	background: #0f69b6;
}
.deep .tit-font{
	color: #0f69b6;
}
/*-------学习流程-------*/
.studyFlow{
	width: 100%;
	height: 295px;
	margin-top: 24px;
}
.studyFlow .sf-flow{
	height: 48px;
	float: left;
	border-bottom: 1px dashed #ccc;
}
.studyFlow .sf-flow li{
	float: left;
	height: 48px;
	line-height: 48px;
	padding-left: 22px;
	margin-left: 25px;
}
.studyFlow .sf-flow .other{	
	background: url(../img/cityIcon/icon-grayPlus.png) no-repeat 0 18px;
}
.studyFlow .sf-flow #current{
	color:#119dcf;
	/*background: url(../img/cityIcon/icon-plus.png) no-repeat 0 18px;*/
}
.studyFlow .sf-content{
	width: 100%
	height:142px;
	margin-top:22px;
	float:left;
}
.studyFlow .sf-content .sf-left{
	width: 80px;
	height: 140px;
	line-height: 140px;
	text-align: center;
	color:#fff;
	float: left;
	background: url(../images/cityImg/bg-sf-left.png) no-repeat;
}
.studyFlow .sf-content .sf-left .sf-left-font{
	width: 20px;
	line-height: 24px;
	height: 120px;
	margin:20px auto 0;
}
.studyFlow .sf-content .sf-img-font{
	width: 662px;
	height: 111px;
	float: left;
	margin-left: 12px;
	margin-top:28px;
}
.studyFlow .sf-content .sf-img-font li{
	float: left;
	margin-right: 4px;
    display:table-cell; /*按照单元格的样式显示元素*/
	vertical-align: bottom;
}
.studyFlow .sf-content .sf-img-font  .img-small{
	width: 28px;
	height: 28px;
	margin-top: 32px;
	background: url(../img/cityIcon/icon-pointer.png) no-repeat;
}
.studyFlow .sf-content .sf-img-font .img-big{
	text-align: center;
}
.studyFlow .sf-content .sf-img{
	width: 220px;
	height: 140px;
	float: right;
	background: url(../images/cityImg/img-sbApp.jpg) no-repeat;
}
/*-----培训说明------*/
.trainInstruc{	
	width: 100%;
	height: 400px;
	margin-top: 24px;
}
.trainInstruc .ti-instruc{
	width: 100%;
	height: 87px;
	margin-top: 24px;
	background: #fff;
	font-size: 14px;
	position: relative;
}
.trainInstruc .ti-instruc .instruc-left{
	width: 430px;
	height: 100%;
	background: #edf6f6;
	float: left;
	border-radius: 5px;
	border: 1px dashed #ccc;
	position: relative;
} 
.instruc-left .arrow1{
	position:absolute;
	top:10px;
	right:-20px; /* 圆角的位置需要细心调试哦 */
	width:0;
	height:0;
	font-size:0;
	border:solid 10px;
	border-color:#fff #fff #fff #edf6f6;	
}
.instruc-text{
	padding: 5px;
}
.trainInstruc .ti-instruc .instruc-middle{
	float: left;
	width: 98px;
	height: 100%;
	position: absolute;
	left: 450px;
}
.trainInstruc .ti-instruc .instruc-middle span{
	display: block;
	width: 100%;
	height: 29px;
	line-height: 29px;
	text-align: center;
	color: #fff;
	/*background: #1379cf;*/
}
.instruc-middle .mid-topBox{	
	background: #1379cf;
}
.instruc-middle .mid-bottonBox{
	margin-top: 29px;
	background: #3a9aeb;
}
.trainInstruc .ti-instruc .instruc-right{
	width: 450px;
	height: 100%;
	float: right;
}
.trainInstruc .ti-instruc .instruc-right{
	width: 430px;
	height: 100%;
	background: #edf6f6;
	float: right;
	border: 1px dashed #ccc;
	border-radius: 5px;
	position: relative;
}
.instruc-right .arrow2{
	position:absolute;
	top:60px;
	left:-20px; /* 圆角的位置需要细心调试哦 */
	width:0;
	height:0;
	font-size:0;
	border:solid 10px;
	border-color:#fff #edf6f6 #fff #fff;	
}
/*----------年度选择------------*/
.courseShow{
	width: 100%;
	height: auto;
	margin-top: 24px;	
}
.yearSelect{
	float: left;
	height: 24px;
}
.yearSelect li{
	float:left;
	height: 24px;
	line-height: 24px;
	width: 90px;
	text-align: center;
	border-right: 1px solid #fff;
	margin-right: 3px;
}
.yearSelect li a{
	display: block;
	width: 100%;
	height: 100%;	
}
.yearSelect li a:hover{
	background: #119dcf;
	color: #fff;
}
.cate-choose{
	float: left;
	width: 100%;
	margin-top: 12px;
	height: auto;
}
.cate-choose tr td a{
	display: inline-block;
	padding: 3px 10px;
	margin:3px 2px;
}
.cate-choose tr td a:hover{
	background: #119dcf;
	color: #fff;
}
.linkCurr{
	background: #119dcf;
	color: #fff;
}
.yearCurr a{
	background: #119dcf;
	color: #fff;
}
.courseTab{
	width: 100%;
	height: auto;
	/*clear: both;*/
}
.courseTab tr th{
	background: #5ec4e9;
	color: #fff;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.courseName{
	width: 425px;
}
.courseTab tr:nth-child(even){background: #ddecf1;}
.courseTab tr td ul li{
	height: 36px;
	line-height: 36px;
}
.courseTab tr td ul li .selfSelect{
	width: 60px;
	text-align: center;
	display: inline-block;
}
.courseTab tr td ul li:nth-child(odd){background:#ddecf1;}
.courseTab tr td ul li:nth-child(even){background:#fff;}
.mustRow{
	background: #55bce0;
	color: #fff;
}
.chooseRow{
	background: #3a9aeb;
	color: #fff;
}
.selfTab tr td{
	height: 36px;
	width: auto;text-align: 
}

/*-----------------------购买年度----------------------------*/
.by-title{
	width: 100%；	
	height: 34px;
	line-height:32px; 
	margin-top: 14px;
	border-bottom: 2px solid #119dcf;
}
.by-title .by-tit-font{
	display: inline-block;
	width: 330px;
	height: 32px;
	line-height: 32px;
	padding-left: 5px;
	background: url(../img/cityIcon/icon-pointerR.png) no-repeat right 10px;
}
.by-content{
	width: 100%;
	height: auto;
	float: left;
}
.by-content .by-sidebar{
	width: 180px;
	height: 425px;
	float: left;
	background: url(../images/cityImg/bg-sidebar.png) no-repeat 9px 0;
}
.by-sidebar .sideLinks{
	width: 100%;
	float: left;
	margin-top: 23px;
}
.by-sidebar .sideLinks a{
	display: inline-block;
	width: 178px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #119dcf;
	margin-bottom: 12px;
	background-color: #fff;
	/*background-image: url(../img/cityIcon/icon-buyUser.png) no-repeat;*/
}
.sideLinks .studyCenter{background: url(../img/cityIcon/icon-buyUser.png) no-repeat 9px 8px;}
.sideLinks .onlineExam{background: url(../img/cityIcon/icon-onlinetest.png) no-repeat 11px 4px;}
.sideLinks .buyYear{background: url(../img/cityIcon/icon-buyYear.png) no-repeat  9px 8px;}
.sideLinks .selCourse{background: url(../img/cityIcon/icon-chooseCourse.png) no-repeat 9px 4px;}
.sideLinks .getInvoice{background: url(../img/cityIcon/icon-getInvoice.png) no-repeat 9px 6px;}
.sideLinks .updUserInfo{background: url(../img/cityIcon/icon-updUserInfo.png) no-repeat 9px 8px;}
.sideLinks .updPassword{background: url(../img/cityIcon/icon-updPassword.png) no-repeat 9px 6px;}


.by-right{
	width: 800px;
	height: auto;
	float: right;
	margin-top: 23px;
}
.by-content .by-courses{
	width: 778px;
	height: auto;
	float: left;
	border: 1px dashed #ccc;
	border-radius: 3px;
	padding:3px;
}
.prompt{
	width: 768px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #ccc;
}
.bgtick{
	width: 723px;
	padding-left: 45px;
	background: url(../img/cityIcon/icon-tick-1.png) no-repeat 5px;
}
.btn-pay{
	width: 100%；
	height:94px;
	line-height: 94px;
	text-align: center;
	float: left;
}
.btn-pay a{	
	display: block;	
	width: 160px;	
	height: 40px;	
	line-height: 40px;	
	text-align: center;	
	background-color: #119dcf;	color: #fff;	margin-left: 320px;	margin-top:26px;	
	border-radius: 5px;	
	background-image: url(../img/cityIcon/icon-shotCat.png); 
	background-repeat: no-repeat;	
	background-position: 18px 9px;
}

/*------------------------------支付页面 buyPay.html----------------------------------------*/
.payBox{
	width: 100%;
	height: auto;	
}
.payBox tr th{
	height: 30px;
	background: #5ec4e9;
	color: #fff;
	text-align: center;
}
.payBox .centerLi{
	height: 30px;
	background: #ddecf1;
	text-align: center;
}
.payBox .priceLi{
	height: 30px;
	text-align: center;
	border-bottom: 1px dashed #ccc;
	color: red;
	font-weight: bold;
}
.payWay{
	width: 100%;
	height: 160px;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	justify-content:center;
    align-items: center;
}
.payWay li{
	float: left;
	width: 140px;
	height: 80px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.payWay li .payImg{
	width: 118px;
	height: 52px;
	display: inline-block;
}
.alipay{
	background: url(../images/cityImg/logo-alipay.png) no-repeat;
}
.wxpay{
	background: url(../images/cityImg/logo-wechat.png) no-repeat;
}
.netbank{
	background: url(../images/cityImg/logo-unionPay.png) no-repeat;
}
.bookcode{
	background: url(../images/cityImg/logo-bookcodePay.png) no-repeat;
}
.learncard{
	background: url(../images/cityImg/logo-learnCard.png) no-repeat;
}
.rest{
	background: url(../images/cityImg/logo-balance.png) no-repeat;
}
.wechat{background: url(../images/cityImg/logo-wechat.png) no-repeat;}
.payWay li .payFont{
	display: inline-block;
	width: auto;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
}
.payWay li .payFont .checkPic{
	display: inline-block;
	width: 22px;
	height: 22px;
	border:1px solid #999;
	border-radius: 50%;
	vertical-align: middle;
	cursor: pointer;
}
.paycur{
	background: url(../img/cityIcon/icon-tick.png) no-repeat;
}

/*--------------------------------支付成功 paySuccess.html-------------------------------------------*/

.ps-content{
	width: 778px;
	height: auto;
	float: left;
	border: 1px dashed #ccc;
	border-radius: 3px;
	padding:3px;
}
.ps-content .orderInfo{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #e6f2f8;
}
.orderInfo .orderNum{
	float: left;
	margin-left:10px;
}
.orderInfo .orderMoney{
	margin-left: 100px;
}
.orderInvoice{
	float: right;
	display: flex;
	display: -webkit-flex;
	justify-content:center;
    align-items: center;	
	color: red;
	margin-right: 15px;
}
.orderInvoice .invCheck{
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	vertical-align: middle;
	border:1px solid red;
}

.orderInvoice .redtickCur{
	background: url(../img/cityIcon/icon-redTick.png) no-repeat;
}
.payAttention{
	width: 758px;
	height: 124px;
	padding: 50px 20px;
}
.payAttention .attFonts{
	line-height: 30px;
}
.redfont{color: red;}
.bluefont{color: #119dcf;}

/*-----------------------------------------isinvoice.html------------------------------------------------------*/
.invoiceInfo{
	width: 100%;
	height: auto;
}
.invoiceInfo tr td{
	padding: 8px 0;
	text-align: left;
}
.invoiceInfo tr td:nth-child(1){width: 138px; padding-left: 20px;}
.invtypeLab{
	font-weight: bold;
}
.invAtt{
	font-size: 14px;
}
.mustWrite{
	color: red;
	padding-right: 5px;
}

/*---------------------------------------------选课chooseCourse.html-------------------------------------------------*/
.payedYear{
	float: left;
	padding: 8px;
}
.payedYear li{
	float: left;
	height: 25px;
	line-height: 25px;
}
.payedYear li a{
	display: inline-block;
	width: 88px;
	text-align: center;
}
.att-text{
	margin-bottom: 10px;
}
.courseTab thead tr{
	background: #b4ddec;
	color: #0c83ae;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	text-align: center;	
}
.courseTab tfoot tr{
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #e8d6a0;
}
.openTd{
	width: 100px;
	height: 60px;
	background: #c69911;
	text-align: center;
}
.openTd a{color: #fff;font-weight: bold;}
.allCredits{
	color: #eb6100;
}
/*--------------------------------------buyPays.html--------------------------------------*/
.bp-main{
	width: 1000px;
	height: 800px;
	margin: 0 auto;
}
.bp-content{
	width: 988px;
	height: auto;
	padding: 5px;
	margin-top: 20px;
	border: 1px dashed #ccc;
	border-radius: 5px;
}
.bp-courses{
	width: 100%;
	height: auto;
}
.tit-2{
	width: 976px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #ccc;	
}
.cousrseBox{
	width: 100%;
	height: auto;
}
.cousrseBox tr th{
	background: #5ec4e9;
	color: #fff;
}
.cousrseBox tr td,th{
	height: 30px;
	line-height: 30px;
	text-align: center;
	border:1px solid #fff;
}
.cousrseBox tr td:nth-child(2){text-align: left; padding-left: 5px;}
.cousrseBox tr:nth-child(even){background: #ddecf1;}
.btn-delete{
	display: inline-block;
	width: 73px;
	height: 25px;
	border-radius: 5px;
	line-height: 25px;	
	text-align: center;
	color: #fff;
	padding-left: 25px;
	background: #119dcf url(../img/cityIcon/icon-delete.png) no-repeat 22px 4px;
}
.btn-delete:hover{background: #7fb7cb;}
.invoiceBox{
	width:100%; height: 80px;	
	display: flex;
	display: -webkit-flex;
	justify-content:center;
    align-items: center;
}
.linv{
	float: left;
	line-height: 80px;
}
.invAndCourier{
	width: 500px;
	height: 80px;
	line-height: 40px;
}
.linv{
	width: 253px;
	float: left;
}
.btn-update{
	display: inline-block;
	width: 98px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background: #119dcf;
	border-radius: 5px;
}
.btn-update:hover{
	background: #7fb7cb;
}
.btns{
	width: 266px;
	height: 40px;
	float: right;
	margin-top: 15px;
}
.btns button{
	border-radius: 5px;
}
.btns button a{	
	display:block;	
	width: 100px;	
	height: 40px;	
	line-height: 40px;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	padding-left: 25px;
	font-size: 14px;	
}
.btns button a:hover{
	color: #edc75f;
	background: #7fb7cb;
}
.btn-contibuy{
	margin-right:10px;
	background:#119dcf url(../img/cityIcon/icon-shotCat.png) no-repeat 23px 10px; 	
}
.btn-suborder{
	background:#119dcf url(../img/cityIcon/icon-tick-2.png) no-repeat 23px 10px; 	
}
/*--------------------------------------learnCenter.html-------------------------------------------*/
.btn-startStu{
	width: 74px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	background: #d2af44;
	color: #fff;
	font-size: 14px;
}
.btn-startStu:hover{
	background: #dcd2b2;
}
/*------------------------------修改个人信息updateUserInfo.html------------------------------------*/
.updUserInfoTab{
	width: 400px;
	height: auto;
	float: left;
	margin-top: 34px;
	margin-left:150px;
}
.updUserInfoTab tr td{
	height: 46px;
	line-height: 46px;
}
.updUserInfoTab tr td input[type="text"]{
	width: 270px;
}
.btn-updUI{
	border-style: none;	
	border-radius: 5px;
}
.btn-updUI a{
	display: inline-block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	background: #119dcf;
}
.btn-updUI a:hover{
	background: #90c0d1;
}
/*-------------------------------------课程目录updatePwd.html-----------------------------------------*/

.pwdTab tr td>input[type="text"]{
	width: 220px;
}
/*-------------------------------------课程目录courseCatalog.html----------------------------------------*/
.ccc-main{
	width: 1000px;
	height: auto;
	margin:10px auto;
}
.ccc-main .ccc-courseIntro{
	width: 100%;
	height: 216px;
	background: url(../images/cityImg/bg-header.jpg);
}
.ccc-courseIntro .courCover{
	width: 268px;
	height: 180px;
	outline:0px solid #fff;
	border-radius: 3px;
	box-shadow: 0 0 0 3px #fff;
	background: url(../images/cityImg/img-courseCover.png);
	margin-left: 32px;
	margin-top: 18px;
	float: left;
}
.ccc-courseIntro .courIntros{
	width: 680px;
	height: 100%;
	float: right;
	color: #fff;
}
.courIntros .courTexts{
	width: 384px;
	height: 190px;
	float: left;
	margin-top: 28px;
}
.courIntros .courTexts .courName{font-weight: bold;}
.courIntros .courTexts .courFont{
	margin-top: 30px;
	font-size: 18px;
}
.courIntros .btn-listenCour{
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-style: none;
	background: #d2af44 url(../img/cityIcon/icon-listen.png) no-repeat 17px 6px;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	float: left;
	margin-top: 146px;
	cursor: pointer;
}
.courIntros .btn-listenCour:hover{
	background: #e1d09b;
}
.ccc-courseBox .ccc-title{
	width: 100%;
	height: 50px;
	background: #f2f2f2;
}
/*------------目录模块-----------------*/
.ccc-title .courTabs{
	float: left;
	margin-left:32px;
	height: 50px;
}
.ccc-title .courTabs li{
	float: left;
	font-weight: bold;
	width: 100px;
	text-align: center;
	height: 45px;
	line-height: 50px;
	cursor: pointer;
}
.tabCur{	
	border-bottom: 5px solid #119dcf;
}
.ccc-title .courTabs li:hover{
	border-bottom: 5px solid #119dcf;
}
.ccc-main .ccc-courseBox{
	width:998px;
	height: auto;
	border: 1px dashed #ccc;
	border-radius: 5px;
	margin-top: 28px;
}
.ccc-courseBox .courCata{
	width: 100%;
	height: auto;
}
.courTable{
	width: 934px;
	height: auto;
	margin: 30px auto;
	border:0;
}
.courTable tr th,.checkTr{background: #e6f2f8;}
.courTable tr,th{
	height: 50px;
	line-height: 50px;	
}
.courTable tr td{vertical-align: middle; text-align: center;}
.courTable tr td:nth-child(2){text-align: left;padding-left: 5px;}
.listenCour{
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	background: url(../img/cityIcon/icon-notlisten.png) no-repeat;
}
.yetLis{	
	background: url(../img/cityIcon/icon-yetlisten.png) no-repeat;
}
.halfLis{background: url(../img/cityIcon/icon-halflisten.png) no-repeat;}
.courNums{
	font-size: 14px;
	color: #fff;
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	vertical-align: middle;
	background: #119dcf;
}
/*----------------简介模块---------------*/
.courDescrip{
	width: 968px;
	height: auto;
	padding:20px;
	display: none;
}
.courDescrip .descText{
	text-indent:2em;
}
/*-----------------------------------------------------注册register.html-----------------------------------------------------*/
.regForm{
	width: 96%;
	height: 100%;
	padding: 2% 2%;
}
.regTable{
	width: 100%;
	height: auto;
}
.regTable tr td{
	padding: 3px 0;
	font-size: 14px;
}
.regTable tr td input[type=text],
.regTable tr td select{width:240px;}
.regsBtn{
	display: flex;
	display: -webkit-flex;
	justify-content:center;
	align-items: center;
}
.regsBtn button{
	display: inline-block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-style: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	background: #119dcf;
	margin:15px 10px;
	cursor: pointer;
}
.regsBtn button:hover{
	opacity: 0.3;
}
/*-----------------------------------------------------协议agrement.html-----------------------------------------------------*/
.agreeText{
	width: 100%;
	height: auto;
	font-size: 12px;
	line-height: 25px;
}