﻿.CreateResults { width: 650px; height: auto; margin: 0 auto; transition: opacity .1s linear; position: fixed; z-index: 1050; top: 50%; left: 0; right: 0; transform: translateX(-50%); transform: translateY(-50%); }
#zxrx_phone { color: white; /*font-size: x-large;*/ }
.Create_title { height: 50px; background: #f09800; border-bottom: 0; width: 100%; display: block; padding: 0; }

.icon_bg { width: 30px; height: 30px; margin: 10px; }

.span_txt { height: 50px; line-height: 50px; color: #ffffff; display: inline-block; width: 540px; font-size: 15px; }

.backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: .3; filter: alpha(opacity=30); }

.backdrop2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9990; background-color: #000; opacity: .3; filter: alpha(opacity=30); }

.Results_info { background-color: #ffffff; color: #888; padding: 0 0 20px 0; }

.Create_score { width: 95%; margin: 0 auto; padding-top: 20px; }

.control_group { margin: 0; margin-bottom: 10px; /*height: 35px;*/ }

.control_label { height: 36px; line-height: 36px; width: 90px; padding-right: 30px; float: left; text-align: right; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

.controls { display: inline-block; margin-left: 0; }

#WLK, #KM { float: left; }

#WLK span, #KM span { background-repeat: no-repeat; background-size: contain; display: inline-block; width: 86px; height: 36px; line-height: 32px; text-align: center; cursor: pointer; margin-right: 20px; }

.tu4 { background: url(/InStudent/VolunteerFill/tb/img/btnFrame.png); color: #b5b5b5; }

.tu6 { background: url(/InStudent/VolunteerFill/tb/img/btnFrame3.png); color: #f09800; }

.Must { color: red; }

#P1 { height: 36px; line-height: 36px; }

#P1 span { display: inline-block; width: 106px; text-align: center; font-size: 16px; color: #999; float: left; margin-left: -1px; border: 1px solid #ddd; cursor: pointer; background: #f4f4f4; }

.cli_span { color: #f09800 !important; border: 1px solid #ddd !important; border-bottom: 0 !important; border-top: 1px solid #f09800 !important; cursor: pointer !important; background: #fff !important; }

.totalRank, #scoreTotal { width: 300px !important; padding: 0 3px !important; height: 40px !important; }

#createScoreBtn { background-color: #f09800; border: 1px solid transparent; outline: none; color: #ffffff; width: 139px; height: 44px; font-size: 16px; }

.magrin_tl { margin-bottom: 18px !important; }

.controls select { width: 300px; height: 40px; border: 1px solid #ccc; background-color: #fff; }

#lineDiff { border: none !important; }

.line_box { position: relative; border: 1px solid #ddd; width: 295px; height: 40px; line-height: 40px; text-align: left; padding-left: 10px; color: #aaa; }
.xubox_title { background: #f09800 !important; }

.gkkt_ul_li ul li:hover { cursor: pointer; }

#P1 .P1_span2 { display: none; }

a { color: #ffffff; }

.new_top { width: 100%; height: 145px; margin: 0 auto; }

.new_top .new_title { width: 90%; min-width: 1250px; height: 100px; margin: 0 auto; }

.new_top .new_title li { float: left; height: 100px; line-height: 100px; margin: 0 auto; }

.zyb_logo { margin-right: 25px; max-width: 216px; max-height: 48px; }

#Province, #select { box-shadow: none; }

#select { width: 320px; height: 38px; border-radius: 25px 0 0 25px; padding: 0 0 0 2em; border: 1px solid #dcdcdc; outline: none; }

#select_btn { width: 80px; height: 40px; border-radius: 0 25px 25px 0; margin: 0; padding: 0; border: 1px solid transparent !important; background-color: #f09800 !important; color: #ffffff; background: url(/InStudent/ZYB/images/soso.png) #f09800 no-repeat 10px; border: none; outline: none; margin-right: 0 !important; }

#Province_sf, #iProvince_sf { border-radius: 25px; margin: 0; padding: 0; border: none; outline: none; width: 85px; height: 30px; background-color: transparent; border: 1px solid #ccc !important; }

.login_icon { display: inline-block !important; width: 42px; height: 42px !important; border-radius: 50%; cursor: pointer; background-size: contain !important; border: 1px solid #fff; /* border-radius: 50%; */ padding: 0 !important; }
#login_icon { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px; }
#login_false { display: inline-block; width: auto; float: left; cursor: pointer; font-size: 16px; color: #fff; }

#login_true { display: inline-block; /*height: 130px;*/ cursor: pointer; color: black; }

.input_text { margin: 0 50px 0 120px !important; }

.muen_div { width: 100%; margin: 0 auto; background-color: #f09800; }

.new_muen { height: 45px; width: 90%; min-width: 1250px; margin: 0 auto; background-color: #f09800; }

.new_muen li { float: left; height: 45px; line-height: 45px; /*padding-right: 10px;*/ position: relative; }
.new_muen li .new_mune_a { font-size: 16px; display: inline-block; height: 100%; text-align: center; padding: 0 25px; }
.new_muen li { font-size: 16px; color: #ffffff; display: inline-block; text-align: center; cursor: pointer; height: 45px; line-height: 45px; }


.close_img { position: absolute; z-index: 102; top: -39px; right: -39px; }

.new_muen li.new_muen_li:hover { background-color: #f66200; }
/*.new_muen_li_login:hover
{
    background-color: #f09800 !important;
}*/
.tool_box { display: none; }
ul.new_muen li:hover > .tool_box { display: block; }

.li_bg { /*background-color: #f66200;*/ }

.li_muen { color: #f09800 !important; }

.li_muen .muen_span:hover { color: #f09800 !important; }

.consult span { background: url(/InStudent/ZYB/images/xinxi.png) no-repeat 5px center; }
.follow { position: relative; }
.follow span { /*background: url(/InStudent/ZYB/images/xiazai.png) no-repeat 5px center;*/ }

.consult { float: right !important; }

.div_top { width: 0; height: 0; border-style: solid; border-width: 0 50px 50px; border-color: transparent transparent #d9534f; position: relative; }
.div_top:after { content: ''; border-style: solid; border-width: 0 40px 40px; border-color: transparent transparent #96ceb4; position: absolute; top: 6px; left: -40px; }

.ul2s { background: #ffffff url(/InStudent/ZYB/images/MOOC_erweima.png) no-repeat center center; height: 140px; /*background-size: 80%;*/ border: 1px solid #cccccc; position: absolute; width: 150px; top: 70px; right: 0; left: -50px; display: none; background-size: contain; margin: 0 auto; z-index: 999; }

.follow:hover .ul2s { display: inline; }

.btnUrl { background: #F09800; border-radius: 5px; width: 60px; display: inline-block; }
.btnUrlCancel { cursor: pointer; background: #F09800; border-radius: 5px; width: 60px; display: inline-block; margin-left: 80px; }

.btnUrl:hover, .btnUrlCancel:hover { background: #e49000; }
.seat { display: none; }

* { font-family: "微软雅黑"; }

#xubox_border1 { background: none !important; }

.login_box { width: 408px; /*height: 473px;*/ background: #fff !important; color: #666; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 10px #707070; z-index: 1100; position: absolute; padding-bottom: 30px; top: 50%; left: 0; right: 0; transform: translateX(-50%); transform: translateY(-50%); }

.regist_box, .password_box { width: 400px; background: #fff !important; color: #666; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 10px #707070; z-index: 1100; position: absolute; left: 0; right: 0; top: 50px; }

.regist_box { height: 530px; }

.login_logo, #login_logo_img { max-height: 80px; max-width: 200px; margin-top: 20px; margin-left: 10px; }

.login_logo { margin-left: 40%; }

#login_title_h1 { text-align: center; color: #18a7a8; font-family: "Microsoft YaHei"; font-size: 18px; font-weight: bold; }

.login_right .user, .login_right .pwd01, .regist_box .user, .regist_box .pwd01, .regist_box .phone, .password_box .user, .password_box .pwd01, .password_box .pwd02, .password_box .phone { width: 260px; background-repeat: no-repeat; padding-left: 40px; border-radius: 4px; display: block; height: 45px; line-height: 45px; border-style: solid; border-width: 1px; background-position: 5px; }

.pwd01, .pwd02 { background-image: url(/App_Image/login/ico02.png); }

.user { background-image: url(/App_Image/login/ico01.png); }

.phone { background-image: url(/App_Image/login/ico04.png); }

.login_right input.bntH40, .login_right input.bntH40, .regist_box input.bntH40, .regist_box input.bntH40, .password_box input.bntH40, .password_box input.bntH40 { border: 0px; padding: 10px 0; width: 307px; height: 45px; line-height: 25px; font-size: 15.5px; }

input[type=text], input[type=password], textarea, select { outline: none !important; border: 1px solid #e5e5e5 !important; box-shadow: none !important; }

.btn-login, .btn-regist { background: #f5a516; color: #fff; border-radius: 4px; }

.btn-login { }
.fl { width: 140px !important; margin-right: 0 !important; }
#login-imgCode { height: 45px !important; width: 110px !important; margin-left: 10px !important; }
#shengfen, #btn-regist, #btn-login, #btnOk { width: 260px !important; }
.login_right .login-code, .regist_box .Phone-code, .password_box .Phone-code { width: 140px; height: 45px; line-height: 45px; padding-left: 40px; background-repeat: no-repeat; background-image: url(/instudent/img/icon_img/yzm.png); background-position: 5px; }

.clearfix:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; }

.clearfix { /* 为了照顾ie6浏览器*/ zoom: 1; }

.stat { width: 300px; height: 20px; margin: 10px auto; }

.stat a { color: #989898; font-size: 13px; }

.lg_weblogin { display: none; width: 260px; margin: 10px auto; height: 90px; text-align: center; }

.lg_weblogin dd div { margin-left: 9%; }

.lg_weblogin dd div { float: left; padding-left: 16px; cursor: pointer; }

.lg_weblogin dt { height: 40px; font-size: 14.5px; line-height: 25px; color: #989898; }

.tips { color: red; line-height: 42px; float: left; margin-left: -12px; }

.regist_title, .password_title { height: 80px; line-height: 80px; text-align: center; color: #ccc; }

.regist_title_span, .password_title_span { color: #f09800; margin: 0 20px; font-size: 20px; font-weight: bold; }

.hqyzm { display: inline-block; height: 45px; line-height: 45px; border-style: solid; border-width: 1px; border-color: #ccc; background-repeat: no-repeat; background-position: 12px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; border: 1px solid #ccc; padding: 0 20px; margin-left: 20px; width: 100px; }

.roleList ul li { float: left; margin: 0; width: 100px; height: 27px; line-height: 27px; text-align: center; }

.radio_i { display: inline-block; width: 20px; height: 20px; background-image: url(/instudent/img/icon_img/radio_icon.png); cursor: pointer; }

.radio_active { background-position: 0 -20px; }

.yx { margin-bottom: 20px; }

.prompt-error { color: red; }

#login-form ul .regist_hei { height: 65px; }

.REli { height: 65px; }

.hint { background-color: #000000; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; overflow: hidden; z-index: 100; }

.hint2 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; overflow: hidden; z-index: 100; }

/*功能*/
.info_list { position: absolute; top: 100px; background-color: #ffffff; z-index: 2; right: -45px; margin: 0 auto; width: 200px; display: none; }

.info_list_div { width: 200px; height: 80px; padding: 10px 8px; box-shadow: 0 0 3px #cdcdcd; border: 1px solid #cdcdcd; background-color: #fff; }

.info_list_div1 { background-position: -3px -352px !important; }

.info_list_div2 { background-position: -3px -498px !important; }

.info_list_div3 { background-position: -3px -534px !important; }

.info_list_div a { display: block; height: 30px; line-height: 30px; color: #3d3d3d; border-bottom: 1px dotted #dcdddd; width: 80px; padding-left: 25px; background: url(/InStudent/ZYB/images/icon_list.png) no-repeat; cursor: pointer; }

.login_reg:hover > .info_list { display: block; }
.login_reg span { cursor: pointer; font-size: 16px; }
.pass_li { height: 65px; }

.f-side { position: fixed; width: 54px; right: 20px; bottom: 10px; z-index: 100; }

.f-side ul li { width: 54px; height: 54px; float: left; position: relative; border-bottom: 1px solid #FCDE70; }

.f-side ul li .sidebox { position: absolute; width: 54px; height: 54px; top: 0; right: 0; transition: all 0.3s; background: #f09800; opacity: 0.7; filter: Alpha(opacity=70); color: #fff; font: 14px/54px "微软雅黑"; overflow: hidden; line-height: 54px !important; }

.f-side ul li .gzwx { position: absolute; width: 54px; height: 54px; top: 0; right: 0; transition: all 0.3s; background: #323232; opacity: 0.7; filter: Alpha(opacity=70); color: #fff; font: 14px/54px "微软雅黑"; overflow: hidden; }

.f-side ul li .sidebox:hover { min-width: 150px; opacity: 1; background: rgb(174, 28,28); }
.f-side2 { position: absolute; width: 54px; height: 54px; top: 0; right: 0; transition: all 0.3s; background: #f09800; opacity: 0.7; filter: Alpha(opacity=70); color: #fff; font: 14px/54px "微软雅黑"; overflow: hidden; line-height: 54px !important; }
.f-side1 { min-width: 150px; opacity: 1; background: rgb(174, 28,28); }

.f-side a { text-decoration: none; }


.new_muen li:hover > .tool_box { display: block; }


.bxkm_name { line-height: 34px; float: left; margin-right: 20px; }

.bxkm_dj, .nbxkm_name, .nbxkm_dj { float: left; padding: 0; border: none; text-align: center; text-align-last: center; /*margin: 0 6px;*/ height: 35px; border: 1px solid #ccc; }

.nbxkm_name { width: 72px; }

.bxkm_dj, .nbxkm_dj { width: 50px; }

.nbxkm_dj { margin-left: 10px; }

.fgx { border-right: 1px solid #aaa; float: left; height: 34px; margin: 0 15px 0 9px; }

.kmdj { width: 322px; margin: 0 auto; }
.top_left_ul { color: #fff; top: -30%; }

.dz_p { line-height: 21px !important; margin-top: 5px; }

.zgwm { float: left; height: 140px; line-height: 140px; }

.footer_top img { max-height: 140px; max-width: 140px; }
