@charset "utf-8";

/*====================
 * element
====================*/
/* color */
.com_color { color:#2795f4;}
.green { color:#00c56d;}
.red { color:#fb5959;}

/* modular */
.box1 { background:#6510ad;}
.box2 { padding:9px 30px; background:#fff;}

/* labels */
.lab_red { display:inline-block; padding:0 6px; line-height:15px; border-radius:2px; background:#fb5959; font-size:9px; color:#fff;}

/* image bg */
.img { background-position:0 0; background-repeat:no-repeat; background-size:contain;}

/* loading */
.loading { position:absolute; top:30%; width:100%; text-align:center;}
.loading div { width:110px; margin:0 auto 10px auto;}
.loading img { width:100%; height:auto;}
.loading p { font-size:14px; color:#999;}



/*====================
 * structure
====================*/

/* header */
.header { position:fixed; top:0; width:100%; height:44px; z-index:999; background:#6510ad;  text-align:center; line-height:22px; font-size:18px; color:#ffffff;}

.header_back,
.header_ico,
.header_link { position:absolute; top:0; min-width:44px; height:44px;}
.header_back { left:0; background-image:url(../../images/images/backArr.png);}
.header_link:link,
.header_link:hover,
.header_link:active,
.header_link:visited { display:inline-block; padding:0 10px; line-height:44px; font-size:14px; color:#fff;}
.header_ico,
.header_link { right:0;}
.header_link_disabled { opacity:0.5; cursor:default;}

.ico_download { background-image:url(../../images/images/headIco_download.png);}

.sticky { position:fixed; right:0; bottom:0; left:0; z-index:1000; box-shadow:0 -2px 10px rgba(0,0,0,.08);}

.close{position: absolute;right:15px;top:0px;font-size: 14px;color:#ffffff;z-index: 9999;}

.page { position:fixed; top:44px; bottom:0; width:100%; overflow:scroll;}
.page2 { position:fixed; top:0; bottom:0; width:100%; overflow:scroll;}
.page3 { position:absolute; top:210px; bottom:44px; width:100%; overflow:scroll;}







.personal{margin-top:10px;}

.personal li{height:44px;border-bottom:1px #e5e5e5 solid;margin-left:15px;}

.personal li a{display:block;height:44px;line-height:44px;font-size:16px;color:#333333;position:relative;}

.personal li span{color:#ff0000;padding-right:5px;}


.per{display:block;height:44px;line-height:44px;font-size:16px;color:#6510ad;border:0px;font-weight:normal;position:absolute;right:15px;top:0px;cursor:pointer;text-align:right;width: 70%;}

.per input{text-align:right;font-size:16px;color:#999999;width:98%;background: none;}

.per select {text-align:right;height:40px;line-height:40px;border:0px;font-size:16px;color:#000000;padding-right:15px;background: none;}

.upload{margin:15px;}

.upload a{display: block;width:72px;height:72px;border: 1px #f6f6f6 solid;background: #ffffff;margin-lefT:60px;float: left;margin-top:18px;border-radius: 5px;}
	
.upload a i{widtH:24px;height:24px;display: block;background: url(../images/add_icon_03.png) no-repeat;background-size: contain;margin:12px auto 0 auto;}

.upload a span{font-size: 14px;color:#6510ad;text-align: center;display: block;margin-top:6px;}

.upload b{width:84px;height:108px;overflow: hidden;background: #eaeaea;float: right;margin-right:60px;}

.upload b img{widtH:100%;height: auto;}









 
	
.validate{margin:50px 15px;}	
	
.validate h4{font-size: 24px;color:#6510ad;}

.terrace_entry{margin:30px 0;}

.terrace_entry p{height:44px;border-bottom: 1px #dddddd solid;position: relative;padding-lefT:44px;}

.terrace_entry p i{display: block;widtH:20px;height:20px;position: absolute;lefT:10px;top:12px;}

.terrace_entry p .terr_top{background: url(../images/account_icon.png) no-repeat;background-size: contain;}

.terrace_entry p .terr_bottom{background: url(../images/password_icon.png) no-repeat;background-size: contain;}

.terrace_entry p span{display: block;padding-right:20px;}

.terrace_entry p a{font-size: 14px;color:#6510ad;line-height: 44px;position: absolute;right:10px;top:0px;}

.terrace_entry p span input{widtH:100%;height:44px;line-height: 44px;border: 0px;background: none;font-size: 16px;color:#666666;}



.terrace_login{display: block;height:44px;line-height: 44px;text-align: center;font-size: 18px;color:#ffffff;background:#6510ad;border-radius: 3px;}


.post{padding:15px;text-align:center;line-height: 30px;font-size: 14px;color:#666666;}

.post a{font-size: 14px;color:#ffa128;text-decoration: underline;}

.explain{font-size: 14px;color:#000000;line-height: 24px;}

.Timetable{padding-bottom:30px;font-size: 14px;color:#6510ad;line-height: 24px;}

.arrange{padding-bottom: 30px;}

.arrange h6{text-align: center;font-size: 18px;color:#000000;display: block;line-height: 30px;font-weight: bold;}

.arrange b{display: block;font-size: 14px;color:#000000;line-height: 30px;}

.arrange span{display: block;padding:0 15px;font-size: 14px;color:#000000;line-height: 30px;}


.eject{position:fixed;left:0px;right:0px;top:0px;bottom:0px;background: rgba(0,0,0,0.5);z-index: 9999;display: none;}

.prompt{position: absolute;left:15px;right:15px;top:50%;background: #ffffff;border-radius: 5px;margin-top:-100px;padding:30px;}

.prompt h6{height:44px;line-height: 44px;text-align: center;color:#7d2887;font-size: 24px;}

.prompt span{display: block;padding:15px 0;font-size: 16px;color:#666666;line-height:30px;text-align: center;}

.prompt a{display: block;height:40px;line-height: 40px;text-align: center;font-size: 14px;color:#ffffff;background: #6510ad;border-radius: 3px;}


/*====================
 * 培训报名
====================*/



.tsinghua{margin:30px 15px;position: relative;}


.tsinghua_i{background: url(../images/logo.png) no-repeat;background-size: contain;display: block;position: absolute;bottom:20%;widtH:280px;height:280px;;left:50%;margin-left:-140px;z-index: -999;}



.code{margin:15px;padding-right:150px;position: relative;height:42px;}

.code span{display: block;border: 1px #dddddd solid;height:42px;padding:0 10px;}

.code span input{line-height: 42px;widtH:100%;font-size: 14px;color:#999999;}

.code a{display: block;width:120px;height:44px;position: absolute;right:15px;top:0px;overflow: hidden;}

.code a img{widtH:100%;height:auto;}