.page_container {
    background-color: #f6f7fb;
}

.center {
    min-height: calc(100vh - 109px);
    padding-bottom: 0;
}

.per_con {
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    padding-bottom: 50px;
    background: url("../images/imagesM/p_banner.png") no-repeat;
    background-size: 100% 150px;
}

.tx {
    position: relative;
    top: 10px;
    width: 65px;
    height: 65px;
    border: 2px #cdedfe solid;
    background-color: #cdedfe;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}

.tx img {
    width: 100%;
    border-radius: 50%;
}

.left_menu {
    width: 88%;
    padding: 40px 3% 1px 3%;
    margin: 0 auto;
    margin-top: -25px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 5px #cedef4;
}

.menu_item {
    float: left;
    width: 25%;
    color: #333;
    line-height: 24px;
    text-align: center;
    margin-bottom: 22px;
}

.menu_item a {
    color: #333;
    padding-top: 32px;
}

.menu_item_active a {
    color: #fe9c43;
}

.m_icon1 {
    background: url("../images/imagesM/icon_04.png") no-repeat;
    background-size: 30px 28px;
    background-position: center top;
}

.m_icon2 {
    background: url("../images/imagesM/icon_05.png") no-repeat;
    background-size: 30px 28px;
    background-position: center top;
}

.m_icon3 {
    background: url("../images/imagesM/icon_07.png") no-repeat;
    background-size: 30px 28px;
    background-position: center top;
}

.m_icon4 {
    background: url("../images/imagesM/icon_08.png") no-repeat;
    background-size: 30px 28px;
    background-position: center top;
}

.m_icon5 {
    background: url("../images/imagesM/icon_10.png") no-repeat;
    background-size: 30px 28px;
    background-position: center top;
}

.m_icon6 {
    background: url("../images/imagesM/icon_11.png") no-repeat;
    background-size: 30px 28px;
    background-position: center top;
}

.m_icon7 {
    background: url("../images/imagesM/icon_15.png") no-repeat;
    background-size: 30px 28px;
    background-position: center top;
}

.m_icon8 {
    background: url("../images/imagesM/icon_16.png") no-repeat;
    background-size: 30px 28px;
    background-position: center top;
}

.right_con {
    width: 94%;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 15px;
    padding: 10px 0;
    border-radius: 10px;
}

.page_tips {
    width: 84%;
    margin: 0 auto;
    color: red;
    margin-top: 15px;
    text-align: center;
}

/*�ҵ���Ϣ*/
.my_info_item {
    width: 84%;
    height: 43px;
    line-height: 43px;
    background-color: #f6f7fb;
    border-radius: 5px;
    border: 1px #edeff3 solid;
    margin: 0 auto;
    margin-bottom: 17px;
}

.my_info_item input, .my_info_item select {
    width: 96%;
    height: 40px;
    border: none;
    outline: none;
    color: #333;
    font-size: 15px;
    padding-left: 4%;
    background-color: transparent;
}

.my_info_item select {
    color: #666;
    padding-left: 3.5%;
}

.confirm_btn {
    width: 84%;
    margin: 0 auto;
}

.confirm_btn input {
    display: inline-block;
    width: 100%;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 5px;
    color: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    background-image: linear-gradient(to right, #00a5ff, #3162eb);
}

/*�ɼ�*/
.per_con h3 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
}

.cj_con {
    width: 100%;
    padding-top: 45px;
    border-top: 1px #f0f1f5 solid;
}

.score {
    float: left;
    width: 125px;
    height: 100px;
    border: 4px #408adf solid;
    border-radius: 50%;
    text-align: center;
    padding-top: 25px;
    margin-left: 6%;
}

.score p span {
    font-size: 40px;
    color: #f41919;
    font-weight: bold;
}

.score p:last-child {
    margin-top: 8px;
}

.info {
    float: left;
    width: calc(85% - 125px);
    margin-top: 5px;
    margin-left: 6%;
}

.info p {
    margin-bottom: 20px;
}

.info p:nth-child(3) {
    color: #f62626;
}

.view_zs_btn {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
}

.view_zs_btn a, .follow_wx {
    display: inline-block;
    width: 100%;
    height: 44px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    border-radius: 5px;
    font-size: 16px;
    background-image: linear-gradient(to right, #00a5ff, #3162eb);
}

.view_zs_btn a:nth-child(2), .follow_wx {
    background: #4c78f6;
    margin-top: 12px;
}

.zs_receive {
    display: none;
    width: 100%;
    text-align: center;
}

.zs_receive p {
    margin: 10px 0;
}

.zs_receive img {
    width: 180px;
}

.test_details {
    width: 86%;
    margin: 0 auto;
    line-height: 30px;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 4%;
}

.question {
    width: 90%;
    padding: 15px 5%;
    background-color: #fff;
}

.question p {
    margin-bottom: 15px;
}

.choose_answer {
    width: 100%;
    margin-top: 10px;
}

.anwer_item {
    margin-bottom: 30px;
    margin-left: 11px;
}

.anwer_item input {
    display: none;
    margin-right: 15px;
}

.anwer_item > label {
    position: relative;
}

.anwer_item > label::before {
    display: inline-block;
    content: "";
    position: relative;
    bottom: 7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #e6e7e7;
    margin-right: 15px;
    vertical-align: bottom;
    background-color: #edeef3;
}

.anwer_item > input:checked + label::before {
    background-color: #3161eb;
    border: 1px #3161eb solid;
}

.a_right label:before {
    background-color: #0cc462;
}

.a_error label:before {
    background-color: #eb3131;
    border: 1px #eb3131 solid;
}

/*����־Ը��*/
.zyz_content {
    width: 90%;
    padding: 0 5%;
}

.bm_zyz_succeed {
    width: 100%;
    color: #666;
    margin-bottom: 30px;
}

.bm_zyz_succeed p {
    margin-bottom: 10px;
}

.zyz_table {
    width: 100%;
    margin-bottom: 10px;
    border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
}

.zyz_table tr td {
    padding: 2%;
    text-align: center;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

.zyz_table tr td:nth-child(1) {
    font-weight: bold;
    font-size: 16px;
}

.copy_btn {
    width: 145px;
    height: 35px;
    color: #fff;
    font-size: 16px;
    border: none;
    background-color: #4d76ed;
    border-radius: 10px;
    margin: 10px 0;
    cursor: pointer;
}

.bm_zyz_btn {
    width: 80%;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 16px;
    background-image: linear-gradient(to right, #00a5ff, #3162eb);
}

.bm_zyz_btn a {
    display: inline-block;
    width: 100%;
    color: #fff;
}

.bm_con {
    position: relative;
}

/*ģ����ϰ����ʽ����*/
.select_pay {
    width: 100%;
    text-align: center;
}

.pay_item {
    width: 100%;
    padding-bottom: 10px;
}

.pay_item img {
    margin-left: 5px;
}

.pay_item input {
    position: relative;
    top: 3px;
    width: 18px;
    height: 18px;
}

.momi {
    width: 85%;
    margin: 0 auto;
    margin-top: 15px;
    border-radius: 5px;
    padding: 20px 0;
    background: url("../images/dt_img_03.png") no-repeat;
    background-size: 100% 100%;
}

.zhengshi {
    width: 85%;
    margin: 0 auto;
    margin-top: 15px;
    border-radius: 5px;
    padding: 20px 0;
    background: url("../images/dt_img_05.png") no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 0 5px #fbe1e2;
}

/*.zhengshi{*//*    width: 85%;*//*    margin: 0 auto;*//*    margin-top: 15px;*//*    border-radius: 5px;*//*    !*padding: 20px 0;*!*//*    padding: 5px 0;*//*    background: url("../images/dt_img_05.png") no-repeat;*//*    background-size: 100% 100%;*//*    box-shadow: 0 0 5px #fbe1e2;*//*}*/
.dt_time {
    float: left;
    width: 50%;
    font-size: 13px;
    padding-left: 7%;
}

.dt_time p:nth-child(1) {
    /*font-size: 20px;*/
    /*font-weight: bold;*/
    /*width: 220px;*/
    margin-top: 12px;
    line-height: 20px;
}

.dt_time p:nth-child(2) {
    /*width: 220px;*/
    width: 260px;
    margin-top: 12px;
    line-height: 20px;
}

.mn_btn, .zs_btn {
    /*width: 35%;*/
    /*height: 30px;*/
    /*background-color: #3161eb;*/
    /*border-radius: 5px;*/
    /*text-align: center;*/
    /*line-height: 30px;*/
    /*margin-left: 60%;*/
    /*font-size: 14px;*/
    /*margin-top: 28px;*/
    width: 35%;
    height: 30px;
    background-color: #3161eb;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    margin-left: 60%;
    font-size: 14px;
}

.zs_btn {
    background-color: #ed5a62;
}

.zs_btn input {
    display: inline-block;
    width: 100%;
    height: 30px;
    color: #fff;
    outline: none;
    border: none;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    background-color: #ed5a62;
    border-radius: 5px;
}

.mn_btn a, .zs_btn a {
    display: inline-block;
    width: 100%;
    color: #fff;
}

.tips {
    width: 84%;
    margin: 0 auto;
    margin-top: 15px;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
}

/*����ֽ�ʰ�֤��*/
.apply_zs {
    width: 90%;
    padding: 0 5%;
}

.apply_zs p {
    line-height: 30px;
}

.apply_zs p:nth-child(1) {
    font-size: 21px;
    text-align: center;
    margin-bottom: 20px;
}

.payinfo {
    width: 100%;
    margin: auto;
    padding-bottom: 30px;
}

.ptips {
    width: 100%;
    margin: auto;
    text-align: left;
}

.buyinfo, .buyinfo1 {
    margin-top: 18px;
}

.pro {
    margin-top: 0;
}

.text {
    width: 98.5%;
    height: 48px;
    line-height: 48px;
    border: #c9caca 1px solid;
    padding-left: 5px;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
}

.text2 {
    width: 98.5%;
    height: 55px;
    outline: none;
    border: #d3d3d3 1px solid;
    border-radius: 4px;
    padding-left: 5px;
    font-size: 16px;
    margin-top: 18px
}

.buyinfo .form-group {
    width: 100%;
    margin-top: 18px;
}

.buyinfo select {
    width: 80%;
    height: 48px;
    color: #666;
    line-height: 48px;
    border: #d3d3d3 1px solid;
    border-radius: 4px;
    padding-left: 5px;
    font-size: 16px;
    outline: none;
}

.apply_zs_btn {
    width: 100%;
    height: 45px;
    text-align: center;
    margin-top: 35px;
}

.apply_zs_btn input {
    display: inline-block;
    width: 100%;
    color: #fff;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    border: none;
    outline: none;
    font-size: 16px;
    background-color: #3161eb;
    background-image: linear-gradient(to right, #00a5ff, #3161eb);
}

.red {
    margin-top: 5px;
    color: #f00;
    text-align: left
}

/*ԤԼҳ��*/
.yuyue_box {
    width: 86%;
    padding: 30px 4% 40px 4%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 10px;
}

.yuyue_box h2 {
    width: 100%;
    font-size: 22px;
    text-align: center;
    color: #333;
}

.yy_time {
    width: 100%;
    margin-top: 15px;
}

.yy_time h3 {
    font-size: 18px;
}

.t_list {
    width: 100%;
}

.t_item {
    float: left; /*width: 45%;*/
    /*width: 65%;*/
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 4.3%;
    text-align: center;
    color: #46c291;
    border: 1px #46c291 solid;
    border-radius: 5px;
}

.t_item_active, .t_list li:hover {
    color: #fff;
    background-color: #46c291;
}

.yy_submit_btn {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
}

.yy_submit_btn button {
    width: 100%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 10px;
    font-size: 17px;
    letter-spacing: 5px;
    background-color: #2164ed;
}

/*����ʶ��*/
.before_exam {
    width: 94%;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 50px;
    background-color: #fff;
}

.before_exam h2 {
    width: 100%;
    height: 80px;
    font-size: 22px;
    text-align: center;
    line-height: 80px;
    background-color: #efefef;
}

.before_exam_content {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}

.myvideo, .mypic {
    width: 200px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.myvideo video {
    width: 200px;
    height: 150px;
    background-color: #b5d6fc;
}

.mypic canvas {
    width: 200px;
    height: 150px;
    background-color: #b5d6fc;
}

.mypic .privacy {
    color: #333;
}

.mypic .privacy a {
    color: #333;
}

.photograph, .photo_upload {
    width: 150px;
    margin: 0 auto;
}

.photograph button, .photo_upload button {
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 30px;
    margin-top: 15px;
    font-size: 17px;
    border: none;
    outline: none;
    background-color: dodgerblue;
}

.photo_upload button {
    background-color: orangered;
}

.face_tips {
    width: 90%;
    margin: 0 auto;
    font-size: 15px;
}

.translate_bm {
    width: 100%;
}

.translate_bm h3 {
    width: 94%;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 3%;
    font-weight: normal;
    color: #777;
    text-align: left;
    margin-bottom: 0;
}

.bm_tips {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

.choice_subject {
    width: 88%;
    margin: 0 auto;
    margin-bottom: 8px;
    background-color: #defafc;
    padding: 8px 3% 12px 3%;
    border-radius: 10px;
}
.session_title{
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
}
.session_title span {
    font-size: 14px;
    color: #666;
}
.session_title span:first-child {
    font-size: 18px;
    font-weight: bold;
    color: #079da6;;
}
.face_collect{
    height: 28px;
    line-height: 28px;
    border-radius: 6px;
    background: #c34501;
    color: #fff;
    font-size: 15px;
    padding: 0 20px;
    margin-left: 5px;
    text-align: center;
}


.bm_null, .bm_success,.exam_group {
    display: flex;
    width: 100%;
    margin: 10px 0;
    justify-content: space-between;
    align-items: center;
}

.sub_info {
    line-height: 28px;
    text-align: left;
}
.sub_info p:first-child,.sub_info label{
    font-size: 16px;
    font-weight: bold;
}
.sub_checkbox {
    text-align: right;
}

.sub_checkbox input {
    width: 18px;
    height: 18px;
}

.sub_checkbox a {
    max-width: 100%;
    min-width: 75px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    background: #0e7fe1;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    padding: 0 12px;
    margin-left: 5px;
}

.sub_checkbox span {
    display: inline-block;
    max-width: 100%;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    background: #0e7fe1;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    padding: 0 12px;
    margin-left: 5px;
    margin-left: 5px;
}

.fill_teacher {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.fill_teacher input {
    width: 94%;
    height: 36px;
    padding: 0 3%;
    border-radius: 6px;
    border: 1px #ccc solid;
    outline: none;
}

.period_modify {
    width: 240px;
    padding: 30px;
}

.period_select {
    width: 100%;
}

.period_select select {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left: 5%;
    margin-top: 10px;
}

.modify_btn {
    margin-top: 10px;
    text-align: center;
}

.modify_btn input {
    width: 110px;
    height: 36px;
    font-size: 15px;
    color: #fff;
    border: none;
    border-radius: 6px;
    background-color: orangered;
}

.English-Chinese, .Chinese-English {
    width: 94%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
}

.English-Chinese label, .Chinese-English label {
    font-size: 16px;
}

#yyh, #hyy {
    position: relative;
    top: 4px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.translate_bm_success {
    width: 94%;
    padding: 10px 0;
    color: orangered;
    margin: 0 auto;
    border-radius: 10px;
}

.tran_upload {
    width: 260px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    border: none;
    outline: none;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    margin-top: 10px;
    background-color: #2061b0;
}

.select_pay p {
    font-weight: bold;
    font-size: 16px;
}

.bm_btn {
    width: 100%;
    text-align: center;
}

.bm_btn input {
    width: 240px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 5px;
    color: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    background-image: linear-gradient(to right, #eb6750, #f3972a);
}

.translate_tips {
    width: 94%;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
}



/*score_main*/
.score_main{
    display: flex;
    padding:10px;
    margin-top: 10px;
    text-align: center;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(168,169,169,0.3);
}
.current_score{
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    background-color: #f68923;
    background-image:linear-gradient(to bottom,#f5b579,#f68923);
}
.current_exam{
    width: calc(100% - 92px);
    padding-left: 10px;
    text-align: left;
}
.exam_info{
    font-size: 16px;
    font-weight: bold;
}
.exam_info span{
    display: block;
}
.exam_operate{
    width: 100%;
    /*text-align: center;*/
}
.exam_operate span{
    display: block;
    width: 100%;
    margin-top: 10px;
    color: dodgerblue;
}
.exam_operate a{
    display: inline-block;
    width: 130px;
    height: 32px;
    color: #fff;
    font-size: 14px;
    margin: 3px 0;
    line-height: 32px;
    border-radius: 6px;
    text-align: center;
    background-color: #d4594e;
}