.webWidth { width:1200px; margin-left:auto; margin-right:auto;}
.listWidth { width:1220px; margin-left:auto; margin-right:auto;}


.title{ text-align:center; font-family:'Microsoft Yahei'; line-height:33px; font-size:26px; color:#555; padding-bottom:16px; font-weight:600;}
.mainCont{ padding:60px 40px; font-family:'Microsoft Yahei'; font-size:16px; color:#444; }
.prompt{ display:block; width:35px; height:40px; background:url(http://cmeonline.cma-cmc.com.cn/cms/res_base/yxdzcbs/webtrn/article/project/images/ui.png) no-repeat 0 0; float:left; margin-right:15px; }


.backBtn{ display:block; width:90px; height:30px; line-height:30px; text-align:center;  border:1px #004513 solid; border-radius:5px; margin:0 auto; background:#004513; color:#fff; font-size:14px;}
.backBtn:hover{ background:#004513;}
.cTit{ font-size:16px; margin-bottom:20px;}
.tick_ico{ float:left; display:block; width:20px; height:20px; background:url(http://cmeonline.cma-cmc.com.cn/cms/res_base/yxdzcbs/webtrn/article/project/images/ui.png) no-repeat 0 -48px; margin-right:10px;}

.certificate img{ display:block; width: 761px; height: 571px; margin: 0 auto;}
.zs_btnArea{ text-align:center; padding: 0 50px 0 50px;}
.zs_btnArea ul{ display:block; width: 240px; margin: 0 auto;}
.zs_btnArea ul li{ float: left;}


/**
 * 证书信息填写
 * ----------------------------------------- */
.form_con .activation { height:36px; margin-left:0; margin-right:10px; line-height:36px; font-size:14px;}



.zs_cont1{ font-size:20px; color: #222; font-weight: 600; font-family: 'reeji-cloudweiti-gbkregular';}
.zs_cont2{ font-size:20px; color: #222; font-weight: 600; padding-left: 16px;}
.check_ads{ font-family: 'reeji-cloudweiti-gbkregular'; font-size:22px; float: left;}

.zs_nm_area{float: right; width:520px; position: absolute; bottom:60px; right:165px;}
.zs_nm_area span{ font-family: 'reeji-cloudweiti-gbkregular'; font-size:21px;  color: #222; font-weight: 600;}

.zs_creditNm{ font-family: 'reeji-cloudweiti-gbkregular'; font-size:21px;  color: #222; font-weight: 600; float: right; position: absolute; bottom:66px; right:170px;}
.certCredit{position: relative; height:210px; width:320px; }


/*我的学分*/
.creditArea{ background:#fff;}
.creditTabMenu{ height:40px; line-height:40px; border-bottom: 1px #eee solid; padding-top: 3px;}
.creditTabMenu li{ float:left; height:20px; line-height:20px; padding:0 12px;color:#888888; margin-right:20px; border-radius:3px; }
.creditTabMenu li.selected{ background:#004513; color:#fff; font-weight:bold;}
.creditTabMenu li.hover{  cursor:pointer;}

.creditTab_box{padding:10px;}

.creditTab_box div span{ display:block; overflow: hidden;}

.ckTit{ color: #004513; font-size: 16px; display: inline-block; width: 100px; float: left; line-height: 22px;}


 * Course list
 ----------------------------------------------------------------------------*/
.coslist_li { position:relative; min-height:120px;  border-bottom:1px #eee solid;}

.coslist_img,
.coslist_img img { width:224px; height:120px;}
.coslist_img { position:absolute; top:5px; left:0; z-index:1; overflow:hidden;}

.coslist_mask { position:absolute; top:0px; left:0; width:100%; height:120px; background:url(../image/black.png); z-index:1; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transition:all .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -o-transition:all .8s;}
.coslist_play { position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; background:url(../image/sprite.png) -100px -150px no-repeat; opacity:.8; filter:alpha(opacity=80); -ms-filter:alpha(opacity=80); z-index:2;}
.coslist_mask:hover .coslist_play,
.coslist_play:hover { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);  }

.coslist_btn { display: inline-block; position:absolute; right:20px; bottom:16px; z-index:1; width:96px; height:28px; border-radius:3px; border:1px #004513 solid; text-align:center; line-height:28px; font-size:14px; color:#004513;}
.coslist_btn:hover { border-color:#004513; background:#004513; color:#fff;}

.coslist_detail {padding:0 118px 0 254px; position: relative;}
.coslist_name { line-height:36px; font-size:18px; color:#333;}
.coslist_info { overflow:hidden; line-height:24px; font-size:13px; color:#afafaf;}
.coslist_links { padding-top:6px;}
.coslist_link { float:left; display:inline-block; min-width:120px; margin-right:10px; line-height:30px; font-size:14px; color:#157ed9;}
.coslist_link i { margin-right:5px; font-size:16px;}

.coslist_li:hover .coslist_mask,
.course:hover .coslist_mask { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.creditNm{ color: #004513; font-size: 16px; float: right; position: absolute; bottom:70px; right:25px;}
.tipsBar{ display:block; width:300px; text-align: right; font-size: 12px; color:red; float: right;}



/*证书*/
.certificateT{  height: 571px; background: url(../image/certificate.png) no-repeat 120px 0; margin: 0 auto; padding-top: 50px;}
.cTit{ text-align:center; font-size:50px; margin-bottom:20px; color: #000;}
.c_red{ color: red; display: inline-block;}
.c_line{ text-decoration: underline;}
.certificateT h2{ font-family: 'reeji-cloudweiti-gbkregular'; font-size: 50px; color:#000;  display:block; text-align: center;  margin: 0 auto;}
.certificateT p{
	line-height:32px;
	width:620px; 
	margin: 0 auto;
	
	
	color: #222;
	   font-family: 'reeji-cloudweiti-gbkregular';
	font-weight: 600;
	margin-top:3px;
		

	

}

.ps1{ position:absolute; left:-55px; top:28px;}
.ps2{ position:absolute; left:140px; top:28px; letter-spacing:5px}

.certificateT .c_cont{ margin-top: 110px;}

.pd_zs{ display: inline-block; font-size: 26px; margin:6px 0; color: #111;}
.certificateT p,.certificateT p a{ font-size:22px;   font-family: 'reeji-cloudweiti-gbkregular';;}
.markArea{ text-align:center; display:block; width: 400px; float: right;}
.zs_nm{ width: 500px; position: absolute; right:85px; bottom:90px; margin-top:14px; font-size: 18px;}



/*确认订单*/
.applyBtn{background:#004513; float: right; font-size: 12px; color: #fff; border-radius:3px; padding:0 5px; margin-top:4px;}

.applyBtn:hover { background:#004513;}

.course_price{ position:absolute; top:20px; right:60px;}
.course_r_c{ right:10px; top:5px;}
.course_price_t{ color:red;}
.orderTitle{ font-family:'Microsoft YaHei'; font-size:20px; color:#004513; height:20px; line-height:20px; border-bottom:1px #ddd solid; margin-bottom:20px; padding-bottom:10px;}
.course_bd{ padding-bottom:40px; border-bottom:1px #eee solid;}
.statisticsArea{ clear:both; padding-top:20px;}
.statisticsArea p{ text-align:center;}
.statisticsArea p b{ font-weight:600; font-family:'Microsoft YaHei'; font-size:28px; color:#666;}
.prT{ color:red; font-size:24px; font-weight:600;}
.buy_go_btn{ display:block; width:140px;  padding:8px 20px; text-align:center; background:#004513; font-family:'Microsoft YaHei'; font-size:20px; color:#fff; border-radius:5px; margin:0 auto; margin-top:50px;}
.buy_go_btn:hover{background:#004513;}
.js_course{font-family:'Microsoft YaHei'; font-size:16px; height:80px; line-height:80px; color:#444;}
.payment{ padding:10px 80px;}
.paymentIn{  border:1px #ddd solid; min-height:100px; min-width:200px; padding:20px; margin-bottom:20px;}
.paymentIn div{ float:left; width:150px;  padding:10px; border:1px #eee solid; margin-right:10px;}
.paymentIn div:hover{ border:2px #004513 solid; cursor:pointer;}
.paymentIn div input{ margin-top:8px;}
.pay1{ width:112px; height:30px; background:url(../image/pay1.png) no-repeat 30px 10px;}
.pay2{ width:112px; height:30px; background:url(../image/pay2.png) no-repeat 30px 10px;}
.paymentTxt{ padding-left:20px;}
.paymentTxt p{ font-family:'Microsoft YaHei'; font-size:16px; color:#444; padding-left:}
.paymentTxt span{font-family:'Microsoft YaHei'; font-size:16px; color:#004513; line-height:44px; margin-right:10px;}

.titL{ color:#004513;}


/*我的订单*/
.orderIco{ font-size:24px; margin-top:5px;}
.orderTabArea{padding:0 20px;}
.order_tab_menu{ height:20px;}
.order_tab_menu{ height: 24px; line-height: 24px; border-bottom: 1px #ddd solid; margin-bottom: 20px; }
.order_tab_menu li{ float:left; height:20px; line-height:20px; padding:0 10px; border-bottom:none; margin-right:3px; color:#888888;  font-size:16px; margin-right: 10px; font-family:'Microsoft YaHei';}
.order_tab_menu li.selected{  color:#004513; font-weight:bold; padding-bottom: 4px; border-bottom:2px #004513 solid;}
.order_tab_menu li.hover{  cursor:pointer; color:#004513; padding-bottom: 4px; border-bottom:2px #004513 solid;}


.ordersBar{ border:1px #ddd solid;}
.orderTt{ display:block; height:36px; line-height:36px; background: #f1f1f1; border-bottom: 1px #ececec solid; padding-left: 20px;  margin-bottom: 10px;}
.delete_ico{ font-size:20px; font-weight: 600; float: right; color:#9f9f9f; margin-right: 20px;}

.delete_ico:hover{ color:#004513; cursor: pointer;}

.orderIm{ display:table; padding-left: 10px; width:99%; clear: both; padding-bottom:10px;}
.orderIm img{ float: left;}
.orderInTxt{float: left; display:block;margin-left:20px; width:600px; }
.odTit{ display: block; float: left; font-size:20px; font-family: 'Microsoft YaHei'; color: #3c3c3c;}
.odPrc{ display: block; float: left; font-size:20px; font-family: 'Microsoft YaHei'; color:red;}

.period{ font-style: normal; color: #aaa8a8; display: block; width: 130px;}

.payList{ float: right; display: block; min-height:60px; border-left:1px #eee solid; margin:15px; width:120px;  margin-right:30px; padding-left:10px;}
.payListIn{ display: block; padding-left:20px;}
.payListIn a{ display: block; text-align: center; font-size: 14px; font-family: 'Microsoft YaHei'; }
.payBtnG{background:#004513; color: #fff; border-radius: 5px; padding: 5px 0;}
.payBtnG:hover{background:#004513;}





/**
 * Pagination
 */
.pagin { display:block;}
.pagin-link { display:inline-block; padding:5px 10px; margin:0 2px; border-radius:3px; border:1px #ddd solid; background:#fff; line-height:18px; font-size:12px; color:#004513; text-decoration:none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pagin-link i { font-size:10px;}
.pagin-link:hover { border-color:#004513; box-shadow:0 0 3px #eee;}
.pagin-cur,
.pagin-cur:hover { border-color:#004513; background:#004513; color:#fff;}
.pagin-disable { color:#afafaf; cursor:default;}
.pagin-disable:hover { border-color:#ddd; background:#fff;}
 
.pagin-ell { line-height:18px; font-size:14px; color:#004513;}
.pagin-txt { display:inline-block; padding:5px 8px; line-height:18px; font-size:12px; color:#666;}
.pagin-jump,
.pagin-jump-focus { display:inline-block; *vertical-align:-5px; border:1px #ddd solid; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pagin-input { *float:left; width:40px; height:26px; border:none; outline:none; background:#fff; line-height:26px\9; *line-height:26px; text-align:center; font-size:12px; color:#004513;}
.pagin-btn { *float:left; display:none; padding:0 10px; line-height:26px; font-size:12px; color:#fff; text-decoration:none;}
.pagin-jump-focus { border-color:#004513; background:#004513; *vertical-align:-1px;}
.pagin-jump-focus .pagin-btn { display:inline-block;}