/*! 
 * studio-manage.css 
 * https://www.3dwhere.com 
 * vr4u 
 * Date:2024/9/19
 * Modified: 2025/7/16
*/

/* redefine */
:root, [data-bs-theme=light] {
	--tblr-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
a{ transition:all 0.4s ease 0s;}
.rounded{ border-radius:0.375rem !important;}

/* page main*/
body{ background-color:#F3F5FA; font-size:1rem;}

@-webkit-keyframes shine{100%{left:125%; }}
@keyframes shine{100%{left:125%; }}

.page{ margin:0 auto; width:100%;}
@media (min-width:1600px){
	.page{ margin:0 auto; width:80%;}
}
@media (min-width:2000px){
	.page{ margin:0 auto; width:78%;}
}

.page-wrapper{ margin-top:80px; margin-bottom:0;}
.page-wrapper-bg{ padding:0 20px; border-radius:10px; background-color:#fff;}
.page-min-height{ min-height:68vh;}

@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg{ width:12rem;}
    .navbar-expand-lg.navbar-vertical~.navbar, .navbar-expand-lg.navbar-vertical~.page-wrapper{ margin-right:1rem; margin-left:13rem;}
}

.spinner-container{ position:fixed; width:60px; height:60px; background-color:rgba(0, 0, 0, 0.4); display:flex; justify-content:center; align-items:center; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1050;   border-radius:10%; display:none;}

/* colors */
.txt_orange{ color:#F77C14;}
.txt_blue{ color:#4470df;}
.txt_red{ color:#FE0000;}

/* btns &input */
.btn{ --tblr-btn-font-size:1rem; padding-top:0.557rem; padding-bottom:0.557rem;}
.btn-grey{ background-color:var(--tblr-body-bg);}
.btn-tag{ border:none; background-color:var(--tblr-body-bg);}
.btn-tag.active{ background-color:var(--tblr-primary); color:var(--tblr-primary-fg);}


.form-select,
.form-control{ box-shadow:inset 0px 1px 3px rgba(0,0,0,.1); font-size:1rem;}
.input-group .form-input-price{ box-shadow:inset 0px 1px 3px rgba(0,0,0,.1);}


@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ max-width:100%;}
}
@media (min-width:1630px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ width:1610px;}
}
@media (min-width:2040px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ width:2000px;}
}

@font-face{ font-family:'din-bold'; src:url('/loong/webfonts/din-bold.ttf');}
@font-face{ font-family:'din-regular'; src:url('/loong/webfonts/din-regular.ttf');}

/* nav */
.navbar{ --tblr-navbar-padding-y:0; min-height:50px;}
	.navbar-expand-md{ position:fixed; right:0; left:0; top:0; background-color:#06232E; border-color:#080808; box-shadow:0 3px 8px rgb(0,0,0,.5); z-index:9999;}
	.navbar-brand-image{ height:28px; filter:none !important;}
	.dropdown-menu{ border-radius:0 0 5px 5px; --tblr-dropdown-font-size:1rem;}

	/* nav btns */
	.nav-cate-btn,
	.nav-search-img,
	.nav-conv-btn{ padding:0 1rem !important; border-radius:0 !important; line-height:50px; text-shadow:0 1px 1px rgba(0,0,0,.15); color:#FFF; transition:all 0.4s ease 0s;}
	.nav-cate-btn:hover,
	.nav-search-img:hover,
	.nav-conv-btn:hover{ background-color:rgba(255,255,255,.2); color:rgba(255,255,255,1); text-decoration:none;}
		.nav-cate-btn svg,
		.nav-search-img svg,
		.nav-conv-btn svg{ margin-right:.3rem; fill:rgba(255,255,255,1);}

	/* nav cate */
	.nav-cate-li{ position:static;}

	.nav-cate-btn.show,
	.nav-cate-btn:hover,
	.nav-cate-li:hover .nav-cate-btn{ background-color:rgba(255,255,255,.2); text-decoration:none; color:#FFF;}

		.dropdown-menu-cate{ top:100%; left:0; right:0; margin:0; padding:0; width:100%; border:none; border-radius:0; background-color:#FFF; box-shadow:0 2px 10px rgb(0,0,0,.6); --tblr-dropdown-spacer:0;}
		.nav-cate-li:hover .dropdown-menu-cate{ display:block;}
		.dropdown-menu-cate a{ color:#2a6496;}

		/* dropmenu-cate */
		.col-cate-p1,
		.col-cate-p2{ flex-grow:4;}
		.col-cate-p3{ flex-grow:4;}
		.cate-menu-tit{ margin-bottom:.5rem; font-size:1.25rem; font-weight:normal;}
			.cate-menu-tit a{ display:flex; line-height:normal; width:auto; color:#333;}
			.cate-menu-tit a:hover{ color:#333;}
			.cate-menu-tit svg{ margin-right:.3rem; fill:#333;}

		.format-list{}
			/*.format-list-content{ margin:0; padding:0;}
			.format-list-content li{ float:left; margin:0; padding:10px 7px 0; width:50%; box-sizing:border-box; list-style:none;}*/
			.format-list-wrapper a{ display:block; width:100%; border-radius:5px; background-color:#E4EDF0; text-align:center;}
			.format-list-wrapper a:hover{ background-color:#CEE1E6; text-decoration:none;}

		.cate-list{ padding:20px 0 0;}
			.cate-list-content a{ display:inline-block; width:25%; line-height:2; text-align:center;}

		.cate-types{ margin:0 -2%; padding:0;}


			/* 频道大按钮 导航、首页共用 */
			.btn_channel{ padding:20px; border-top:solid 2px rgb(255,255,255,.8); border-bottom:solid 3px rgb(0,0,0,.12); background-color:#E4EDF0; box-shadow:0 6px 8px -3px rgb(0,0,0,.1); transition:all 0.2s,background-color 0.2s;}
				.btn_channel h2{ margin:0 0 5px; font-size:1.25rem; font-weight:normal; color:#405c69;}
				.btn_channel span{ margin:0; color:#797979;}

				.btn_ch_mall .btn_channel_ico{ color:var(--3dwhere-orange-color);}
				.btn_ch_kit .btn_channel_ico{ color:#CA8F56;}
				.btn_ch_3d .btn_channel_ico{ color:#536680;}
				.btn_ch_scan .btn_channel_ico{ color:#3E679F;}
				.channel_movi .btn_channel_ico{ color:#547784;}

			.btn_ch_open{ background-color:#2184DB;}
				.btn_ch_open h2{ color:rgba(255,255,255,1);}
				.btn_ch_open span{ color:rgba(255,255,255,.8);}

			.btn_channel:hover{ text-decoration:none; border-top-color:rgb(255,255,255,1); box-shadow:inset 0 2px 5px rgb(255,255,255,.3), 0px 20px 28px -10px rgb(0,0,0,.2);}
			.btn_channel:focus{ text-decoration:none;}
				.btn_channel:hover h2{ color:rgba(255,255,255,.9);}
				.btn_channel:hover span{ color:rgba(255,255,255,.6);}

			.btn_ch_mall:hover{ background-color:var(--3dwhere-orange-hover-color); color:rgba(255,255,255,.9);}
			.btn_ch_kit:hover{ background-color:#CA8F56; color:rgba(255,255,255,.9);}
			.btn_ch_3d:hover{ background-color:#536680; color:rgba(255,255,255,.9);}
			.btn_ch_scan:hover{ background-color:#3E679F; color:rgba(255,255,255,.9);}
			.channel_movi:hover{ background-color:#547784; color:rgba(255,255,255,.9);}
			.btn_ch_open:hover{ background-color:#1F78C6; color:rgba(255,255,255,.9);}
				.btn_ch_open:hover h2{ color:rgba(255,255,255,1);}
				.btn_ch_open:hover span{ color:rgba(255,255,255,.8);}
				.btn_channel:hover .btn_channel_ico{ color:#FFF;}

			/* 按频道 导航频道按钮 */	
			.cate-types .btn_channel{ border:none; box-shadow:none; transition:all 0.2s,background-color 0.2s;}
			.cate-types .btn_ch_mall{ background-color:#FF9B50;}
			.cate-types .btn_ch_mall:hover{ background-color:#F09646;}
			.cate-types .btn_ch_mall .btn_channel_ico{ color:rgba(255,255,255,.8);}
			.cate-types .btn_ch_mall h2{ color:rgba(255,255,255,.9);}
			.cate-types .btn_ch_mall span{ color:rgba(255,255,255,.6);}

		@media (min-width:992px){
			.format-list{ }
				/*.format-list-content{ padding:0 40px 0 0;}
				.format-list-content li{ padding:10px 15px 0 0;}*/
			.cate-list{ padding:20px 0 40px;}
				.cate-list-content a{ text-align:left;}
			.cate-mall{ padding:30px 0 40px 0px;}
				.channel_mall_big{ height:325px;}
					.channel_mall_big h2{ padding:160px 0 0 0; background-position:center 60px;}
			.cate-types{ margin:0; padding:20px 0 40px 0px;}
				.channel_blk,
				.channel_service{ margin:15px 0 0 0; width:100%;}
		}

	/* bar search */
	.bar-search{ margin:0 auto; width:40%;}
		.bar-search-content{ position:relative; padding-right:45px; width:100%; height:36px; /*box-sizing:content-box;*/}
			.bar-search-keywords{ display:block; width:100%; height:36px; border:solid 1px #DDD; background:rgba(255,255,255,.8); border-radius:20px 0 0 20px; line-height:36px; box-shadow:inset 0 2px 7px rgb(0,0,0,.1); text-indent:10px; transition:all 0.2s ease 0s; color:#555; outline:none;}
			.bar-search-keywords:focus{ background-color:#FFF; background-color:rgba(255,255,255,1); box-shadow:inset 0 2px 7px rgb(0,0,0,.2);}

			.bar-search-submit{ position:absolute; top:0; right:0; width:45px; height:36px; border-radius:0 20px 20px 0; border:solid 1px #DDD; background-color:rgba(255,255,255,.85); color:#555;}
			.bar-search-submit:hover{ background-color:rgba(255,255,255,.9);}

			.bar-search-content .by-image{ position:absolute; right:45px; top:0; display:flex; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center; color:rgba(0,0,0,.3); align-items:center; justify-content:center; transition:all 0.4s ease 0s;}
			.bar-search-content .by-image:hover{ color:rgba(0,0,0,.8);}
	
	@media (min-width:768px){
			.bar-search-keywords{ border:none;}
			.bar-search-submit{ border:none;}
	}

	/* vip */
	.navbar .navbar-nav .nav-vip-btn{ margin-right:1rem; padding:6px 12px; border-radius:20px; border:solid 2px rgba(255, 255, 255, .2); color:rgba(255,155,85,1); transition:all 0.4s ease 0s; font-weight:bold; overflow:hidden;}
	.navbar .navbar-nav .nav-vip-btn:hover{ border:solid 2px rgba(255,155,85,1); color:rgba(255,155,85,1); background-color:rgba(255,255,255,.1);}
		.nav-vip-btn svg{ margin-right:.3rem; fill:rgba(255,155,85,1);}

	.navbar .nav-vip-item .nav-vip-btn:after{ content:""; position:absolute; top:0; left:-75%; z-index:2; display:block; width:50%; height:100%; background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.5))); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); -webkit-transform:skewX(-25deg); -khtml-transform:skewX(-25deg); transform:skewX(-25deg);}
	.navbar .nav-vip-item:hover .nav-vip-btn:after{ -webkit-animation:shine 500ms; animation:shine 500ms;}

	/* nav user */
	.user-state-vip{ position:absolute; left:11px; bottom:5px; padding-left:15px; width:34px; height:12px; line-height:12px; border-radius:11px; background:rgba(255,155,85,1) url('/images/ico_vip_white.svg') 3px center no-repeat; background-size:10px auto; color:#FFF; font-size:10px; overflow:hidden; z-index:999;}

	.user-info-btn{ padding:10px 15px; border-radius:0 !important; text-shadow:0 1px 1px rgba(0,0,0,.15); color:#FFF; transition:all 0.4s ease 0s;}
	.user-info-btn.show,
	.user-info-btn:hover,
	.user-info-li:hover .user-info-btn{ background-color:rgba(255,255,255,.2); text-decoration:none; color:#FFF;}
		.dropdown-menu-user{ top:100%; left:0; right:auto; padding:20px; width:272px; background-color:#FFF; --tblr-dropdown-spacer:0;}
		.user-info-li:hover .dropdown-menu-user{ display:block;}
		.user-face{ width:30px; height:30px; margin-right:6px; border-radius:50%;}
		
		/* dropmenu-user */
		.menu-user-info{ display:flex; padding:0 2px 15px; flex-direction:row; justify-content:space-between; align-items:center;}
			.menu-user-info strong{ color:#333;}
			.menu-user-info span{ color:#797979;}

		.menu-user-bevip{ display:flex; padding:10px; border-radius:5px; background:rgba(230,230,240,.6); flex-direction:row; justify-content:space-between; align-items:center; transition:all 0.4s ease 0s;}
		.menu-user-bevip:hover{ background:rgba(230,230,240,1); text-decoration:none; text-shadow:none;}
			.menu-user-bevip span{}
				.menu-user-bevip span i{  display:block; font-style:normal;}
				.menu-user-bevip span .sp-tit{ color:#E2AE43;}
				.menu-user-bevip span .sp-txt{ font-size:12px; color:#797979;}
			.menu-user-bevip strong{ width:60px; line-height:30px; border-radius:5px; background:#E2AE43; text-align:center; color:#FFF;}

		.menu-user-myvip{ display:flex; padding:10px; border-radius:5px; background:rgba(255,155,85,1); /*background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#F9AE00), color-stop(80%,#E4EDF0)); background:-webkit-linear-gradient(left top, #F9AE00 0%, #E4EDF0 80%);*/ flex-direction:row; justify-content:space-between; align-items:center; transition:all 0.4s ease 0s;}
		.menu-user-myvip:hover{ background:rgba(255,155,85,.8); text-decoration:none; text-shadow:none;}
			.menu-user-myvip span{}
				.menu-user-myvip span i{  display:block; font-style:normal;}
				.menu-user-myvip span .sp-tit{ color:#FFF;}
				.menu-user-myvip span .sp-txt{ font-size:12px; color:#FFF;}
			.menu-user-myvip strong{ width:60px; line-height:30px; border-radius:5px; background:none; text-align:center; color:#FFF;}

		.menu-user-item{ margin:10px 0 0; padding:0;}
		.menu-user-item > li{ list-style:none;}
		.menu-user-item > li > a{ display:flex; padding:8px 5px; border-radius:5px; clear:both; font-weight:normal; line-height:1.42857143; color:#61666D; white-space:nowrap;}
		.menu-user-item > li > a:hover,
		.menu-user-item > li > a:focus{ color:#555; background-color:#e7e7e7; text-decoration:none;}
		.menu-user-item > li > a svg{ margin-right:.8rem;}

		.dropdown-menu .divider { height:1px; margin:10px 0; overflow:hidden; background-color:#e5e5e5;}


	/* nav message */
	.nav-message-btn{ padding:0 1.2rem !important; border-radius:0 !important; line-height:50px; text-shadow:0 1px 1px rgba(0,0,0,.15); color:#FFF; transition:all 0.4s ease 0s;}
	.nav-message-btn:hover{ background-color:rgba(255,255,255,.2); text-decoration:none;}
		.nav-message-btn svg{ margin-right:.3rem; fill:rgba(255,255,255,1);}
	.navbar .navbar-nav .nav-link .badge{ position:absolute; top:1.2rem; right:.5rem; border-radius:50%; color:#FFF;}

	/* nav upload */
	.navbar-nav > ul > .upload-work{ padding:15px;}
	.navbar .navbar-nav .upload-work-btn{ margin-left:25px; padding:8px 15px; min-height:36px; border-radius:4px; background-color:rgba(255,155,85,1); text-shadow:0 1px 1px rgba(0,0,0,.15); color:#FFF; transition:all 0.4s ease 0s;}
	.navbar .navbar-nav .upload-work-btn:hover{ background-color:rgba(255,135,55,1); text-decoration:none;}
		.upload-work-btn svg{ margin-right:.3rem; fill:rgba(255,255,255,1);}


/* sidebar */
.navbar-vertical.navbar-expand-lg{ left:auto; top:80px;}
	.nav-side-title{ font-size:1.6rem; font-weight:normal;}
	.icon-siderbar{ stroke-width:2;}
	.nav-link-icon{ color:rgba(0,0,0,.6);}
	.nav-link-title{  font-weight:600;}
	.dropdown-toggle:after { width:.48em; height:.48em; border-width:2px;}

/* pages */
.page-link{ padding:0.5625rem 1rem; font-size:1rem; background-color:#f8f9fa; border:1px solid #dee2e6; border-radius:3px; color:#343a40; margin-right:10px;}
	
	/* index */
	.page-index .container-xl{ padding-left:0; padding-right:0;}
	.page-index .card{ border-radius:10px;}
	.page-index .card-body{ padding:30px;}
	.page-index .card-title{ font-weight:bold;}


	.index-myvip strong{ color:#E2AE43;}

	.menu-user-myvip{ display:flex; padding:10px; border-radius:5px; background:rgba(255,155,85,1); /*background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#F9AE00), color-stop(80%,#E4EDF0)); background:-webkit-linear-gradient(left top, #F9AE00 0%, #E4EDF0 80%);*/ flex-direction:row; justify-content:space-between; align-items:center; transition:all 0.4s ease 0s;}
	.menu-user-myvip:hover{ background:rgba(255,155,85,.8); text-decoration:none; text-shadow:none;}
		.menu-user-myvip span{}
			.menu-user-myvip span i{  display:block; font-style:normal;}
			.menu-user-myvip span .sp-tit{ color:#FFF;}
			.menu-user-myvip span .sp-txt{ font-size:12px; color:#FFF;}
		.menu-user-myvip strong{ width:60px; line-height:30px; border-radius:5px; background:none; text-align:center; color:#FFF;}
	
	.index-card .card-title{ font-size:1.5rem; font-weight:bold; font-family:'din-regular', "Segoe UI", "Lucida Grande", Helvetica, Arial; color:rgba(255,155,85,1);}

	.sys-notice{ height:200px; overflow-y:scroll;}



	/* list table */
	.markdown>table thead th, .table thead th{ font-size:.875rem; font-weight:normal;}
	.card-table tr td:first-child,
	.card-table tr th:first-child{ padding-left:0.75rem;}
	.card-table tr.selected td{ background-color:#F0F1F3;}
	.model-download-info{ font-size:.875rem;}
	.img-fluid{ border-radius:4px;}
	.btn-upload{ background-color:rgba(255,155,85,1);}
	.btn-upload:hover{ background-color:rgba(255,135,55,1);}
		.btn-upload svg{ margin-right:.3rem; fill:rgba(255,255,255,1);}

	/* edit */
	.form-switch{ padding-left:3rem; max-width:200px;}
	.form-switch .form-check-input{ margin-left:-3rem;}
	.form-check .form-check-label{ display:inline-block;}
	.model-img{ width:90px; aspect-ratio:4/3; object-fit:cover;}
	.form-input-price{ padding:.2rem .75rem; max-width:80px; font-size:1rem;}

	/* sort */
	.sortable-tbody tr{ cursor:move;}
	.sortable-tbody tr:hover td{ background-color:rgba(0,0,0,.02);}

	.table-active{ border:dashed 2px rgba(66,99,235,.7); background-color:rgba(66,99,235,.1);}
	.sortable-dragging{ background-color:rgba(66,99,235,.6);  box-shadow:0 4px 8px rgba(0, 0, 0, 1);}

	/* h5 upload */
	.up-setprice-title{ padding:.6rem 0 0; text-align:center;}
	.up-setprice-block{ padding:.6rem 0;}

	.up_tb{ margin-top:10px; width:100%; border-collapse:collapse;}
	.up_tb th,.up_tb td{ padding:15px 0; word-break:break-all; line-height:1.5;}
	.up_tb .td_name{ padding-bottom:0; width:100px; /*text-align:center; */ line-height:32px; vertical-align:top;}
	.up_tb .td_cls{ padding-bottom:0; width:260px; text-align:left; vertical-align:top;}
	.td_cls .slc{ width:160px;}
	.up_tb .td_dwn{ text-align:left; vertical-align:top;}
	.up_tb label{ float:left; margin-right:20px; height:30px; line-height:30px; clear:both;}
	.up_tb label span{ color:#888;}
	.up_tb label .lb_rdo{ float:left;}
	.up_tb .td_limit label{ clear:none;}

	.mdown_price{ float:left; margin-right:20px; height:30px; line-height:30px; clear:both;}
	.mdown_price .ipt{ width:50px; height:30px; line-height:30px;}
	.mdown_price span{ float:left;}
	.mdown_price em, .mdown_price i{ float:left; margin-left:10px;}
	.mdown_price i{ font-style:normal; color:#797979;}

	.up_tb .td_upbtn{ border-top:solid 1px rgba(0,0,0,.1);}
	.up_tb .td_uplst{ padding:0;}

	.stream-browse-files{ position:relative; float:left; margin:0 15px 0 0; padding:0; width:130px; height:42px; line-height:42px; border:none; border-radius:4px; background-color:var(--tblr-primary); text-align:center; cursor:pointer; overflow:hidden; color:#FFF; transition:all .3s ease 0s; font-size:1rem;}
	.stream-browse-files:hover{ background-color:rgba(var(--tblr-primary-rgb), .8); transition:all .3s ease 0s;}
	.stream-browse-stp{ float:right; margin:0; padding:0 10px; width:auto; border:none; background-color:white; color:#14647d;}
	.stream-browse-stp:hover{ background-color:rgba(0,0,0,.08);}
	.stream-browse-drag-files-area{ /*border:2px dashed #555; padding:10px 0; border-radius:7px; text-align:center; margin:10px 0; cursor:pointer; */}.stream-disable-browser{ color:#909090;}
	.stream-files-scroll{ height:450px; overflow:auto;}
		.stream-files-scroll ul{ margin:0; padding:0;}
		.stream-files-scroll li{ margin:0; list-style:none;}


	.stream-cell-file{ cursor:default; position:relative; zoom:1; padding:15px 20px 15px 20px; border-bottom-width:1px; border-bottom-style:dotted; border-color:#ccc;}
	.stream-cell-file:hover{ background-color:rgba(0,0,0,.01);}
	.stream-cell-file .stream-cell-infos:before, .stream-cell-file .stream-cell-infos:after{ clear:both; content:"."; font-size:0; display:block; height:0; overflow:hidden; visibility:hidden;}
	.stream-cell-file .stream-file-name{ width:100%; overflow:hidden; text-overflow:ellipsis;}
	.stream-cell-file .stream-process{ zoom:1; overflow:hidden;}
	.stream-cell-file .stream-cancel{ margin-right:5px; float:right;}
	.stream-cell-file .stream-process-bar,.stream-cell-file .stream-percent{ float:left; margin-right:10px;}
	.stream-cell-file .stream-process-bar{ margin-top:7px; width:80%; border-radius:3px;}
	.stream-process-bar{ position:relative; /*border:1px solid #ccc; background:#fff; */  width:55px; height:8px; border-radius:3px; background:rgba(0,0,0,.04); box-shadow:inset 0 1px 3px rgba(0,0,0,.2); overflow:hidden;}
	.stream-process-bar span{ position:absolute; left:0; top:0; height:8px; border-radius:3px; /*border:1px solid #fff; */ font-size:0; background-position:0 -149px; background-repeat:repeat-x; background-color:rgba(255,135,55,1); background:-webkit-gradient(linear, left top, right top, from(#FFA564), to(#FF8737)); background:linear-gradient(left, #FFA564 0%, #FF8737 100%); box-shadow:inset 0 -2px 3px rgba(0,0,0,.1);}
	.stream-process-bar, .stream-process-bar span{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; box-sizing:border-box;}
	.stream-cell-file .stream-cell-infos{ zoom:1; color:#7D7D7D;}
	.stream-cell-file .stream-cell-infos .stream-cell-info{ width:27%;}
	.stream-cell-file .stream-cell-infos span{ float:left; margin-right:8px;}
	.stream-cell-file .stream-cell-infos em{ font-style:normal;}
	.stream-total-tips .stream-process-bar{ width:200px; margin-top:-1px;}
	.stream-process-bar, .stream-uploading-ico{ -moz-box-align:center; display:inline-block; vertical-align:middle; zoom:1;}
	.stream-total-tips{ border:1px solid #ccc; border-width:1px 0 0; padding:12px 15px; position:relative; zoom:1; background-color:#FFFFE1; color:#565656;}
	.stream-main-upload-box{ width:100%; border:solid 2px #FFAA71; border-radius:4px; background-color:#FFF; clear:both; overflow:hidden;}
	.stream-uploading-ico{ left:11px; position:absolute; top:11px; height:18px; width:18px;}
	.stream-disabled{ cursor:not-allowed; pointer-events:none; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; color:#909090;}

	.up_btm{ float:right; padding-top:15px;}
	.up_btm button{ margin:0; padding:0; border:none; background:none;}
	.upload_tips{ margin-top:20px; padding:20px 20px 20px 34px; border:solid 1px #DDD; border-radius:3px;}
	.upload_tips:hover{}.upload_tips li{ list-style:disc; line-height:1.8; color:#797979;}
	.upload_tips kbd{ background:#EEE; color:#333;}
	.upload_tips .mark,.upload_tips mark{ padding:.1em; }
	
	/* conv*/
	.form-selectgroup-label{ font-size:1rem;}
	.form-selectgroup-input:checked + .form-selectgroup-label{ font-weight:bold;}

	/* comment */
	.comment-content{ display:inline-block; border-radius:4px; border:solid 1px rgba(0, 0, 0, .2); background-color:rgba(255, 170, 110, .1); color:rgba(0, 0, 0, .9);}
		.comment-content span{ display:inline-block;}
	.comment-from{ font-size:.875rem; color:rgba(0, 0, 0, .4);}

	/* pay */
	.count-span strong{ font-size:1.2rem; font-weight:bold; font-family:'din-regular', "Segoe UI", "Lucida Grande", Helvetica, Arial; color:rgba(255,155,85,1);}

	/* pswd */
	.phone-number{ width:200px; border-radius:4px 0 0 4px;}
	.phone-send-sms{ border-radius:0 4px 4px 0;}

	/* auth */
	.seller-auth-step{ position:relative;}
	.seller-auth-step::before{ position:absolute; top:0; bottom:0; content:""; border-left:solid 1px #DDD;}
		.auth-item{ padding-left:1.25rem;}
		.auth-item::before{ position:absolute; top:6px; left:-6px; content:""; width:12px; height:12px; border-radius:6px; background-color:#DDD;}
		.auth-item-first{ top:6px;}
		.auth-pass{ padding-left:2.5rem;}
		.auth-verifying{ color:#ff9b55;}
		.auth-content{ padding-left:2.5rem;}

	.seller-auth-ok{ position:relative;}
	.seller-auth-ok::before{ position:absolute; top:0; bottom:0; content:""; border-left:solid 1px #2fb344;}
	.seller-auth-ok .auth-item::before{ background-color:#2fb344;}
	.seller-auth-ok .auth-pass{ color:#2fb344;}

	.seller-auth-step-first::before{ top:10px;}



/* footer */
footer .container-xl{ padding:0;}