/* User Apply Start */
#user-apply { margin: 35px auto 60px auto;}
    .user-apply { border: solid 1px #dadcdd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
    .user-apply .titles { position: relative; font-size: 22px; font-weight: 700; text-align: center; padding: 30px 0; background: #C00000; color: #FFF; /* border-bottom: solid 1px #dadcdd;*/}
    .user-apply .titles span.no { position: absolute; top: 30px; right: 20px; font-weight: normal; font-size: 16px;}
    .user-apply .titles span.no label { color: #fd4344; font-weight: normal;}
    .user-apply .titles .style { position: absolute; left: 0; top: 0; font-size: 15px; background: #fd4344; color: #FFF; padding: 5px 20px; -moz-border-radius: 2px 0 2px 0; -webkit-border-radius: 2px 0 2px 0; border-radius: 2px 0 2px 0;}
    .user-apply .titles .style select { border: none; color: #fd4344; background: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}


    .user-apply .contacts { }

    .user-apply .notices { }
    .user-apply .notices .heads { border-bottom: solid 1px #dadcdd; background: #f8cbad; padding: 10px 20px; font-size: 17px; font-weight: 700;}
    .user-apply .notices .contents { padding: 10px 20px; position: relative;}
    .user-apply .notices .contents .owners { margin-top: 50px; margin-bottom: 20px;}

    .user-apply .notices .contents .owners .sign { display: inline-block; position: relative; overflow: hidden; margin-top: 10px;}
    .user-apply .notices .contents .owners .sign img { max-height: 22px;}
    .user-apply .notices .contents .owners .sign .tips { position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; color: #FFF; text-align: center; background: rgba(0,0,0,0.63); transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
    .user-apply .notices .contents .owners .sign .multiPartUpload { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
    .user-apply .notices .contents .owners .sign:hover .tips { bottom: 0;}


    .user-apply .notices .contents .chapters { position: absolute; right: 50px; bottom: 20px;}
    .user-apply .notices .contents .chapters img { max-width: 120px;}

    .user-apply .regs { border-top: solid 1px #dadcdd;}
    .user-apply .regs .heads { border-bottom: solid 1px #dadcdd; padding: 10px 20px; font-size: 17px; font-weight: 700;}
    .user-apply .regs .forms select { border: none; width: 100%;}

    .user-apply .signs { padding: 20px; font-size: 16px; font-weight: 700; border-bottom: solid 1px #dadcdd;}
    .user-apply .signs ul li { float: left; width: 33.333333%;}

    .user-apply .auditeds { }
    .user-apply .auditeds .heads { border-bottom: solid 1px #dadcdd; background: #f8cbad; padding: 10px 20px; font-size: 17px; font-weight: 700;}

    .user-apply .promises { }
    .user-apply .promises .heads { border-bottom: solid 1px #dadcdd; background: #f8cbad; padding: 10px 20px; font-size: 17px; font-weight: 700;}
    .user-apply .promises .contents { padding: 10px 20px;}
    .user-apply .promises .contents .owners .sign { display: inline-block; position: relative; overflow: hidden; margin-top: 10px;}
    .user-apply .promises .contents .owners .sign img { max-height: 22px;}
    .user-apply .promises .contents .owners .sign .tips { position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; color: #FFF; text-align: center; background: rgba(0,0,0,0.63); transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
    .user-apply .promises .contents .owners .sign .multiPartUpload { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
    .user-apply .promises .contents .owners .sign:hover .tips { bottom: 0;}



    .user-apply .undertakes { font-size: 20px; font-weight: 700; text-align: right; padding: 20px; border-top: solid 1px #dadcdd; border-bottom: solid 1px #dadcdd;}

    .user-apply .purposes { }
    .user-apply .purposes .heads { border-bottom: solid 1px #dadcdd; background: #f8cbad; padding: 10px 20px; font-size: 17px; font-weight: 700;}
    .user-apply .purposes .contents { padding: 10px 20px;}

    .user-apply .senioritys { }
    .user-apply .senioritys .heads { border-bottom: solid 1px #dadcdd; background: #f8cbad; padding: 10px 20px; font-size: 17px; font-weight: 700;}
    .user-apply .senioritys .contents { padding: 10px 20px;}

    .user-apply .identifys { }
    .user-apply .identifys .heads { border-bottom: solid 1px #dadcdd; background: #f8cbad; padding: 10px 20px; font-size: 17px; font-weight: 700;}
    .user-apply .identifys .contents { padding: 10px 20px;}

    .user-apply .submits { width: 160px; text-align: center; position: fixed; bottom: 5px; left: calc(50% - 80px);}
    .user-apply .submits button { width: 100%; outline: 0; border: none; background-color: #ea4335; color: #FFF; overflow: hidden; font-weight: 700; font-size: 17px; line-height: 1; display: block; position: relative; letter-spacing: 5px; padding: 12px 0; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    .user-apply .submits button:before {content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);-webkit-animation: wave 1.3s infinite;animation: wave 1.3s infinite;z-index: 1;}
/* User Apply End */

.print-submits { width: 160px; text-align: center; position: fixed; bottom: 5px; left: calc(50% - 80px);}
    .print-submits button { width: 100%; outline: 0; border: none; background-color: #ea4335; color: #FFF; overflow: hidden; font-weight: 700; font-size: 17px; line-height: 1; display: block; position: relative; letter-spacing: 5px; padding: 12px 0; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    .print-submits button:before {content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);-webkit-animation: wave 1.3s infinite;animation: wave 1.3s infinite;z-index: 1;}


/* User Frame Start */
#user-frame { margin: 30px 0;}
    .user-frame { }
    .user-frame .side-left { float: left; width: 300px;}
    .user-frame .side-right { float: right; width: calc(100% - 320px);}
/* User Frame End */

/* User Overview Start */
.user-overview { position: relative; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .user-overview .heads { width: 300px; float: left; background: #f4ca3a; padding-top: 30px;}
    .user-overview .heads .avatar { text-align: center;}
    .user-overview .heads .avatar i { position: relative; display: inline-block; overflow: hidden; border: 4px solid #FFF; width: 100px; height: 100px; margin: 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
    .user-overview .heads .avatar .text { position: absolute; bottom: -100%; left: 0; width: 100px; text-align: center; height: 26px; line-height: 24px; background: rgba(255,255,255,0.83); font-style: normal; font-size: 12px;  transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
    .user-overview .heads .avatar i .multiPartUpload { cursor: pointer; position: absolute; top: 0; left: 0; width: 100px; height: 100px; opacity: 0;}
    .user-overview .heads .avatar:hover .text { bottom: 0;}

    .user-overview .heads .names { color: #232331; font-weight: 700; text-align: center; margin-bottom: 20px;}
    .user-overview .heads .levels { background: #232331; color: #f4ca3a; display: block; height: 42px; line-height: 42px; text-align: center;}
    .user-overview .infos { width: calc(100% - 300px); float: right; padding: 15px 30px;}

    .user-overview .infos .parm { margin-top: 30px;}
    .user-overview .infos .parm ul li { float: left; width: 25.000000%;}
    .user-overview .infos .parm ul li h2 { font-size: 28px; font-family: 'Geometric415BT-BlackA'; color: #333; margin-bottom: 8px;}
    .user-overview .infos .parm ul li h3 { color: #333; font-size: 14px; font-weight: lighter;}
    .user-overview .infos .parm ul li h3 a.label { margin-left: 8px;}

    .user-overview .infos .user-info { display: none;}

    .user-overview .agreement { width: 98px; text-align: center; position: absolute; right: 0; bottom: 0; background: #eee; line-height: 1; padding: 6px 20px; -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;}
    .user-overview .agreement a { color: #666;}

    .user-overview .signing { width: 98px; text-align: center; position: absolute; right: 0; top: 0; background: #4285f4; line-height: 1; padding: 6px 20px; -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px;}
    .user-overview .signing a { color: #FFF;}
/* User Overview End */

.address-city-picker { position: relative;}
    .address-city-picker .city-picker-span { padding-left: 10px; border: 1px solid #ccc; border-radius: 4px;}

.apply-city-picker { position: relative;}
    .apply-city-picker .city-picker-span { border-bottom:solid 1px #a5a5a5;}

    .panel-body .tab-content { padding: 5px 0 15px 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}


/* Floor Overview Start */
.floor-overview { margin-top: 30px;}
    .floor-overview .listing { margin-top: 15px;}
/* Floor Overview End */

/* Signing Month Start */
ul.signing-month { border-top: solid 1px #EDEDED; border-left: solid 1px #EDEDED; margin: 0 15px;}
    ul.signing-month li { font-size: 13px; float: left; width: 14.285714%; height: 90px; border-right: solid 1px #EDEDED; border-bottom: solid 1px #EDEDED; text-align: center;}

    ul.signing-month li.week { background: #4285f4; color: #FFF; height: 32px; line-height: 32px; font-weight: 700;}
    ul.signing-month li.day { padding-top: 10px;}

    ul.signing-month li i.integral { position: relative; width: 26px; height: 26px; line-height: 32px; display: block; margin: 0 auto; font-style: normal; background: #d3e3fd; color: #041e49; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
    ul.signing-month li i.integral span.plus { position: absolute; left: calc(50% - 6px); top: -3px; width: 12px; height: 12px; text-align: center; line-height: 12px; background: #d3e3fd; color: #041e49; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

    ul.signing-month li .click { background: #ea4335; color: #FFF; line-height: 1; font-size: 12px; padding: 5px 10px; display: block; border: none; margin: 5px auto 0 auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    ul.signing-month li .click.disable { background: #EEE; color: #333;}
    ul.signing-month li .click.signed { background: #974578; color: #FFF;}
    ul.signing-month li .click.unopened { background: #1a73e8; color: #FFF;}

    ul.signing-month li .date { display: block; border: none; margin: 0 auto;}
/* Signing Month End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){

}

/* <1500的设备 */
@media screen and (max-width: 1500px){

}

/* <1440的设备 */
@media screen and (max-width: 1440px){


}

/* <1366的设备 */
@media screen and (max-width: 1366px){

}

/* <1200的设备 */
@media screen and (max-width: 1200px){

}

/* <991的设备 */
@media screen and (max-width: 991px){

    /* User Apply Start */
    #user-apply { margin-top: 20px;}
    #user-apply .container { padding-left: 0; padding-right: 0;}
    .user-apply .titles { position: static; font-size: 18px; padding-top: 15px; padding-bottom: 15px;}
    .user-apply .titles span.no { display: block; position: static;}

    .user-apply .notices .heads { padding: 5px 10px;}
    .user-apply .notices .contents { padding: 5px 10px;}

    .user-apply .regs .heads { padding: 5px 5px; font-size: 13px;}
    .user-apply .regs .forms .table>thead>tr>th { padding-right: 2px;}

    .user-apply .regs .forms .table > thead > tr > th, .user-apply .regs .forms .table > tbody > tr > th, .user-apply .regs .forms .table > tfoot > tr > th, .user-apply .regs .forms .table > thead > tr > td, .user-apply .regs .forms .table > tbody > tr > td, .user-apply .regs .forms .table > tfoot > tr > td { padding: 3px;}



    .user-apply .auditeds .heads { padding: 5px 10px;}

    .user-apply .promises .heads { padding: 5px 10px;}
    .user-apply .promises .contents { padding: 5px 10px;}

    .user-apply .undertakes { font-size: 17px; padding: 10px;}

    .user-apply .purposes .heads { padding: 5px 10px;}
    .user-apply .purposes .contents { padding: 5px 10px;}

    .user-apply .senioritys .heads { padding: 5px 10px;}
    .user-apply .senioritys .contents { padding: 5px 10px;}

    .user-apply .identifys .heads { padding: 5px 10px;}
    .user-apply .identifys .contents { padding: 5px 10px;}
    /* User Apply End */

    /* User Frame Start */
    #user-frame { margin: 20px 0;}
    .user-frame .side-left { display: none;}
    .user-frame .side-right { float: none; width: 100%;}
    /* User Frame End */

    /* User Overview Start */
    .user-overview .heads { display: none; width: 100%; float: none; padding-top: 10px;}
    .user-overview .heads .names { margin-bottom: 5px;}
    .user-overview .infos { width: 100%; float: none; padding: 10px 10px 25px 10px;}
    .user-overview .infos .parm { margin-top: 10px;}
    .user-overview .infos .parm ul li { float: left; width: 25.000000%; margin-bottom: 10px;}
    .user-overview .infos .parm ul li h2 { font-size: 16px; }

    .user-overview .agreement { width: 100px; text-align: center; position: absolute; right: 0; bottom: 0; background: #eee; line-height: 1; padding: 3px 15px; -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;}
    .user-overview .agreement a { color: #666;}

    .user-overview .signing { width: 90px; text-align: center; position: absolute; right: 0; top: 0; background: rgba(234,67,53,1); line-height: 1; padding: 3px 15px; -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px;}
    .user-overview .signing a { color: #FFF;}


    .user-overview .infos .user-info { display: block; position: relative; background:rgba(255,255,255,0.93); border-top: 1px solid #e6e6e6;}
    .user-overview .infos .user-info .items { padding: 5px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
    .user-overview .infos .user-info .items:nth-child(2n) { background:rgba(249,249,249,0.63);}

    .user-overview .infos .user-info .items .frames { display: inline-block; width: calc(100% - 71px);}
    .user-overview .infos .user-info .items .kfs { float: right;}
    .user-overview .infos .user-info .items .wechats { float: left; cursor: pointer; position: relative;}
    .user-overview .infos .user-info .items .wechats>a { margin-right: 8px;}
    .user-overview .infos .user-info .items .wechats i { margin-right: 2px; color: rgba(151,69,120,1);}
    .user-overview .infos .user-info .items .wechats .drop-down { position: absolute; left: 0; bottom: 100%; visibility: hidden; background: #FFF; z-index: 9999999999999999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.08); -moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.08); box-shadow:0 3px 8px 0 rgba(0,0,0,0.08); behavior: url(ie-css3.htc); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .user-overview .infos .user-info .items .wechats .drop-down.qrcode { width: 200px; height: 240px; font-size: 14px; text-align: center; right: -15px;}
    .user-overview .infos .user-info .items .wechats .drop-down.qrcode img { display: block; width: 140px; height: 140px; margin:0 auto;}
    .user-overview .infos .user-info .items .wechats .drop-down.qrcode b { display: block; line-height: 1; padding: 25px 0 5px 0; color: #333;}
    .user-overview .infos .user-info .items .wechats .drop-down.qrcode p { line-height: 24px; color: #333;}
    .user-overview .infos .user-info .items .wechats .drop-down.qrcode p span { color: rgba(151,69,120,1);}
    .user-overview .infos .user-info .items .wechats:hover .drop-down { visibility: visible;}
    .user-overview .infos .user-info .items label { font-weight: 700; display: inline-block; float: left;}

    .user-overview .infos .parm ul li h3 { font-weight: normal;}
    /* User Overview End */

    .apply-city-picker { position: static;}

    /* Floor Overview Start */
    .floor-overview .listing { overflow-x: auto; width: 100%;}
    /* Floor Overview End */

    /* User Apply Start */
    .user-apply .signs ul li { float: none; width: 100.000000%;}
    /* User Apply End */

}

/* <767的设备 */
@media screen and (max-width: 767px){

}

/* <450的设备 */
@media screen and (max-width: 450px){

}