body, form,table,ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, hr,ol,pre,button,input,select,textarea,th,td,p{margin:0;padding:0;font-family: Helvetica,Arial,sans-serif;}
body{font-size:100%; font-family: Helvetica,Arial,sans-serif;font-size: 12px;line-height: 20px;} img{border-width: 0;}
ul{list-style:none outside none;}
a:link,a:active,a:visited{color:#0060A6;text-decoration:none;}
a:hover{color:#FF3300;text-decoration:none;}

.m-main{min-height: 800px;max-width: 720px;margin: 0 auto;}
.m-top{position: relative;border-width: 0; background: linear-gradient(#6facd5, #497bae) repeat scroll 0 0 #5e87b0;
border: 1px solid #456f9a;color: #fff; font-weight: bold; text-shadow: 0 1px 1px #3e6790;
background-image: -webkit-linear-gradient(top, #6FACD5, #497BAE);}
.m-logo{margin: 10px;}
.m-logo img{height: 30px;width: 105px;display: block;}
.m-pic{text-align: center;}

.m-li{border-top: medium none;
    background: linear-gradient(#fff, #f1f1f1) repeat scroll 0 0 #eee;
    border: 1px solid #ccc;
    color: #222;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    border-top-width: 0;
}
.m-li-btn{border-top: medium none;font-size: 16px; display: block;
    padding: 10px;
    position: relative;}
.m-li-btn-a{display: block;color: #2f3e46;font-size: 16px;padding-left: 70px;overflow: hidden;padding-top: 11px;}
.m-li-img{height: 45px;margin: 15px 10px;position: absolute;left: 1px;float: left;top: 0;}
.m-li-h3{font-size: 18px;line-height: inherit;color: #2f3e46;margin-bottom: 10px;}
.m-li-desc{margin: -0.8em 0 0.6em;font-size: 12px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #2f3e46;}
.m-li-icon{margin-top: -9px;
    position: absolute;
    top: 50%;right: 10px;height: 18px;width: 18px;background: url("/image/mobile/icons-18-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4); background-position: -108px 50%; border-radius: 9px;}
    
.m-middle{ min-height: 409px;overflow: visible;width: 100%;}
.m-list{padding: 15px;background-color: #EEEEEE;}
.m-list ul{margin: -15px;}
.m-list li{border-width: 1px 0 0; overflow: visible; position: relative; text-align: left;
background: linear-gradient(#fff, #f1f1f1) repeat scroll 0 0 #eee;
background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
color: #222;font-weight: bold; text-shadow: 0 1px 0 #fff;}
.m-list-li-btn{border-top: medium none;}
.m-list-li-btn a{padding: 11.2px 40px 11.2px 15px;display: block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;color: #2f3e46;line-height: 20px;}
.m-list-li-btn h3{ font-size: 18px; padding-right: 5em; font-weight: bold; margin: 0.6em 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 40px;}
.m-list-li-btn em{ color: #e75c00; float: right;  margin-right: -5em;font-style: normal; font-size: 18px;font-weight: bold; white-space: nowrap;}
.m-ui-li-desc{padding-right: 6em; display: block; font-size: 12px; font-weight: normal; margin: -0.5em 0 0.6em; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.m-ui-title{ font-size: 22px;  margin: 12px; padding-left: 40px;  padding-right: 40px;text-align: left;}

.m-detail-head{background-color: rgba(15, 96, 153, 1);  position: static;color: #fff; height: 44px; left: 0;line-height: 44px; top: 0; width: 100%; z-index: 999;}
.m-detail-head h2{ font-size: 18px; line-height: 44px; margin: 0 44px; text-align: center;}
@font-face {
    font-family: "iconfont";
    font-style: normal;
    font-weight: normal;
    src: url("http://s.lietou-static.com/m/beta2/fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("http://s.lietou-static.com/m/beta2/fonts/iconfont.svg#icons") format("svg"), url("http://s.lietou-static.com/m/beta2/fonts/iconfont.woff") format("woff"), url("http://s.lietou-static.com/m/beta2/fonts/iconfont.ttf") format("truetype");
}
i.icon {box-sizing: border-box; display: inline-block;font-family: 'iconfont'; font-style: normal; font-weight: normal; height: 1em; line-height: 1; margin: 0 0.25em 0 0; text-align: center; text-decoration: inherit; vertical-align: middle; width: 1.23em;}
i.xlarge.icon {
    font-size: 24px; color: #fff;
}
em, i { font-style: normal;}
.text-ellipsis {overflow: hidden; text-overflow: ellipsis; text-rendering: auto; white-space: nowrap;}
.text-warning {color: #ff6600;}
.text-info {color: #2ba4e1;}
.text-muted {color: #999999;}
.link-icon{ left: 5px; position: absolute;color: #fff;}
.m-job-info{background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #c7c7c7; padding: 5px 15px 15px;font-size: 12px;line-height: 20px;}
.m-job-title{font-size: 18px; line-height: 1.5; margin: 5px 0;}
.m-job-title em{display: inline-block; float: right;}
.job-box { padding: 10px 5px;}
.job-box .job-detail { background: none repeat scroll 0 0 #fff; border: 1px solid #c7c7c7;  border-radius: 5px;  margin-bottom: 10px;  padding: 10px 14px;}
.job-box .job-detail h4 { margin: 0;  padding: 10px 0 0;}
.job-box .job-detail h4 { font-size: 12px; font-weight: normal;}
.text-muted { color: #999999;}
.job-box .job-detail p { font-size: 14px; line-height: 22px;}
.job-box .job-detail.job-require { padding: 10px 14px 25px;}
.job-box .job-detail h4 {margin: 0; padding: 10px 0 0;}
.job-box .job-detail ul { font-size: 14px; padding-bottom: 5px;}
.job-box .job-detail ul li {line-height: 22px;}
.job-box .job-detail { background: none repeat scroll 0 0 #fff; border: 1px solid #c7c7c7; border-radius: 5px; margin-bottom: 10px; padding: 10px 14px;}
.page-tips {padding: 15px 0; text-align: center;font-size: 12px;border-top: 1px solid #CCCCCC;background-color: #EEEEEE;cursor: pointer;margin-bottom: 20px;}

.ui-field-contain, .ui-mobile fieldset.ui-field-contain {border-width: 0;margin: 1em 0;padding: 0;overflow: visible;}
.ui-field-contain label {display: inline-block; float: left; margin: 8px 0; text-align: right;    width: 6em;}
.ui-field-contain .ui-input-text, #sojob .content .ui-field-contain .ui-select { display: block; width: auto;}
.ui-select .ui-btn {opacity: 1; overflow: hidden;}
.ui-btn { cursor: pointer; display: block; margin: 0.5em 0; padding: 0; position: relative; text-align: center;}
.ui-shadow {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);}
.ui-btn-corner-all {border-radius: 1em;}
.ui-btn-up-c {background: linear-gradient(#fff, #f1f1f1) repeat scroll 0 0 #eee;
background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);border: 1px solid #ccc;  color: #222; font-weight: bold; text-shadow: 0 1px 0 #fff;}
.ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px;}
.ui-btn-inner { display: block; font-size: 16px; min-width: 0.75em; overflow: hidden; padding: 0.6em 20px; position: relative; text-overflow: ellipsis; white-space: nowrap;}
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner {font-size: 12.5px;}
.ui-btn { cursor: pointer; text-align: center;}
.ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px;}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {margin-top: -9px; position: absolute; top: 50%;}
.ui-icon { height: 18px; width: 18px;}
.ui-icon, .ui-icon-searchfield:after {background: url("/image/mobile/icons-18-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4);border-radius: 9px; background-position: -216px 50%;}
.ui-select .ui-btn select {opacity: 0.0001;}
.ui-select .ui-btn select {cursor: pointer;height: 3em; left: 0; max-height: 100%; min-height: 100%; opacity: 0; top: 0; width: 100%; z-index: 2;}
.ui-select select { position: absolute;color: #555555;}
.ui-select .ui-btn select {cursor: pointer;}
.ui-field-contain .ui-select { display: block;margin-left: 5em; width: auto;}
input.ui-input-text, textarea.ui-input-text { background-image: none; display: block; font-size: 16px; line-height: 1.4; margin: 0.5em 0; outline: 0 none; padding: 0.4em; width: 100%;}
.ui-shadow-inset { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;}
.ui-corner-all { border-radius: 0.6em;}
.ui-body-c, .ui-overlay-c { background: linear-gradient(#f9f9f9, #eee) repeat scroll 0 0 #f9f9f9;
background-image: -webkit-linear-gradient(top, #6FACD5, #497BAE);border: 1px solid #aaa; color: #333; text-shadow: 0 1px 0 #fff;}
.ui-btn-up-b { background: linear-gradient(#5f9cc5, #396b9e) repeat scroll 0 0 #396b9e;
background-image: -webkit-linear-gradient(top, #6FACD5, #497BAE);border: 1px solid #044062; color: #fff; font-weight: bold; text-shadow: 0 1px 1px #194b7e;}
.ui-btn-hidden { background: none repeat scroll 0 0 rgba(255, 255, 255, 0); border: medium none; cursor: pointer; font-size: 1px; height: 100%; left: 0; opacity: 0.1; position: absolute; text-indent: -9999px; top: 0; width: 100%;}

.ui-btn-left {z-index: 1; background: linear-gradient(#6facd5, #497bae) repeat scroll 0 0 #5e87b0;
background-image: -webkit-linear-gradient(top, #6FACD5, #497BAE);border: 0 none; border-radius: 0; box-shadow: 0 0 0; left: 0; margin: 0; top: 0; display: inline-block; position: absolute;}
.ui-back { background-color: transparent;background-image: url("/image/mobile/icon_btn_back.png");background-repeat: no-repeat; background-size: 30px 60px; border-radius: 0; box-shadow: 0 0 0; float: none; font-size: 0; height: 30px; left: 10px; margin-top: -4px; position: absolute; text-shadow: 0 0 0; top: 10px; width: 30px;}
.ui-home { background-color: transparent; background-image: url("/image/mobile/icon_btn_home.png"); background-repeat: no-repeat; background-size: 30px 60px; border-radius: 0; box-shadow: 0 0 0; float: none; font-size: 0; height: 30px; left: 10px; margin: 0; position: absolute; text-shadow: 0 0 0; top: 6px; width: 30px;}

.ui-bar-b {background: linear-gradient(#6facd5, #497bae) repeat scroll 0 0 #5e87b0;
background-image: -webkit-linear-gradient(top, #6FACD5, #497BAE);border: 1px solid #456f9a;color: #fff; font-weight: bold; text-shadow: 0 1px 1px #3e6790;margin-top: 50px;}
.footer h3.ui-title {font-size: 12px;}
.ui-footer .ui-title {margin: 0.6em 15px 0.8em;line-height: 40px;}
.ui-header .ui-title, .ui-footer .ui-title { font-size: 16px; margin: 0.6em 10px 0.8em; min-height: 1.1em; outline: 0 none !important; overflow: hidden; padding: 0; text-align: left; text-overflow: ellipsis;  white-space: nowrap;}

.ui-btn-right{right: 65px;  display: inline-block;position: absolute; top:-1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); vertical-align: middle;
    margin-top: 6px; display: inline-block; border-radius: 1em; background: linear-gradient(#5f9cc5, #396b9e) repeat scroll 0 0 #396b9e;
    border: 1px solid #044062; color: #fff; font-weight: normal;}
.ui-btn-span {font-size: 12.5px;  padding: 0.55em 11px 0.5em;  display: block; min-width: 0.75em; overflow: hidden; position: relative; text-overflow: ellipsis;
    white-space: nowrap; border-radius: 1em; border-top: 1px solid rgba(255, 255, 255, 0.3); color: #fff; font-weight: bold; text-shadow: 0 1px 1px #194b7e;
    border-radius: 1em; text-shadow: 0 1px 1px #3e6790;}
}
.ui-btn-text{font-size: 12.5px;}

.ui-li-divider {font-size: 14px;font-weight: bold; padding: 0.5em 15px; border-width: 1px 0 0; display: block; margin: 0; overflow: visible; position: relative; text-align: left; background: linear-gradient(#f0f0f0, #ddd) repeat scroll 0 0 #eee; color: #3e3e3e; text-shadow: 0 1px 1px #fff;}
.ui-li-static{font-weight: normal; padding: 1em;color: #666; font-size: 14px; line-height: 20px;display: block;background-image: none;}

.resume-sel li{padding: 0 0 0 15px;border-top: 1px solid #c7c7c7;}
.resume-sel li input { margin: -2px 8px 0 0;}
.ui.button.blue {background: none repeat scroll 0 0 #0f6099; width: 100%;}
.ui.button {-moz-user-select: none;border: medium none; border-radius: 0.25em;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem;    font-style: normal; font-weight: bold; line-height: 1; margin: 0; min-height: 1em; outline: medium none; padding: 0.8em 1.5em; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle;}
.m-li-div a{font-size: 12px;font-weight: normal;}

.m-attend-list li{border-bottom: 1px solid #777;line-height: 42px;overflow: hidden;font-size: 16px;margin: 0 15px;padding-top: 15px;}

.m-circle {
	margin:0 auto;
    width: 200px;
    height: 200px;
    border: 3px solid green;
    border-radius: 50%;
    line-height: 200px;
    font-size: 28px;
}