@charset "UTF-8";
/*------- Author: Tyler Chao===tylerchao.sh@gmail.com -------*/
html { background: #f2f2f2; height:100%; }

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, button, figure { margin: 0; }

ul, ol, menu { list-style: none; margin: 0; padding: 0; }

body {font-family:"Microsoft YaHei","PingFang SC","Arial"; font-size:14px; line-height:1.5; color:#444; font-weight:400; height:100%;
}
a {text-decoration: none; color: #333; transition:.3s; -webkit-transition:.3s;}
a:hover { color: #941f25;}


blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, a img, iframe { border: 0 none; }

address, em, i { font-style: normal; }

abbr, acronym { font-variant: normal; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0; }

:active { outline: 0 none; }


input, select, button, textarea { font-size: 100%; font-family: inherit; }

button { *overflow: visible; }

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner { border: 0 none; padding: 0; }

::-webkit-input-placeholder { color: #999999; }

::-moz-placeholder { color: #999999; }

:-moz-placeholder { color: #999999; }

:-ms-input-placeholder { color: #999999; }

.placeholder { color: #999999; }



@font-face { font-family: iconfonts; src: url("../fonts/iconfonts.eot"); src: url("../fonts/iconfonts.eot?#ie9") format("embedded-opentype"), url("../fonts/iconfonts.woff") format("woff"), url("../fonts/iconfonts.ttf") format("truetype"), url("../fonts/iconfonts.svg#webfontMFqI76bT") format("svg"); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: iconfonts; content: attr(data-icon); speak: none; }

/*.icon-arrow:before { content: "\21";
}*/
.icon, .data-icon-before { font-family: iconfonts, sans-serif; }

.f-icon { font-family: Arial, sans-serif; }

.icon-success { color: #508524; }

.icon-warning { color: #FEBF0F; }

.pageview { margin: 10px 0; text-align: right; line-height: 20px; font-size: 12px; letter-spacing: -3px; }
.pageview .flip { border: 1px solid #DDDDDD; color: #666666; padding: 1px 8px; display: inline-block; vertical-align: middle; margin-left: 5px; width: auto; letter-spacing: 0; }
.pageview .ico { font-size: 16px; font-weight: bold; }
.pageview .over { color: #CCCCCC; cursor: not-allowed; background-color: #F3F3F3; }
.pageview .over .ico { color: #CCCCCC; }
.pageview .prev, .pageview .next { padding: 0 5px; }
.pageview a.flip:hover, .pageview .active { background-color: #666666; border-color: #666666; color: #FFFFFF; }
.pageview .active { font-weight: bold; }
.pageview .ellipsis { margin-left: 5px; letter-spacing: 0; }

.mini-pageview { text-align: right; line-height: 18px; }
.mini-pageview .flip { border: 1px solid #DDDDDD; color: #3a68cb; background: #F9F9F9; padding: 1px 5px; display: inline-block; margin-left: 1px; width: auto; }
.mini-pageview .over { color: #CCCCCC; cursor: not-allowed; }
.mini-pageview .over .icon { color: #CCCCCC; }
.mini-pageview .active { color: #3a68cb; font-weight: 700; border-color: #3a68cb; background-color: #c0d9fe; }
.gallery-sortbar .mini-pageview { float: right; margin-right: 10px; padding-top: 10px; }
.groupbuy-sortbar .mini-pageview { float: right; margin-right: 5px; padding-top: 4px; }
.groupbuy-sortbar .mini-pageview .flip { margin-left: 5px; }

.label-alert { display: inline-block; background-color: #D80808; padding-left: 5px; padding-right: 5px; line-height: 1.33333; color: #FFFFFF; }

.label-important { display: inline-block; background-color: #AF1C07; width: 16px; height: 16px; text-align: center; line-height: 1.33333; font-weight: 400; color: #FFFFFF; }

.label-disabled { display: inline-block; background-color: #AAAAAA; padding-left: 5px; padding-right: 5px; margin-left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; line-height: 1.33333; color: #FFFFFF; }

/*------- buttons -------*/
button { margin: 0; white-space: nowrap; cursor: pointer; }

.btn { border: 0 none; background:#941f25; color:#fff; height:44px; display:block; border-radius:4px;}
.signin .btn-big {flex-grow:1; margin-top:10px;}
.btn36 {height:36px; line-height:36px; display:block; padding:0 18px;}

.btn32 {height:32px; line-height:32px; display:block; padding:0 18px;}
.btn_sm {background:#ddd !important; color:#333 !important;}



input, select, textarea, button, textarea {box-sizing: border-box; font-family:"Microsoft YaHei","PingFang SC","Arial"; font-size:14px; line-height:1.5; color:#444; border:1px solid #ccc; border-radius:4px; padding:0 10px; outline:0;}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus { border-color: #A9A9A9; }


input, select { line-height:30px; height:32px; }

input[type=checkbox], input[type=radio] { height: 14px; }

select { line-height: 25px; }

.placeholder { position: absolute; left: 4px; top: 6px; z-index: 2; }


.mask { position: absolute; z-index: 100000; left: 0; top: 0; background-color: #333333; opacity: 0.7; filter: alpha(opacity=70); width: 100%; height: 100%; }

.cover { position: absolute; z-index: 100000; left: 0; top: 0; background-color: #FFFFFF; opacity: 0.7; filter: alpha(opacity=70); width: 100%; height: 100%; text-align: center; color: #FFFFFF; }

.mini-mask { position: absolute; z-index: 100000; left: 0; top: 0; opacity: 0.7; filter: alpha(opacity=70); width: 100%; height: 100%; text-align: center; color: #000000; line-height: 11em; }
.mini-mask .mask-loading { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; background: #CCCCCC url(../images/loader.gif) no-repeat center; display: inline-block; width: 70px; height: 70px; }

.no_data {text-align:center !important; color:#999; padding:20px !important;}

.message-error { position:fixed !important; left:50% !important; top:50%; -webkit-transform:translateY(-50%) translateX(-50%) !important;  transform:translateY(-50%) translateX(-50%) !important; z-index: 99999; }
.message-error:focus { outline: 0 none; }
.message-error .icon { color: #e44d10; }

.message-success {position:fixed !important; left:50% !important; top:50%; -webkit-transform:translateY(-50%) translateX(-50%) !important;  transform:translateY(-50%) translateX(-50%) !important; z-index: 99999; z-index: 99999; }
.message-success:focus { outline: 0 none; }
.message-success .icon { color: #508524;  display:none !important;}

.message-body { background:rgba(0,0,0,0.85); max-width: 202px; padding: 30px 50px; color: #fff; border-radius:8px;}
.message-body .icon { font-size: 30px; float: left; line-height: 30px; display:none;}
.message-body .message-content {line-height: 22px; }

.message { display: inline-block; position: absolute; background-color: #FFDEAC; padding: 0 8px; line-height: 22px; color: #333333; font-size: 12px; }
.message:focus { outline: 0 none; }

.error { color: #941f25; }
.error .icon { color: #B14C49; }

.success { color: #888888; }
.success .icon { color: #81A363; }

.alert-tip { background-color: #FFFCE7; border: 1px solid #E7C96D; line-height: 25px; color: #666666; display: inline-block; padding: 0 5px; font-size: 85.71429%; }
.alert-tip .icon { color: #FEBE00; margin-right: 6px; }

.error-tip { background-color: #FFF7F3; border: 1px solid #D7A0A0; line-height: 25px; color: #AB4D49; display: inline-block; padding: 0 5px; }
.error-tip .icon { margin-right: 6px; }

.xtips-inline { background-color: #FFAD35; display: inline-block; }
.xtips-inline .arr, .xtips-inline .arr2 { display: none; }
.xtips-inline .icon { margin-right: 5px; }
.xtips-inline .xtips-content { line-height: 24px; padding: 0 8px; color: #FFFFFF; }

.caution-inline { background-color: #FFAD35; display: inline-block; }
.caution-inline .arr, .caution-inline .arr2 { display: none; }
.caution-inline .icon { font-size: 16px; margin-left: 8px; margin-right: 5px; vertical-align: -2px; color: #FFFFFF; }
.caution-inline .caution-content { line-height: 24px; padding-right: 8px; color: #FFFFFF; }

.notice { display: block; line-height: 140%; }
.notice .icon { margin-right: 5px; vertical-align: middle; }

.notice-inline { vertical-align: middle; }
.notice-inline .icon { display:none;}

.fav-loading { color: #999999; }

.fav-success { color: #4CAF1E; }
.fav-success .icon { font-size: 14px; }

/* 日历组件 */
.datepicker { z-index: 262130; position: absolute; top: -999em; left: -999em; visibility: hidden; }

.datepicker-content { *width: 226px; }
.datepicker-content table { background-color: #FFFFFF; padding: 0; border-spacing: 0; border-collapse: collapse; border: 2px solid #444444; width: 100%; }
.datepicker-content caption { color: #FFFFFF; background-color: #444444; line-height: 30px; text-align: center; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.datepicker-content caption a { cursor: pointer; color: #DDDDDD; text-decoration: none; font: 18px Arial sans-serif; padding-left: 5px; padding-right: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.datepicker-content caption .month { padding-left: 8px; }
.datepicker-content caption .year { padding-right: 8px; }
.datepicker-content caption .name { font-size: 13px; }
.datepicker-content th, .datepicker-content td { cursor: default; font-size: 12px; height: 30px; width: 32px; text-align: center; }
.datepicker-content th { background-color: #f5f5f5; border: 0 none; color: #888888; }
.datepicker-content td { border: 1px solid #e6e6e6; }
.datepicker-content .active { background-color: #FFFFFF; cursor: pointer; }
.datepicker-content .inactive { background-color: #FCFCFC; color: #BBBBBB; }
.datepicker-content .today { background-color: #FFFFDD; }
.datepicker-content .active:hover, .datepicker-content .current { background-color: #0074CC; color: #FFFFFF; }

.datetable .datepicker-content { *width: 326px; }
.datetable .datepicker-content th, .datetable .datepicker-content td { width: 46px; }
.datetable .datepicker-content .period { width: 90px; }

/*------ mod基本模块 ------*/
.text-justify { text-align: justify; text-justify: distribute-all-lines; -webkit-text-align-last: justify; -moz-text-align-last: justify; -ms-text-align-last: justify; text-align-last: justify; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .text-justify:after { content: "\200B"; display: inline-block; width: 100%; overflow: hidden; height: 0; } }


.mod { border: 1px solid #CCCCCC; }

.mod-title { background-color: #EFEFEF; }
.mod-title h2 { font-size: 116.66667%; }

/*------ form表单相关 ------*/
.form-item { overflow: hidden; }
.form-item .verify-code { vertical-align: middle; }
.form-item .auto-change-verify-handle { cursor: pointer; line-height:32px; min-width:70px; text-align:center; color:#941f25;}

.form-item-action { margin-top: 20px; }

.form-item-last { margin-bottom: 0; }

.form-label { text-align: right; float: left; width: 5.2em; line-height: 2.1em; min-height: 1em; _height: 1em; }


* + html .form-act { zoom: 1; }

.form-act-side { margin-right: 190px; }

.form-act textarea, .form-act-wide textarea, .form-act-side textarea { -webkit-resize: vertical; -moz-resize: vertical; resize: vertical; width: 99%; display: block; }

/*------ passport ------*/
.signupin-tags { border-bottom: 2px solid #636363; padding-top: 20px; padding-left: 20px; }
.signupin-tags ul, .signupin-tags .anonym-buy { float: left; line-height: 33px; }
.signupin-tags li { float: left; background-color: #EEEEEE; margin-right: 10px; font-size: 133.33333%; }
.signupin-tags li a { display: block; padding-left: 18px; padding-right: 18px; color: #666666; }
.signupin-tags li.active { background-color: #666666; }
.signupin-tags li.active a { color: #FFFFFF; font-weight: bold; }
.signupin-tags .anonym-buy a { margin-left: 5px; }

.signupin-content .alert-tip, .signupin-content .error-tip { width: 286px; }
.signupin-content .form-item {padding-bottom:20px;}
.signupin-content .form-item-normal { overflow: hidden; font-size: 116.66667%; }
.signupin-content .form-label {overflow: hidden; }
.signupin-content .x-input {padding:0px 15px;  height:42px; line-height:40px;  flex-grow:1; text-align:center;}
.signupin-content .x-check, .signupin-content .x-select { height: 32px; }
.signupin-content .calendar { width: 268px; padding-left: 24px; }
.signupin-content .notice-inline {line-height:20px; white-space: nowrap; font-size: 12px; }
.signupin-content .action-verifycode .notice-inline {position:absolute; left:0; top:43px;}

.trust-signin { border-top: 1px dotted #CCCCCC; overflow: hidden; padding: 15px 0; text-align: center; }

.signin { width: 340px; background-color: #FFFFFF; padding:0 30px 35px 30px; border-radius:8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); position:absolute; left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}
.sign-title {font-size:22px; font-weight:bold; color:#000; text-align:center; padding:25px 0 20px 0;}
.signin .form-label { display: none; }
.signin .form-act {display:flex; flex-direction: column;}
.signin .need-signup { overflow: hidden; padding: 10px 20px; background-color: #efefef; }
.signin .need-signup h3 { float: left; color: #E73E31; font: 14px/25px 'Microsoft Yahei'; }
.signin .need-signup .btn-simple { float: right; }

.signup { border: 2px solid #CCCCCC; }
.signup .form-label { width: 145px; }
.signup .form-act { margin-left: 148px; *margin-left: 0; }

.action-verifycode {}
.action-verifycode .form-act {border:1px solid #ccc; align-items:center; height:42px; flex-direction:row; position:relative;}
.action-verifycode .form-act .x-input {border:none; height:32px; line-height:30px;}
.sigin_tips {text-align:center; color:#999; font-size:12px; padding-top:15px;}


.signup-article { float: left; width: 630px; }

.signup-aside { margin-left: 655px; padding: 40px 20px 170px 25px; border-left: 1px dotted #CCCCCC; }
.signup-aside .descrip { font-size: 14px; line-height: 40px; }

.signup-success { padding-left: 120px; padding-top: 60px; padding-bottom: 60px; }
.signup-success .icon { font-size: 70px; color: #6CA334; float: left; line-height: 70px; }
.signup-success .descrip { font-size: 14px; color: #333333; margin-left: 90px; }
.signup-success p { margin-bottom: 20px; }
.signup-success .tips-controls { padding: 30px 0; }
.signup-success .tips-controls .btn-caution { margin-left: 10px; }
.signup-success .alert-tip { padding: 5px 10px; color: #333333; margin-bottom: 20px; }
.signup-success .alert-tip em { display: block; color: red; }

.redirection-alert { margin-top: 15px; color: #999999; }
.redirection-alert i { color: #FE4C00; margin-left: 3px; margin-right: 3px; }



/*公共样式*/
.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #fff;
    position:fixed; left:0; top:0; right:0; z-index:100;
}

.user_head .user_info {display:flex; align-items:center; position:absolute; top:9px; left:15px; z-index:10;}
.user_info span{border:1px solid #941f25; border-radius:4px; color:#941f25; width:72px; text-align:center; line-height:30px; display:block; cursor:pointer;}
.user_info span a {color:#941f25; display:block;}

.head_btn {border:1px solid #941f25; border-radius:4px; color:#941f25; width:72px; text-align:center; line-height:30px; display:block; cursor:pointer; margin-left:12px;}

.header .back_icon {
    width: 22px;
    height: 22px;
    cursor: pointer;
    display:block;
    background:url(back.png) no-repeat; background-size:cover;
}


.header h2 {
    flex-grow:1;
    text-align:center;
    font-size:20px; color:#000;
    height:30px; overflow:hidden; line-height:30px;
    padding-right:11px;
}



.header_h {height:50px; overflow:hidden; width:100%;}
.footer_h {height:49px; overflow:hidden; width:100%;}

.footer {
    position: fixed;
    bottom: 0;
    left: 0; right:0; z-index:100;
    width: 100%;
    display: flex;
    justify-content: space-around;
    background-color: white;
    padding:5px 0;
    border-top:1px solid #ddd;
}
.footer ul {display:flex; align-items:center; justify-content:space-around; width:100%;}
.footer li {width:15%; text-align:center;}
.footer li a {display:block;}
.footer li i {display:block; width:22px; height:22px; margin:0 auto;}
.footer li span {display:block; height:16px; overflow:hidden; line-height:16px;}
.footer li.tab1 i {background:url(icon1.png) no-repeat; background-size:cover;}
.footer li.tab2 i {background:url(icon2.png) no-repeat; background-size:cover;}
.footer li.tab1.on i {background:url(icon1_on.png) no-repeat; background-size:cover;}
.footer li.tab2.on i {background:url(icon2_on.png) no-repeat; background-size:cover;}
.footer li.on a {color:#941f25;}


/* 搜索栏样式 */
.search-box {display: flex; justify-content:space-between; padding:12px 20px;}
.search-bar {
    background-color: white;
    padding:0 0 0 20px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    width:70%;
    display: flex; align-items:center;
}

.search-bar input {
    flex-grow: 1;
    border: none !important;
    border-radius:0 !important;
    padding:0 20px 0 0 !important;
}

.search-bar button {
    border: none;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}


/* 表格样式 */
.table-container {
padding:0 20px;
}

.table_1 {
    width: 100%;
    border-collapse: collapse;
    border-radius:10px 10px 0 0;
    overflow:hidden; background:#fff;
}

.table_1 thead {background:#717171; color:#fff; border-radius:10px 10px 0 0;}
.table_1 thead th {text-align: left; padding: 8px 10px;}

.table_1 tbody tr {border-bottom:1px solid #ddd;}
.table_1 tbody tr:last-child {border:none;}
.table_1 td {
    padding:12px 10px;
    text-align: left;
}
.table_1 .btn32 {color:#fff; display:inline-block !important; padding:0 13px !important;}


/* 弹出层样式 */
.popup {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.popup-content {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 400px;
    position:absolute;
    left:50%; top:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%)
}

.size_show .popup-content {width:550px;}

.popup_tit {display:flex; align-items:center; justify-content:space-between}
.popup_tit h3 {font-size:16px; font-weight:bold;}
.popup_tit h3 em{font-size:14px; color:#999; font-weight:normal; padding-left:5px;}

.popup-content .btn {width:100%; margin-top:20px;}

#result{color:#d52222; font-size:14px; text-align:center; padding-top:5px;}




.close-popup {
    min-width:18px;
    height:18px; width:18px; border-radius:3px; background:#b2b2b2; color:#fff; transition:.2s; font-size:14px; text-align:center; line-height:17px;
    cursor: pointer;
}
.close-popup:hover {background:#111;}
.popup-ul {padding:15px 0 0 0;}
.popup-ul li {display:flex; align-items:center; background:#f8f8f8; border:1px solid #ddd; border-radius:4px; padding:5px 0; margin-bottom:12px;}
.popup-ul li label {min-width:80px; border-right:1px solid #ccc; padding:0 15px; margin-right:5px;}
.popup-ul li input, .popup-ul li select {background:none; border:none; flex-grow:1;}
.popup-ul li em {color:#d52222;}
.popup-ul li select {margin-right:10px;}

.fz_cat  {display:flex; align-items:center; padding:3px 0 5px 0;}
.fz_cat h2 {font-size:14px; font-weight:normal;}
.fz_cat label {display:flex; align-items:center; padding:0 10px;}
.fz_cat label input {margin-right:5px;}
.fz_cat em {color:#d52222; display:inline-block; width:10px; text-align:center; overflow:hidden; vertical-align:middle;}


    /*录入数据详情页*/
/* 头部信息样式 */
.header-info {
    background-color: #fff;
    padding: 15px 15px 15px 65px;
    margin-top: 15px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    position:relative;
}

.header-info .back_icon {
    width: 32px;
    height: 32px;
    cursor: pointer;
    display:block; position:absolute; left:15px; top:50px;
    border-radius:50%;
    background:rgba(0,0,0,0.5) url(back.png) no-repeat; background-size:18px; background-position:6px 6px;
}



.header-info h2 {
    margin: 0;
    font-size:28px; color:#000; padding-bottom:8px;
}

.header-info p {
    font-size: 14px; color:#999; line-height:24px;
}
.header-info p span {padding-right:25px;}

/* 量体数据样式 */
.measurement-data {
    background-color: #fff;
    padding: 15px;
    margin-top: 15px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.sgtz {display:flex; align-items:center; padding:0 0 5px 45px;}
.sgtz li {display:flex; align-items:center; padding:5px 0; font-size:15px;}
.sgtz li input {text-align:center; width:64px; font-size:15px;}
.sgtz li span {min-width:92px; text-align:right; padding-right:8px;  color:#000; font-weight:bold;}


.lt_div {display:flex; padding:5px 0;}
.lt_div h2 {font-size:16px; font-weight:bold; line-height:32px; min-width:45px; padding-top:5px; color:#000;}
.lt_div ul {display:flex; align-items:center; flex-wrap:wrap;}
.lt_div li {display:flex; align-items:center; padding:5px 0;}
.lt_div li label {min-width:92px; text-align:right; padding-right:8px; font-size:16px; font-weight:bold;}
.lt_div li input {text-align:center; width:64px; font-size:15px;}
.lt_div li label em {color:#d52222;}


    /* 成衣规格样式 */
.garment-spec {
    background-color: #fff;
    padding:5px 5px;
    margin-top: 15px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
}

.garment-item {
    width: calc(33.33% - 30px);
    margin: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
}

.garment-item h3 {
    margin: 0 0 10px;
}

.garment-item button {
    background-color: #f0ad4e;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}

.garment-item table {
    width: 100%;
    border-collapse: collapse;
}

.garment-item table td {
    padding: 5px 0;
}

.garment-item table input {
    width: 30px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/* 特体选择样式 */
.special-body {
    background-color: #fff;
    padding: 15px;
    margin-top: 15px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.special-body h1 {font-size:16px; font-weight:bold;}
.special-body ul {padding:10px 0 0 0;}
.special-body li {display:flex; align-items:center; padding:2px 0;}
.special-body li span {min-width:72px; line-height:36px; padding-top:8px;}
.special-body li .ttz {flex-grow:1; display:flex; flex-wrap: wrap;}

.special-body li label {
    margin:8px 10px 0 0;
    padding: 0 15px;
    border-radius: 4px;
    height:36px; line-height:36px;
    cursor: pointer;
    background:#eee;
}

.special-body li label.selected {
    background-color: #D9534E;
    color: white;}

.ttbz {width:60%; height:80px; display:block; margin-top:15px; padding-top:8px; padding-bottom:8px;}

/* 提交区域样式 */
.lt_details {padding:0 15px 81px 15px;}

.submit-area {
    background-color: #fff;
    padding:10px 15px;
    border-top:1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content:space-between;
    position:fixed; left:0; right:0; z-index:100; bottom:0;
}
.submit_box {display: flex;  align-items: center;}

.submit-area label {
    display: flex;  align-items: center; cursor:pointer;
}
.submit-area label input {margin-right:6px;}

.submit-area button {
    padding: 10px 40px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}
.submit-area button.btn_ys {background-color: #d9534f; margin-right:15px;}


/* 服装信息板块 */

.garment_ul {width:50%; padding:10px; box-sizing:border-box;}
.garment_li {
    padding:15px;
    border-radius: 8px;
    width:100%;
    background:#f3f3f3;
    border:1px solid #ddd;
    box-sizing:border-box;
}

.type_name {display:flex; align-items:center; justify-content:space-between; padding-bottom:15px;}
.type_name h1 {font-size:16px; min-width:64px;}
.type_name h2 {font-size:16px; flex-grow:1; margin-left:20px; text-align:right; line-height:20px; height:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.garment-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.garment-header span {
    font-weight: bold;
    min-width:45px;
}
.garment-header input {flex-grow:1;}
.change-btn {
    min-width:60px;
    margin-left:10px;
}

.remark {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.remark span {
    font-weight: bold;
    min-width:45px;
}
.remark input {flex-grow:1;}



/* 尺寸表格 */
.size-table {
    width: 100%;
    border-collapse: collapse;
}

.size-table li {display:flex; align-items:center; padding:6px 0; justify-content: space-between;}
.size-table li .left1, .size-table li .right1 {display:flex; align-items:center;}
.size-table li .left1 span {min-width:64px; font-weight:bold;}
.size-table li .right1 span {min-width:18px; height:18px; width:18px; border:none; padding:0; border-radius:50%; background:#b2b2b2; color:#fff; transition:.2s;text-align:center; line-height:16px; font-size:16px; cursor:pointer}
.size-table li .right1 span:hover {background:#111;}
.size-table li .right1 input {min-width:85px; width:85px; text-align:center; margin:0 8px;}
.size-table li .left1 input, .size-table li .end input {min-width:85px; width:85px; text-align:center;}
.size-table li .final-size {height:32px; border-radius:4px; border:1px solid #ccc; text-align:center; line-height:32px; min-width:85px; width:85px; font-weight:bold; font-size:16px;}

.size-tip {display:flex; align-items:center; justify-content:space-between;}
.size-tip span {flex-grow:1;}
.size-tip span:nth-child(1){padding-left:79px;}
.size-tip span:nth-child(2){text-align:center;}
.size-tip span:nth-child(3){padding-right:14px; text-align:right;}



.size_list {display:flex; align-items:center; flex-wrap:wrap; margin-top:15px; max-height:400px; overflow-y:auto;}
.size_list .size-option {
    margin: 5px;
    width:100px;
    height:36px;
    line-height:36px; text-align:center;
    background:#eee;
    border-radius: 3px;
    cursor: pointer;
}


.size-option.selected {
    background-color: #d9534f;
    color: white;
    border-color: #d9534f;
}

.save-button {
    width: 100%;
}


.project-list {
    padding:5px 20px 15px 20px;
}

.project-item {
    background:#fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-top: 12px;
    padding: 15px;
    cursor: pointer;
    display:flex; align-items:center;
}
.project-item .btn {line-height:44px; min-width:100px; text-align:center; margin-left:12px;}
.project-item a.btn {color:#fff;}
.project-item .btn.btn_sm {line-height:44px; min-width:128px;  text-align:center;}
.project-info {flex-grow:1;}

.project-item h3 {
    font-size:18px; font-weight:bold; color:#000;
}

.project-item p {
    padding-top:2px;
    font-size: 14px; color:#8c8c8c;
}
.project-item p span {padding-right:25px;}



/* 内容区域 */
.gk_content {
    padding: 20px;
}

/* 信息板块 */
.info-section {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

.info-section h3 {
    padding: 10px 15px;
    border-bottom: 1px solid #e0e0e0;
}

.info-section h4 {
    padding: 15px 15px 0 15px;
}
.info-section .size_bz {
    padding: 5px 15px 0 15px; color:#8c8c8c;
}

.info-3 {display:flex; align-items:center; flex-wrap:wrap; padding:15px 0;}

.info-3 .info-item {
    padding: 2px 15px; width:33.3333%; box-sizing:border-box;
    display: flex;
}

.info_p {padding:15px;}

.info-5 {display:flex; align-items:center; flex-wrap:wrap; padding:15px 0; margin:0 15px; border-bottom:1px solid #e0e0e0;}

.info-5 .info-item {
    padding: 2px 0; width:20%; box-sizing:border-box;
    display: flex;
}

/* 图片展示 */
.photo-container {
    padding:10px 5px;
    display: flex;
    flex-wrap: wrap;
}

.photo-item {
    width:150px; padding:10px;
}

.photo-item img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow:hidden;
}



/* 图片上传弹层样式 */
.upload-popup {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.upload-popup-content input[type="file"] {
    margin-bottom: 10px;
}
.upload-container {
    background-color: white;
    padding: 20px;
    width: 500px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    left:50%; top:50%;
    position:absolute;
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%)
}

.upload_box {overflow:hidden; padding:20px 0 10px 0;}

.upload_img {width:100px; height:100px; position:relative; overflow:hidden; float:left; margin:0 10px 10px 0;}
.upload_img input[type=file] {width:100px; height:100px; overflow:hidden; border:none; position:absolute; left:0; top:0; z-index:10; opacity:0; cursor:pointer;}
.upload_img .upload_bg {display:block; width:100px; height:100px; overflow:hidden; background:#f2f2f2 url("upload.png") no-repeat; background-position:center; background-size:60px; border-radius:6px;}

.upload-container h2 {
    margin-top: 0;
}


.preview-image {
    width: 100px;
    height: 100px;
    border-radius:5px;
    margin:0 10px 10px 0;
    position: relative;
    overflow:hidden;
    float:left;
}
.preview-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.delete-btn {
    position: absolute;
    top:0px;
    right:0px;
    background:rgba(0,0,0,0.75);
    color: white;
    border: none;
    border-radius: 5px;
    width:18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size:12px;
    padding:0;
}

.add-customer-btn {background:#D9534E !important;}

.form-group {
    position: relative; /* 为输入框容器添加定位上下文 */
    margin-bottom: 20px;
}
input[type="text"] {
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}
.suggestion-box {
    position: absolute;
    top: 100%; /* 基于父容器定位 */
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 10;
    display: none;
    margin-top: 5px; /* 微调间距，让提示框更贴近输入框 */
}
.suggestion-item {
    padding: 8px;
    cursor: pointer;
}
.suggestion-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}