﻿.l_01_middle { }

    .l_01_middle > div { }

.btn3 { padding: 0.4em 0.8em; }


.title { box-sizing: border-box; padding: 0px 100px; margin-top: 10px; display: flex; align-items: center; }
    .title:before { content: ""; display: block; width: 2px; height: 10px; background-color: var(--PrimaryColor); margin-right: 6px; }
/*-----------------auth------Start-----------*/

.authContainer { box-sizing: border-box; padding: 0px 100px; margin-top: 10px; }
.authItem { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; margin-top: 15px; background-color: #eee; box-sizing: border-box; padding: 20px 30px; border-radius: 4px; }
    .authItem .infoContainer { flex: 1; }
        .authItem .infoContainer .orderInfo { height: 2em; line-height: 2em; }
            .authItem .infoContainer .orderInfo .MusicName { color: var(--PrimaryColor); width: 30%; }
                .authItem .infoContainer .orderInfo .MusicName .LocalMusicName:before { content: "《" }
                .authItem .infoContainer .orderInfo .MusicName .LocalMusicName:after { content: "》" }

            .authItem .infoContainer .orderInfo .EntityName { width: 30%; }
            .authItem .infoContainer .orderInfo[EntityType='个人'] .EntityName:before { content: "姓名：" }
            .authItem .infoContainer .orderInfo[EntityType='企业'] .EntityName:before { content: "企业名称：" }

            .authItem .infoContainer .orderInfo .AuthorizationState { width: 15%; }
            .authItem .infoContainer .orderInfo .CreateTime { width: 20%; }

            .authItem .infoContainer .orderInfo .AuthorizationState:before { content: attr(title)"："; }
            .authItem .infoContainer .orderInfo .CreateTime:before { content: attr(title)"："; }

        .authItem .infoContainer .authInfo { height: 2em; line-height: 2em; }
            .authItem .infoContainer .authInfo .OrderID { }
            .authItem .infoContainer .authInfo .AuthPrice:before { content: attr(title)"：￥"; }
            .authItem .infoContainer .authInfo[EntityType='个人'] .EntityIdentifier:before { content: "身份证：" }
            .authItem .infoContainer .authInfo[EntityType='企业'] .EntityIdentifier:before { content: "统一社会信用代码：" }


            .authItem .infoContainer .authInfo .AuthValidState:before { content: attr(title)"："; }
            .authItem .infoContainer .authInfo .AuthStartTime:before { content: attr(title)"："; }

    .authItem .operation { }
        .authItem .operation .btnFinishInfo { display: none; }
        .authItem .operation .btnGetContract { display: none; }
        .authItem .operation .inprocess { display: none; }
        .authItem .operation[State='信息待完善'] .btnFinishInfo { display: inline-block; }
        .authItem .operation[State='完成'] .btnGetContract { display: inline-block; }

/*-----------------auth------End-----------*/
.loadmore { text-align: center; color: #aaa; cursor: pointer; margin: 20px 0px; }



/*-----------------finishInfoForm------Start-----------*/

.finishInfoForm { }
    .finishInfoForm .btnCloseDialog { }
    .finishInfoForm .btnCommitAuthInfo { }

    .finishInfoForm .titleEntityType[EntityType="1"]:before { content: "个人" }
    .finishInfoForm .titleEntityType[EntityType="2"]:before { content: "企业" }

    .finishInfoForm .EntityName { display: flex; justify-content: space-between; align-items: center; height: 3em; box-sizing: border-box; margin-top: 2em; }
        .finishInfoForm .EntityName:before { content: attr(title)"："; color: #666; }
        .finishInfoForm .EntityName .iptEntityName { flex: 1; height: 100%; padding: 0 1em; outline-color: var(--PrimaryColor); }

    .finishInfoForm .EntityIdentifier { display: flex; justify-content: space-between; align-items: center; height: 3em; box-sizing: border-box; margin-top: 2em; }
        .finishInfoForm .EntityIdentifier:before { content: attr(title)"："; color: #666; }
        .finishInfoForm .EntityIdentifier .iptEntityIdentifier { flex: 1; height: 100%; padding: 0 1em; outline-color: var(--PrimaryColor); }

    .finishInfoForm .EntityPhone { display: flex; justify-content: space-between; align-items: center; height: 3em; box-sizing: border-box; margin-top: 2em; }
        .finishInfoForm .EntityPhone:before { content: attr(title)"："; color: #666; }
        .finishInfoForm .EntityPhone .iptEntityPhone { flex: 1; height: 100%; padding: 0 1em; outline-color: var(--PrimaryColor); }

/*-----------------finishInfoForm------End-----------*/
