html, body { margin: 0; padding: 0; }

html { overflow: auto; }

input::-ms-clear { display: none; }

.container { width: auto; }

.container-other { width: auto; padding: 0 15px; }

.headerwrap { width: 1000px; margin: auto; }

.contentwrap { width: 960px; margin: auto; padding: 10px 0; }

.text-red { color: #df2905; }

.text-grey { color: #6e6e6e; }

.textarea-wrap, .input-wrap { padding: 0 7px; }

.textarea-wrap textarea { margin: 0 -7px; width: 100%; height: 80px; }

.input-wrap input { margin: 0 -7px; width: 100%; }

hr.dashed { border-top-style: dashed; }

.graylink { color: #999999; }
.graylink a:hover { color: #999999; text-decoration: underline; }

.ml92 { margin-left: 92px !important; }

.m92 { margin: 15px 92px 0 92px; }

.p0 { padding: 0; }

.mb0 { margin-bottom: 0; }

.ml0 { margin-left: 0; }

.ml { margin-left: 10px !important; }

.mb10 { margin-bottom: 10px; }

.nodata-content { margin: 135px 0; text-align: center; padding-top: 140px; background: url("../../images/ico-nodata.png") no-repeat top; font-size: 18px; color: #999; line-height: 1.5; }

.form-content { padding: 15px 0 0; margin-bottom: 15px; }

.title-bar { position: relative; padding: 1px 0px; }

.title-bar-right { float: right; margin: 10px 125px 0 0; }
.title-bar-right a { color: #333; }

.title-bar-side { position: absolute; right: 15px; top: 5px; z-index: 999; }
.title-bar-side .search-bar { position: relative; }
.title-bar-side .search-bar input { width: 60px; padding-right: 28px; padding-left: 8px; -webkit-transition: width .4s; -moz-transition: width .4s; -ms-transition: width .4s; -o-transition: width .4s; transition: width .4s; }
.title-bar-side .search-bar button { position: absolute; right: 0; top: 0; background: none; height: 28px; border: 0; width: 28px; outline: none; }
.title-bar-side .search-bar input.focused { width: 200px; }

.search-content { display: none; position: absolute; z-index: 999; top: 33px; right: 0; background: #fff; border: 1px solid #ddd; padding: 10px; min-width: 216px; }

.content-top, .content-foot { overflow: hidden; }

/*tips*/
.tips-wrap { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.tips-wrap .tips { position: absolute; margin-right: 15px; }

.tips-dropdown { position: relative; }
.tips-dropdown .dropdown-content { display: none; position: absolute; z-index: 99; left: -1px; top: 26px; white-space: nowrap; }
.tips-dropdown .dropdown-content .tips { margin-bottom: 0; }
.tips-dropdown:hover { z-index: 99; }
.tips-dropdown:hover .dropdown-content { display: block; }

.section-title { margin: 18px 0; color: #999; }
.section-title span { display: inline-block; background: #fff; padding-right: 10px; }
.section-title s { display: block; height: 1px; background: #e7e7e7; margin-top: -8px; }

.inp-file { position: absolute; left: 0; top: 0; font-size: 9999px; width: 100%; height: 100%; cursor: pointer; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }

.file-btn { display: inline-block; *display: inline; *zoom: 1; position: relative; overflow: hidden; vertical-align: middle; }

/*steps*/
.orderstatus { margin-top: 10px; }

.steps { padding-left: 30px; *zoom: 1; cursor: default; }
.steps:after { content: ""; display: block; height: 0; clear: both; }
.steps li { float: left; padding: 0 40px; position: relative; text-align: center; }

.stepline { position: absolute; left: 0; top: 17px; width: 100%; height: 2px; background: #d8d8d8; }

.stepind { position: relative; height: 38px; text-align: center; line-height: 38px; min-width: 28px; padding: 0 5px; font-size: 18px; color: #fff; background: #d8d8d8; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; white-space: nowrap; }

.stepname { width: 110px; margin: 10px -36px 0; }

.steps .step-active .stepline { background: #ef4941; }

.step-active .stepind { background-color: #ef4941; }

.steps .step-first { padding-left: 0; }
.steps .step-last { padding-right: 0; }

.steps-small li { padding: 0 20px; }
.steps-small .stepname { width: 64px; margin: 5px -13px 0; }
.steps-small .stepind { font-size: 12px; }

.orderstatus .toolbar { margin: 10px 0 20px; }

.status-info { font-size: 14px; font-weight: bold; }
.status-info em { color: #f75539; }

.steps-pl0 { padding-left: 0; }

/*table*/
.table caption { text-align: left; padding: 0 9px; line-height: 38px; font-size: 14px; font-weight: bold; background: #fafafa; border: 1px solid #ededed; border-bottom: 0; }
.table caption span { padding: 0 10px; }
.table caption .button { float: right; margin-top: 4px; }
.table .aling-center th { text-align: center; }
.table .aling-center td { text-align: center; }
.table strong { font-size: 16px; }
.table .textarea-control { margin: -9px; }

.table2 { width: 100%; margin-bottom: 9px; border-spacing: 0; }
.table2 td, .table2 th { border: 1px solid #ededed; padding: 9px; }
.table2 thead tr { background: #fafafa; }
.table2 thead td { font-size: 14px; font-weight: bold; }
.table2 tbody th { width: 100px; background: #fafafa; text-align: left; }

.datatb { width: 100%; margin-bottom: 8px; border: 1px solid #eee; }
.datatb th { padding: 0 10px; height: 38px; background: #f7f7f7; text-align: center; font-weight: normal; }
.datatb td { text-align: center; padding: 10px; line-height: 22px; border: solid #eee; border-width: 1px 0 0 1px; -ms-word-break: break-all; word-break: break-all; word-wrap: break-word; }
.datatb td:first-child { border-left: 0; }
.datatb th.tal, .datatb td.tal { text-align: left; }
.datatb th.tar, .datatb td.tar { text-align: right; }

.datatb-ht td { border-width: 1px; }

.prd-cell { overflow: hidden; }
.prd-cell .prdimg { float: left; }
.prd-cell .prdinfo { margin-left: 90px; max-height: 80px; overflow: hidden; line-height: 20px; }
.prd-cell .name { max-height: 60px; overflow: hidden; }
.prd-cell .spec { color: #999; }

.prdimg { position: relative; border: 1px solid #ccc; width: 80px; height: 80px; }
.prdimg img { width: 100%; height: 100%; }

/*textarea-control*/
.textarea-control { height: 98px; overflow: auto; }
.textarea-control .text-row { padding: 0 9px; border-bottom: 1px dashed #efefef; }
.textarea-control .text-row input { width: 100%; padding: 0 9px; margin: 0 -9px; border: 0; height: 30px; outline: none; }
.textarea-control .text-row input:focus { background: #efefef; }

.table-info { margin: 0 0 10px; border: 1px solid #ededed; border-collapse: collapse; table-layout: fixed; }
.table-info caption { position: relative; background: #fafafa; border-bottom: 1px solid #ededed; margin-bottom: -2px; color: #424242; font-weight: bold; font-size: 14px; }
.table-info tbody th { background: #fafafa; width: 118px; font-weight: normal; text-align: center; border: 0; border-left: 1px solid #ededed; border-top: 1px dashed #dadada; }
.table-info tbody td { border: 0; border-left: 1px solid #ededed; border-top: 1px dashed #dadada; }

.thead-toolbar { height: 38px; margin-top: -38px; text-align: right; font-size: 12px; }
.thead-toolbar a { color: #424242; font-weight: normal; }

/*select*/
.dropdown { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; position: relative; width: 148px; border: 1px solid #e0e0e0; cursor: pointer; background: #fff; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.dropdown div, .dropdown li, .dropdown div::after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.dropdown .selected::after, .dropdown.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; }
.dropdown.open { z-index: 2; }
.dropdown.focus { border-color: #3d92e9; -webkit-box-shadow: 0 0 4px rgba(51, 102, 204, 0.3); -moz-box-shadow: 0 0 4px rgba(51, 102, 204, 0.3); box-shadow: 0 0 4px rgba(51, 102, 204, 0.3); }
.dropdown .carat { position: absolute; right: 12px; top: 50%; margin-top: -2px; border: 5px dashed transparent; border-top: 5px solid #696969; }
.dropdown.open .carat { margin-top: -8px; border-top: 5px dashed transparent; border-bottom: 5px solid #696969; }
.dropdown.disabled .carat { border-top-color: #999; }
.dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }
.dropdown select { position: absolute; left: 0px; top: 0px; }
.dropdown.touch .old { width: 100%; height: 100%; }
.dropdown.touch select { width: 100%; height: 100%; opacity: 0; }
.dropdown .selected, .dropdown li { display: block; color: #000; padding: 4px 8px; line-height: 18px; overflow: hidden; white-space: nowrap; }
.dropdown.disabled .selected { color: #999; }
.dropdown .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 2px 2px 0; box-shadow: inset -55px 0 25px -20px #fff; }
.dropdown div { position: absolute; height: 0; left: -1px; right: -1px; top: 100%; margin-top: -1px; background: #fff; border: 1px solid #e0e0e0; border-top: 1px solid #eee; border-radius: 0 0 3px 3px; overflow: hidden; opacity: 0; }
.dropdown.open div { opacity: 1; z-index: 2; }
.dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #fff; }
.dropdown.scrollable.bottom div::after { opacity: 0; }
.dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; }
.dropdown.scrollable.open ul { overflow-y: auto; }
.dropdown li { list-style: none; padding: 4px 8px; float: none; }
.dropdown li.focus { background: #3d92e9; position: relative; z-index: 3; color: #fff; }
.dropdown li.active { font-weight: 700; }

/*item-grid-list*/
.item-grid-list:after { content: ""; display: table; clear: both; height: 0; visibility: hidden; }
.item-grid-list .item { position: relative; float: left; padding: 5px 20px; margin: 0 10px 8px 0; border: 1px solid #d9d9d9; background: #fff; cursor: pointer; }
.item-grid-list .item:before { display: none; position: absolute; width: 20px; height: 20px; line-height: 20px; right: -8px; top: -8px; font-size: 16px; text-align: center; color: #fff; }
.item-grid-list .item:hover:before { display: block; }
.item-grid-list.list-target .item:before { background: #d44044; content: "-"; }
.item-grid-list.list-source .item:before { background: #00B83F; content: "+"; }

/*area-list*/
.area-list .item { *zoom: 1; padding: 3px 0; line-height: 26px; }
.area-list .item:after { content: ""; display: block; clear: both; height: 0; }
.area-list .hd { float: left; width: 84px; font-weight: bold; }
.area-list .bd { margin-left: 84px; }
.area-list .bd li { position: relative; float: left; width: 95px; }
.area-list li .checkbox { padding: 0 7px; display: inline-block; }
.area-list li em { color: #fb1b1b; margin-left: 3px; }
.area-list li .x-caret { vertical-align: middle; margin-left: 3px; border-top-color: #787879; }
.area-list .current { position: relative; z-index: 100; border: 1px solid #ebebeb; border-bottom: 0; background: #f6f6f6; margin: -1px; }

.area-droplist { display: none; position: absolute; z-index: 99; left: -1px; top: 25px; width: 234px; padding: 5px 0; border: 1px solid #ebebeb; background: #f6f6f6; }
.area-droplist .checkbox { padding-right: 12px; }

/*privilege-box*/
.privilege-box { width: 542px; height: 400px; position: relative; }

.privilege-overlay { width: 542px; }
.privilege-overlay .privilege-listbox { background: #eee; bottom: 40px; }

.privilege-listbox { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #eee; overflow: hidden; }
.privilege-listbox .col { position: relative; float: left; width: 180px; display: inline; height: 100%; margin-left: -1px; border-left: 1px solid #ddd; }
.privilege-listbox .hd { height: 21px; overflow: hidden; font-weight: bold; position: relative; padding: 4px 8px; color: #000; line-height: 21px; background-color: #fbfbfb; border-bottom: 1px solid #ddd; }
.privilege-listbox .bd { position: absolute; top: 30px; bottom: 0; width: 100%; overflow: auto; }
.privilege-listbox .bui-select-list { border: 0; background: none; }
.privilege-listbox .bui-select-list .bui-list-item { border: 0; background: none; }
.privilege-listbox .bui-select-list .bui-list-item-selected { font-weight: bold; }
.privilege-listbox .col3 .bui-select-list .bui-list-item-selected { font-weight: normal; }

.privilege-listbox-ft { position: absolute; bottom: 0; width: 100%; height: 39px; text-align: center; background: #eee; border-top: 1px solid #ddd; }
.privilege-listbox-ft .button { margin-top: 6px; }

/*medal*/
.medal { display: inline-block; vertical-align: middle; width: 16px; height: 16px; font-size: 0; background: url("../images/medals.png") no-repeat; }

.medal-2 { background-position: 0 -16px; }

.medal-3 { background-position: 0 -32px; }

.medal-4 { background-position: 0 -48px; }

/*custom table*/
.bui-dialog .bui-stdmod-footer { text-align: center; }

.custom-l { width: 300px; float: left; }
.custom-l h3 { line-height: 30px; font-size: 14px; font-weight: normal; margin-bottom: 0; }

.custom-l-con { width: 298px; height: 340px; border: 1px solid #cccccc; }
.custom-l-con .hd { height: 30px; line-height: 30px; background: #fafafa; border-bottom: 1px solid #cccccc; text-align: center; position: relative; font-size: 14px; }
.custom-l-con .hd input { position: absolute; left: 38px; top: 8px; }
.custom-l-con .bd { width: 298px; height: 309px; overflow-y: auto; background: url(../images/line_conn.gif) 24px 0 repeat-y; }
.custom-l-con .bd ul { padding-left: 24px; overflow: hidden; }
.custom-l-con .bd ul li input { vertical-align: middle; margin-top: -3px; margin-right: 4px; }
.custom-l-con .bd ul li .dt { line-height: 28px; }
.custom-l-con .bd ul li .dt span { width: 14px; height: 28px; display: block; float: left; background: url(../images/line_jian.gif) no-repeat; }
.custom-l-con .bd ul li .dt span.dtsel { background: url(../images/line_jia.gif) no-repeat; }
.custom-l-con .bd ul li .dd { padding-left: 22px; }
.custom-l-con .bd ul li .dd p { height: 24px; line-height: 24px; padding-left: 10px; background: url(../images/line_conn2.gif) no-repeat; margin: 0; }
.custom-l-con .bd ul li .dd p:last-child { background: url(../images/line_conn3.gif) no-repeat; }

.custom-c { width: 70px; height: 372px; float: left; position: relative; }
.custom-c .sure-btn { width: 40px; height: 23px; border-radius: 2px; display: inline-block; background: url(../images/sure.png) center no-repeat #f9b300; border: 1px solid #f9b300; cursor: pointer; position: absolute; top: 150px; left: 14px; }
.custom-c .cancel-btn { width: 40px; height: 23px; border-radius: 2px; display: inline-block; background: url(../images/cancel.png) center no-repeat #f9b300; border: 1px solid #f9b300; cursor: pointer; position: absolute; top: 195px; left: 14px; }
.custom-c .sure-btn-disabled { background: url(../images/sure-disabled.png) center no-repeat #fafafa; border: 1px solid #cccccc; cursor: default; }
.custom-c .cancel-btn-disabled { background: url(../images/cancel-disabled.png) center no-repeat #fafafa; border: 1px solid #cccccc; cursor: default; }

.custom-r { width: 300px; float: left; }
.custom-r h3 { line-height: 30px; font-size: 14px; font-weight: normal; margin-bottom: 0; }
.custom-r h3 span { font-size: 12px; margin-left: 3px; }
.custom-r h3 span em { color: #e60000; }

.custom-r-con { width: 298px; height: 340px; border: 1px solid #cccccc; }
.custom-r-con .hd { height: 30px; line-height: 30px; background: #fafafa; border-bottom: 1px solid #cccccc; text-align: center; position: relative; font-size: 14px; }
.custom-r-con .hd input { position: absolute; left: 38px; top: 8px; }
.custom-r-con .bd { width: 298px; height: 309px; overflow-y: auto; overflow-x: hidden; position: relative; }
.custom-r-con .bd:after { content: ''; border-left: 1px solid #e5e5e5; width: 1px; overflow: hidden; position: absolute; top: 0; left: 30px; bottom: 0; }
.custom-r-con .top-hd { width: 298px; overflow: hidden; }
.custom-r-con .top-hd li { width: 100%; height: 30px; line-height: 29px; float: left; }
.custom-r-con .top-hd li:nth-child(even) { background: #f8f8f8; }
.custom-r-con .top-hd li span { width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; float: left; }
.custom-r-con .top-hd li p { margin: 0 0 0 39px; line-height: 29px; color: #999999; }
.custom-r-con .top-hd li p input { vertical-align: middle; margin: -3px 10px 0 0; }
.custom-r-con .btm-hd { width: 298px; overflow: hidden; }
.custom-r-con .btm-hd li { width: 100%; height: 30px; line-height: 29px; float: left; }
.custom-r-con .btm-hd li:nth-child(odd) { background: #f8f8f8; }
.custom-r-con .btm-hd li span { width: 30px; height: 30px; line-height: 29px; text-align: center; display: block; float: left; border-right: 1px solid #e5e5e5; }
.custom-r-con .btm-hd li .btm-hd-c { margin: 0 0 0 39px; line-height: 29px; position: relative; }
.custom-r-con .btm-hd li .btm-hd-c input { vertical-align: middle; margin: -3px 10px 0 0; }

.editbar { display: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; position: absolute; right: 20px; top: 0; height: 30px; }
.editbar a { display: inline-block; width: 30px; height: 30px; background-color: transparent; line-height: 30px; text-align: center; text-indent: -9999px; background-position: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.editbar a.edit-down { background-image: url(../images/edit-down2.png); }
.editbar a.edit-down:hover { -webkit-animation: shakeDown 1s; animation: shakeDown 1s; }
.editbar a.edit-up { background-image: url(../images/edit-up2.png); }
.editbar a.edit-up:hover { -webkit-animation: shakeUp 1s; animation: shakeUp 1s; }
.editbar a.edit-delete { background-image: url(../images/edit-delete2.png); }
.editbar a.edit-delete:hover { -webkit-animation: shake 1s; animation: shake 1s; }
.editbar a:hover { background-position: center; }

.custom-r-con .btm-hd li:hover .editbar { display: block; }
.custom-r-con .btm-hd li:first-child .editbar a.edit-up { visibility: hidden; }
.custom-r-con .btm-hd li:last-child .editbar a.edit-down { visibility: hidden; }

@-webkit-keyframes shakeUp { 15% { -webkit-transform: translateY(-5px); }
  30% { -webkit-transform: translateY(0px); }
  45% { -webkit-transform: translateY(-5px); }
  60% { -webkit-transform: translateY(0px); } }
@keyframes shakeUp { 15% { transform: translateY(-5px); }
  30% { transform: translateY(0px); }
  45% { transform: translateY(-5px); }
  60% { transform: translateY(0px); } }
@-webkit-keyframes shakeDown { 15% { -webkit-transform: translateY(5px); }
  30% { -webkit-transform: translateY(0px); }
  45% { -webkit-transform: translateY(5px); }
  60% { -webkit-transform: translateY(0px); } }
@keyframes shakeDown { 15% { transform: translateY(5px); }
  30% { transform: translateY(0px); }
  45% { transform: translateY(5px); }
  60% { transform: translateY(0px); } }
@-webkit-keyframes shake { 5% { -webkit-transform: translateX(3px); }
  15% { -webkit-transform: translateX(-3px); }
  25% { -webkit-transform: translateX(3px); }
  30% { -webkit-transform: translateX(0px); } }
@keyframes shake { 5% { transform: translateX(3px); }
  15% { transform: translateX(-3px); }
  25% { transform: translateX(3px); }
  30% { transform: translateX(0px); } }
.tips-infos { border: 1px solid #faf1d7; background-color: #fffff1; color: #ff9900; width: 150px; position: fixed; z-index: 1100; padding: 4px; }

/*userinfo*/
.usrinfo-box { border: 1px solid #e6e6e6; background: #fbfbfb; padding: 4px; margin-bottom: 20px; }
.usrinfo-box .wrap { background: #fff; padding-left: 132px; overflow: hidden; *zoom: 1; }
.usrinfo-box .pic { position: relative; float: left; margin: 20px 0 20px -120px; display: inline; width: 100px; height: 100px; overflow: hidden; border: 1px solid #c0c2c6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.usrinfo-box .pic:after { position: absolute; content: ""; left: 0; top: 0; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); }
.usrinfo-box .pic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; }
.usrinfo-box .con { padding: 10px 0; overflow: hidden; *zoom: 1; }
.usrinfo-box .con li { float: left; width: 270px; line-height: 22px; padding: 5px 0; }

.incontainer { padding: 15px 0; *zoom: 1; }
.incontainer:after { clear: both; content: ""; height: 0; display: block; }
.incontainer .col-main { float: left; width: 100%; min-height: 1px; }
.incontainer .col-main .wrap { margin-left: 235px; }
.incontainer .col-side { float: left; width: 220px; margin-left: -100%; _display: inline; }

.mod { border: 1px solid #f2f2f2; margin: -1px 0 0 -1px; padding: 20px; *zoom: 1; }
.mod:after { content: ""; display: block; clear: both; }

.modtit { line-height: 38px; font-size: 14px; padding-left: 20px; margin: -20px -20px 10px -20px; border-bottom: 1px solid #f2f2f2; }

.todoblock { float: left; width: 48%; margin: 15px 1% 0; height: 110px; overflow: hidden; *zoom: 1; }
.todoblock dl { margin: 0; color: #fff; padding-left: 80px; }
.todoblock dt { font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; float: left; margin-left: -80px; *display: inline; width: 80px; height: 110px; }
.todoblock .round { width: 78px; height: 78px; border: 1px solid #e6e8e9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.todoblock .ico { display: block; margin: 14px auto 0 auto; width: 50px; height: 50px; background: url(../images/index-todo-icons.png) center no-repeat; }
.todoblock dd { line-height: 36px; padding: 20px 0; margin: 0; overflow: hidden; }
.todoblock dd a { color: #666666; float: left; margin-left: 30px; *display: inline; }
.todoblock dd a:hover { color: #ef4941; text-decoration: none; }

.todo-1 dt { color: #e75455; }
.todo-1 .ico { background-position: 0 0; }

.todo-2 dt { color: #87b25e; }
.todo-2 .ico { background-position: 0 -50px; }

.todo-3 dt { color: #ee9e22; }
.todo-3 .ico { background-position: 0 -100px; }

.todo-4 dt { color: #4e7ea9; }
.todo-4 .ico { background-position: 0 -150px; }

.mod-welcome { background: #e8464d; text-align: center; padding: 22px 0; color: #FFFFFF; }

.usrpic { position: relative; margin: 0 auto; width: 120px; background-color: #FFFFFF; height: 120px; border: 2px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.usrpic img { width: 120px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.welcomeinfo { padding-top: 22px; }

.greeting { font-size: 16px; }
.greeting em { display: block; }

.logininfo { line-height: 32px; padding: 10px 0 10px 8px; }

.mod-static dl { margin: 0 -20px; clear: both; }
.mod-static dt { line-height: 36px; background: #eff4f8; padding-left: 34px; font-size: 14px; }
.mod-static dd { margin: 0 0 0 -20px; overflow: hidden; *zoom: 1; padding: 20px 10px 20px 34px; }
.mod-static dd a { float: left; margin-left: 20px; _display: inline; color: #222423; }
.mod-static dd a.selected, .mod-static dd a:hover { color: #07974a; }

.quick { padding: 15px 0; }
.quick h3 { line-height: 30px; padding: 0 0 8px 19px; }
.quick li { width: 100%; line-height: 28px; font-size: 14px; margin: 6px 0; float: left; position: relative; }
.quick li a { color: #222423; padding-left: 77px; display: block; }
.quick li a.quickicon { background-repeat: no-repeat; background-image: url(../images/quick_icon.png); }
.quick li a.quickicon.pc { background-position: 30px 0; }
.quick li a.quickicon.mobile { background-position: 30px -28px; }
.quick li a.quickicon.kefu { background-position: 30px -56px; }
.quick li a.quickicon.erp { background-position: 30px -84px; }
.quick li a.quickicon.college { background-position: 30px -112px; }
.quick li a:hover { color: #ef4941; text-decoration: none; }
.quick li a:hover.pc { background-position: 30px -140px; }
.quick li a:hover.mobile { background-position: 30px -168px; }
.quick li a:hover.kefu { background-position: 30px -196px; }
.quick li a:hover.erp { background-position: 30px -224px; }
.quick li a:hover.college { background-position: 30px -252px; }

.quick-dl-log-dd { position: absolute; top: -35px; right: -30px; z-index: 99; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); display: none; width: 100px; height: 100px; }
.quick-dl-log-dd .ui-arrow, .quick-dl-log-dd .ui-arrow:after { position: absolute; display: block; width: 0; height: 0; border: 11px solid transparent; }
.quick-dl-log-dd .ui-arrow { left: -11px; top: 50%; margin: -11px 0 0 -11px; border-right-color: #ecebeb; }
.quick-dl-log-dd .ui-arrow:after { border-width: 10px; content: ''; border-right-color: white; margin-left: -10px; margin-top: -10px; top: 0; left: 1px; }

.mod-news { padding: 10px 0; }
.mod-news h3 { line-height: 30px; padding-left: 19px; }
.mod-news li { line-height: 22px; padding: 5px 10px 5px 30px; list-style: disc; list-style-position: inside; }
.mod-news li a { color: #222423; }
.mod-news li a:hover { color: #ef4941; text-decoration: none; }

.prd-colside { float: left; width: 100%; min-height: 1px; }
.prd-colside .wrap { width: 358px; position: relative; }

.prd-colmain { float: left; width: 100%; margin-left: -100%; min-height: 1px; }
.prd-colmain .wrap { margin-left: 370px; }

.prdbasic-s .prd-colside .wrap { width: 200px; }
.prdbasic-s .prd-colmain .wrap { margin-left: 215px; }

.prd-pics, .prd-music, .prd-info { border: 1px solid #e5e5e5; }

.prd-upload { padding: 30px 0 10px; text-align: center; }

.prd-upload-icon { width: 150px; height: 150px; margin: auto; border: 1px dashed #cccccc; background: #fff url("../images/clothes.png") no-repeat center; }

.prd-upload p { color: #b2b1b1; }

.prd-pics .prd-thumblist { background: #fbfbfb; }
.prd-pics .prd-thumblist ul { margin-left: 0; }

.prd-thumblist { overflow: hidden; *zoom: 1; padding: 0 0 10px; }
.prd-thumblist p { text-align: center; }
.prd-thumblist p em { color: #f75342; font-weight: bold; }
.prd-thumblist ul { margin: 9px 0 9px -4px; }
.prd-thumblist li { position: relative; float: left; _display: inline; margin: 0 0 5px 4px; width: 64px; height: 64px; border: 1px dashed #cccccc; }
.prd-thumblist li a { display: table-cell; width: 64px; height: 64px; vertical-align: middle; color: #b2b1b1; text-align: center; line-height: 18px; margin: 0; cursor: pointer; }
.prd-thumblist li.prd-thumb-hasimg { border: 1px solid #c6c6c6; }
.prd-thumblist li.prd-thumb-hasimg:hover .prd-thumb-tool { display: block; }
.prd-thumblist li img { width: 64px; height: 64px; }
.prd-thumblist li.prd-thumb-main { border: 1px solid #889fb0; cursor: pointer; }
.prd-thumblist .prd-thumb-tool { display: none; position: absolute; bottom: 0; width: 100%; background: url("../images/blackmask.png"); text-align: center; height: 21px; }
.prd-thumblist .prd-thumb-tool a { width: 18px; height: 18px; line-height: 1; padding: 0; display: inline-block; font-size: 0; text-decoration: none; vertical-align: top; margin-top: 2px; }

.upload-video-t { text-align: center; padding: 20px 0; }

.upload-video-c { overflow: hidden; display: none; }
.upload-video-c h3 { height: 32px; border: 1px solid #e5e5e5; border-bottom: 1px solid #FFFFFF; padding: 0 15px; line-height: 32px; display: inline-block; position: relative; z-index: 1; background-color: #FFFFFF; }

.upload-video-c { padding: 9px; background-color: #FFFFFF; }
.upload-video-c .control-text { width: 260px; }
.upload-video-c .video-box { width: 340px; height: 340px; background-color: #dddddd; }
.upload-video-c .video-box-inner { width: 100%; height: 100%; }
.upload-video-c .video-btn { padding-top: 10px; text-align: center; }
.upload-video-c .video-btn .button { margin: 0 10px; }
.upload-video-c .video-intro em { color: #ef4941; }
.upload-video-c .video-intro p { margin: 0 0 10px; }

.thumb-delete { background: url("../images/ico-delete.png") no-repeat center; }

.prd-music { margin-top: 10px; }

.prd-muscilist { margin: 10px 15px; }
.prd-muscilist li { position: relative; line-height: 20px; margin-top: 5px; }
.prd-muscilist .music { margin-right: 72px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 25px; background: url("../images/ico-music.gif") no-repeat; }
.prd-muscilist .ctrl { position: absolute; right: 0; top: 0; }

.prd-colmain .control-label input.input-small { width: 60px; }

.prd-info .hd { line-height: 32px; background: #fbfbfb; text-align: center; font-size: 16px; border-bottom: 1px solid #e5e5e5; }
.prd-info .bd { padding: 10px; }
.prd-info .prod-img { width: 128px; height: 128px; margin: 0 auto 10px; }
.prd-info .prod-img img { width: 100%; height: 100%; }
.prd-info .prod-name { line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 5px; text-align: center; }
.prd-info .prod-info span { display: block; text-align: center; }
.prd-info .prod-info .price { color: #b90001; }
.prd-info .prod-comment p { margin: 0 0 8px; white-space: nowrap; }
.prd-info .prod-comment .t { display: inline-block; width: 70px; text-align: right; vertical-align: top; font-weight: bold; }
.prd-info .prod-comment .c { display: inline-block; white-space: normal; margin-left: 5px; vertical-align: top; width: 100px; }

.ratestar { font-size: 0; vertical-align: middle; }

.layer { position: absolute; display: none; z-index: 99; padding: 5px; border: 2px solid #898989; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 28px; }
.layer .arr { position: absolute; border: 10px dashed transparent; border-top: 0; left: 50%; top: -10px; margin-left: -5px; border-bottom: 10px solid #898989; }
.layer .arr s { position: absolute; border: 10px dashed transparent; border-top: 0; top: 3px; left: -10px; border-bottom: 10px solid #fff; }

.add-new { display: inline-block; *display: inline; *zoom: 1; position: relative; vertical-align: middle; margin-left: 10px; }
.add-new .layer { left: -163px; }

.inputbox { width: 304px; display: inline-block; *display: inline; *zoom: 1; line-height: 18px; min-height: 22px; _height: 22px; padding: 0 4px 4px 0; border: 1px solid #e0e0e0; background-color: #fff; -webkit-box-shadow: inset 1px 1.732px 4px 0px rgba(0, 0, 0, 0.024); -moz-box-shadow: inset 1px 1.732px 4px 0px rgba(0, 0, 0, 0.024); box-shadow: inset 1px 1.732px 4px 0px rgba(0, 0, 0, 0.024); cursor: text; }

.inputbox-small { width: 200px; }

.inp-item { display: inline-block; *display: inline; *zoom: 1; margin: 4px 0 0 4px; line-height: 16px; background: #f7f7f7; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.inp-item span { padding: 0 5px; display: inline-block; vertical-align: top; cursor: default; }
.inp-item a { color: #969696; display: inline-block; vertical-align: top; width: 15px; line-height: 14px; text-align: center; font-size: 14px; margin-left: -3px; }
.inp-item a:hover { text-decoration: none; }

.spec-box { margin-top: 5px; border: 1px solid #e0e0e0; padding: 5px; }

.spec-title { position: relative; padding: 6px 12px; background: #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.spec-title h3 { margin: 0; }
.spec-title a { position: absolute; right: 10px; top: 50%; margin-top: -10px; font-weight: bold; color: #878787; font-size: 14px; width: 20px; height: 20px; text-align: center; line-height: 19px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.spec-con { *zoom: 1; padding: 10px 0 2px; }
.spec-con:after { display: block; content: ""; height: 0; clear: both; }
.spec-con ul { margin-left: -15px; }
.spec-con li { float: left; margin: 0 0 8px 15px; line-height: 24px; }

.spec-item { display: inline-block; *display: inline; vertical-align: middle; *zoom: 1; position: relative; height: 24px; line-height: 24px; background: #FFFFFF; color: #747474; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e8e8e8; }
.spec-item span { float: left; padding: 0 15px; cursor: default; }
.spec-item a { display: none; position: absolute; width: 20px; height: 20px; font-size: 14px; font-weight: bold; right: -8px; top: -8px; line-height: 19px; text-align: center; color: #fff; background: #5a5a5a; opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.add-img a { display: none; position: absolute; width: 20px; height: 20px; font-size: 14px; font-weight: bold; right: -8px; top: -8px; line-height: 19px; text-align: center; color: #fff; background: #5a5a5a; opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.spec-item:hover a, .add-img:hover a { display: block; }

.spec-item a:hover { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); text-decoration: none; }

.add-img { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 5px; }
.add-img span { display: inline-block; background: #f7f7f7; width: 44px; height: 44px; border: 2px solid #b5b5b5; text-align: center; color: #696969; line-height: 44px; cursor: pointer; }
.add-img img { width: 44px; height: 44px; vertical-align: top; }
.add-img a:hover { text-decoration: none; }

.spec-con-img li { white-space: nowrap; line-height: 48px; }

.fieldbox { border: 1px solid #859cae; padding: 15px; background: #eff4f8; margin-bottom: 15px; }
.fieldbox h3 { font-size: 14px; margin-bottom: 5px; }

.fieldbox-dotted { border: 1px dotted #e0e3e8; background: #fbfbfb; }

.select-list { *zoom: 1; }
.select-list:after { content: ""; display: block; clear: both; }
.select-list ul { margin-left: -20px; }
.select-list li { float: left; margin-left: 20px; _display: inline; cursor: pointer; }
.select-list li input { margin-right: 5px; }

.x-color { display: inline-block; width: 13px; height: 13px; margin-right: 5px; vertical-align: middle; border: 1px solid #c7c7c7; }

.refund-body { min-width: 800px; }

.refund-side { float: left; width: 212px; border: 1px solid #ededed; padding: 0 10px; }

.refund-side-hd { line-height: 30px; font-weight: bold; font-size: 14px; border-bottom: 1px solid #ededed; }

.refund-side-prod { border-bottom: 1px dashed #f7f7f7; padding: 10px 0; line-height: 20px; }
.refund-side-prod .prod-img { float: left; width: 45px; height: 45px; }
.refund-side-prod .prod-img img { width: 100%; height: 100%; }
.refund-side-prod .prod-name { margin-left: 55px; }
.refund-side-prod .prod-info { margin-left: 55px; color: #868383; }

.refund-side-info { padding: 10px 0; border-bottom: 1px solid #ededed; line-height: 25px; }
.refund-side-info span { color: #989696; display: inline-block; width: 60px; }

.refund-side-orderinfo { line-height: 25px; padding: 10px 0; }
.refund-side-orderinfo a { color: #488fcb; text-decoration: underline; }

.refund-main { margin-left: 242px; }

.refund-form { margin-bottom: 10px; }

.refund-form-hd { background: #fcfcfc; border: 1px solid #ededed; line-height: 40px; height: 40px; padding: 0 10px; }

.refund-form .form-title { float: left; font-size: 14px; }
.refund-form .form-hd-info { float: right; }

.refund-form-bd { padding: 30px; }

.refund-form h3 { font-size: 16px; margin-bottom: 10px; font-weight: bold; }

.countdown-refund { display: inline-block; line-height: 20px; font-weight: normal; margin: 0 10px; padding-left: 25px; background: url("../images/ico-countdown.png") no-repeat left; }
.countdown-refund em { color: #fbb215; margin: 0 2px; }

.refund-form h4 { font-size: 14px; margin: 15px 0 5px; font-weight: bold; }

.refund-instruction { line-height: 1.8; color: #aeadad; margin: 20px 0; }

.lm-box { padding: 18px; }
.lm-box textarea { width: 100%; height: 80px; padding: 8px; margin: -9px; }

.lm-ft { background: #fcfcfc; overflow: hidden; padding: 8px 10px; *zoom: 1; }

.lm-upload { float: left; line-height: 28px; }
.lm-upload .uploadbtn { font-size: 14px; margin-right: 10px; }
.lm-upload span { color: #c6c6c6; }

.lm-commit { float: right; }

.message-list { padding: 0 10px; }
.message-list li { padding: 10px 0 10px 55px; border-bottom: 1px solid #e6e6e6; line-height: 18px; }
.message-list .pic { float: left; width: 45px; height: 45px; border: 1px solid #e6e6e6; margin-left: -55px; _display: inline; }
.message-list .pic img { width: 100%; height: 100%; }
.message-list .time { float: right; }
.message-list .con { margin-top: 5px; }
.message-list .upiclist { overflow: hidden; *zoom: 1; margin-top: 5px; }
.message-list .upiclist ul { margin-left: -6px; float: left; _diaplay: inline; }
.message-list .upiclist li { float: left; padding: 0; border: 1px solid #eeeeee; margin-left: 6px; _display: inline; }
.message-list .upiclist img { width: 45px; height: 45px; }

.edit-sample-btn { width: 100px; height: 25px; font-size: 13px; color: #000000; margin-left: 40px; }

.panel { position: relative; }

.sample-pic { position: absolute; top: 50px; left: 105px; background: #F00; z-index: 999999; display: none; }
.sample-pic img { display: block; -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); }

.sample { position: relative; height: 30px; display: inline-block; *display: inline; *zoom: 1; }
.sample .sampleshow { border-radius: 2px; width: 220px; position: absolute; left: 0; top: 30px; z-index: 10001; border: 1px solid #ccc; background-color: #FFFFFF; padding: 10px 15px; display: none; }

/*check*/
.label-title { border-bottom: 2px solid #ededed; line-height: 30px; margin-bottom: 10px; }
.label-title span { display: inline-block; border: 1px solid #eee; border-bottom: 0; padding: 0 15px; background: #fbfbfb; font-size: 14px; color: #000; }

.actions-bar-fixed { height: 64px; margin: 10px 0; }
.actions-bar-fixed .actions-bar { position: fixed; z-index: 10000; bottom: 0; left: 0; right: 0; background: #eee; margin: 0; }

.check-list { margin: 10px 0; }
.check-list li { position: relative; border-top: 1px dashed #eee; padding: 10px 180px 10px 30px; overflow: hidden; *zoom: 1; }
.check-list .chk { position: absolute; left: 0; top: 0; height: 100%; }
.check-list .chk .checkbox { display: block; width: 30px; height: 100%; }
.check-list .chk input { margin: 13px 0 0 7px; }
.check-list .name { float: left; margin-right: 10px; color: #666; }
.check-list .time { float: left; color: #aaa; }
.check-list .con { clear: both; padding-top: 4px; }
.check-list .con a { color: #ef4941; text-decoration: underline; padding: 0 2px; }
.check-list .ctrl { position: absolute; right: 0; top: 16px; opacity: .2; }
.check-list .ctrl .button { margin-right: 10px; }
.check-list li:hover .ctrl { opacity: 1; }

/*image-list*/
.image-list { overflow: hidden; }
.image-list .item { float: left; width: 200px; margin: 0 15px 20px 0; }
.image-list .pic { position: relative; height: 200px; background: #eee; }
.image-list .pic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; }
.image-list .checkbox { float: right; margin: 14px 0 0 5px; }
.image-list .info { overflow: hidden; margin-top: 10px; }
.image-list .name { white-space: nowrap; overflow: hidden; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.image-list .time { color: #999; }

.upload-img-preview { margin: 10px 0 0 0; width: 300px; height: 300px; position: relative; background: #eee; }
.upload-img-preview b { line-height: 300px; display: block; text-align: center; }
.upload-img-preview img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; }

/*booking-list*/
.booking-list ul { margin-left: -20px; }
.booking-list li { float: left; margin: 0 0 10px 20px; width: 190px; text-align: center; }
.booking-list .hd { height: 39px; line-height: 39px; font-size: 16px; color: #FFFFFF; background: #f66a5e; border-bottom: 1px solid #d3b078; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
.booking-list .bd { position: relative; height: 107px; border: 1px solid #efefef; padding: 0 5px; border-top: 0; background: #fafafa; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; word-break: break-all; word-wrap: break-word; white-space: normal; padding-top: 36px; }
.booking-list .bd:after, .booking-list .bd:before { position: absolute; content: ""; left: 0; right: 0; bottom: 1px; border-bottom: 1px solid #efefef; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; }
.booking-list .bd:after { bottom: 3px; }
.booking-list .bd p { padding: 0 20px 10px 0; margin: 0; line-height: 22px; text-align: right; }
.booking-list .ft { padding: 7px 0; margin: 0 -5px; }
.booking-list .ft a { line-height: 20px; display: inline-block; padding-left: 20px; margin: 0 5px; color: #3c3c3c; background-repeat: no-repeat; }
.booking-list .ft a:hover { color: #ef7e00; background-position: 0 -20px; }
.booking-list .btn-post { background-image: url(../images/icon-post.png); }
.booking-list .btn-edit { background-image: url(../images/icon-edit.png); }
.booking-list .btn-del { background-image: url(../images/icon-del.png); }
.booking-list .btn-list { background-image: url(../images/icon-list.png); }
.booking-list .btn-cancel { background-image: url(../images/icon-cancel.png); }

/*article pull*/
.article-pull-list { margin-left: -10px; overflow: hidden; }
.article-pull-list .item { position: relative; overflow: hidden; *zoom: 1; float: left; width: 495px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #eee; background: #fff; }
.article-pull-list .pic { float: left; width: 120px; height: 120px; background: #fff; position: relative; overflow: hidden; }
.article-pull-list .pic img { width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.article-pull-list .info { position: relative; margin-left: 135px; margin-right: 20px; }
.article-pull-list .visit-count { color: #999; margin-top: 5px; }
.article-pull-list .visit-count em { color: #ff6611; }

.article-title { overflow: hidden; height: 48px; font-size: 14px; padding-top: 5px; line-height: 24px; }
.article-title a { color: #3c3c3c; }

.article-button { margin-top: 5px; }
.article-button a { float: left; margin-right: 10px; }

.editbox-wrap { width: 100%; position: relative; }
.editbox-wrap .editbox { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(233, 233, 233, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99E9E9E9,endColorstr=#99E9E9E9); }
.editbox-wrap .editbox .editbox-info { background: #ff6600; padding: 0 10px; height: 38px; line-height: 38px; color: #FFFFFF; }
.editbox-wrap .editbox .editbox-info p { float: left; }
.editbox-wrap .editbox .editbox-info span { float: right; display: block; }
.editbox-wrap .editbox .editbox-info .edit { height: 23px; display: inline-block; background: #f7f7f7; border: 1px solid #dfdfdf; color: #000000; padding: 0 10px; line-height: 23px; vertical-align: middle; margin-left: 10px; }

.newfield { width: 100%; overflow: hidden; }
.newfield li { float: left; width: 100%; padding-bottom: 10px; line-height: 28px; }
.newfield li p { margin: 0; }
.newfield li .control-text { width: 218px; }
.newfield li .input-normal { width: 100%; }
.newfield li input[type=radio], .newfield li input[type=checkbox] { width: 16px; height: 16px; vertical-align: middle; margin-top: -2px; margin-right: 5px; }
.newfield li input.calendar { padding-right: 6px; }
.newfield li .hd { width: 88px; float: left; }
.newfield li .bd { margin-left: 88px; }
.newfield li .bd .bd-item { width: 100%; overflow: hidden; margin-bottom: 8px; }
.newfield li .bd .bd-item .control-text { width: 148px; float: left; }
.newfield li .bd .bd-item .button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; float: right; padding: 4px 15px; width: 70px; }

/*store*/
.statistic-panel { display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #eee; }
.statistic-panel .item { display: table-cell; padding: 10px 20px; border: 1px solid #eee; border-left: 0; }
.statistic-panel .hd { font-size: 14px; overflow: hidden; }
.statistic-panel .bd { padding: 15px 0; overflow: hidden; }
.statistic-panel .bd .price { font-size: 28px; }
.statistic-panel .ft { overflow: hidden; color: #666; }
.statistic-panel .price { color: #000; }

.order-conditions { border: 1px solid #eeeeee; padding: 15px 0 0 10px; margin-bottom: 15px; }

.oc-left { margin-left: 110px; }

/*pageinfo*/
.pageinfo { padding: 40px 0; max-width: 950px; text-align: center; }

.infotitle { color: #5c5c5c; font-size: 30px; font-family: "Microsoft Yahei", Hiragino Sans GB, Arial; margin-bottom: 10px; }
.infotitle em { color: #e32a2b; }
.infotitle .c { display: inline-block; vertical-align: middle; text-align: left; }

.infocontent { line-height: 24px; font-size: 14px; }
.infocontent em { color: #ff8726; }
.infocontent .remaintime { padding: 0 0 15px; text-align: center; }
.infocontent .countdown-large { font-size: 42px; line-height: 70px; }
.infocontent .countdown-large em { width: 70px; height: 70px; }

.infobtnbar { padding: 20px 0; }
.infobtnbar a { margin: 0 8px; }

.ico { display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center; }

.ico-success { width: 40px; height: 40px; margin-right: 10px; background: url(../../images/ico-success.png) no-repeat center; }

.ico-error { width: 40px; height: 40px; margin-right: 10px; background: url(../../images/ico-error.png) no-repeat center; }

.ico-success-m { display: inline-block; width: 26px; height: 26px; background: url(../../images/ico-success-middle.gif) no-repeat; vertical-align: middle; margin-right: 5px; }

.ico-alert-m { display: inline-block; width: 26px; height: 26px; background: url(../../images/ico-success-middle.gif) no-repeat; vertical-align: middle; margin-right: 5px; background-image: url(../../images/ico-alert-middle.gif); }

.info-formbox { width: 460px; margin: auto; }
.info-formbox .form-horizontal { text-align: left; }

.address-box { border: 1px solid #eee; }

/*config-list*/
.list-title { margin: 10px 0 0; border-bottom: 1px solid #eee; overflow: hidden; }
.list-title h3 { float: left; line-height: 36px; }
.list-title .r { float: right; margin-top: 4px; }

.config-list dl { margin: 0; padding: 10px 0; line-height: 28px; border-bottom: 1px dashed #eee; }
.config-list dl:last-child { border: 0; }
.config-list dt { float: left; width: 5em; padding-right: 20px; }
.config-list dd { overflow: hidden; }
.config-list .r { float: right; }
.config-list .c { overflow: hidden; }
.config-list .item { padding: 0 5px; overflow: hidden; }
.config-list .item label { float: left; width: 5em; }
.config-list .item p { overflow: hidden; color: #999; margin: 0; line-height: 28px; }

.purchase-body { overflow: hidden; }

.purchase-bar { height: 56px; }

.purchase-bar-wrap { position: fixed; bottom: 0; left: 0; height: 56px; line-height: 56px; width: 100%; border-top: 1px solid #ccc; background: #fff; }

.pucharse-bar-con { padding: 0 15px; text-align: right; }
.pucharse-bar-con .btn-buy { float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.purchase-search { padding-bottom: 22px; height: 32px; line-height: 32px; }
.purchase-search span { display: inline-block; padding: 0 18px 0 12px; font-size: 14px; color: #000000; }
.purchase-search .purchase-smain { width: 252px; height: 32px; padding-right: 68px; position: relative; display: inline-block; }
.purchase-search .purchase-smain input { width: 100%; height: 32px; border: 1px solid #e5e5e5; border-right: none; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-clip: border-box; font-size: 14px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
.purchase-search .purchase-smain button { width: 68px; height: 32px; background: #f44a3c; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-clip: border-box; border: none; color: #FFF; font-size: 14px; font-family: "Microsoft YaHei"; outline: none; position: absolute; right: 0; top: 0; }
.purchase-search .purchase-smain button:active { -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.2); }

.purchase-wrap { width: 100%; height: 100%; border: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.purchase-thead { border-bottom: 1px solid #ededed; width: 100%; padding-right: 17px; background: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.purchase-thead .table { margin-bottom: 0; }
.purchase-thead .table th { text-align: center; border-left: 1px solid #ededed; padding: 9px 5px; }
.purchase-thead .table th:first-child { border-left: none; }

.purchase { width: 100%; height: 100%; overflow-y: scroll; }
.purchase .table { margin-bottom: 0; }
.purchase .table .prdimg { width: 60px; height: 60px; border: 1px solid #e5e5e5; }
.purchase .table th { background: #f7f7f7; }
.purchase .table tr td:first-child { border-left: none; }
.purchase .table td { border-bottom: 1px solid #ededed; border-left: 1px solid #ededed; border-top: none; -ms-word-break: break-all; word-break: break-all; word-wrap: break-word; }
.purchase .table td.aling-left { text-align: left; }
.purchase .table th, .purchase .table td { text-align: center; padding: 9px 5px; }
.purchase .table tr:hover { background: #f5f5f5 !important; }
.purchase .table tbody td:hover, .purchase .table tbody th:hover { background: none; }
.purchase .pcinput { padding: 5px; width: 80px; margin-right: 3px; }
.purchase .pctable-info tr:nth-child(even) { background: #fafafa; }
.purchase .cell { width: 100%; -ms-word-break: break-all; word-break: break-all; word-wrap: break-word; }
.purchase .stores { background: #f44a3c; color: #ffffff; width: 60px; height: 26px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 26px; display: inline-block; outline: none; }
.purchase .stores:active { -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.2); }
.purchase .stores:hover { text-decoration: none; }

.cell-hidden { width: 100%; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.table-fixed { table-layout: fixed; }

.store-show { width: 420px; height: 210px; position: absolute; top: 50%; left: 50%; margin-left: -210px; margin-top: -105px; z-index: 200; border: 1px solid #cccccc; display: none; }
.store-show:before { position: absolute; z-index: -1; content: ""; padding: 10px; width: 100%; height: 100%; margin: -10px; background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.store-show .store-show-m { width: 100%; height: 100%; background: #FFFFFF; font-size: 14px; color: #000000; }
.store-show .store-show-m h3 { height: 46px; line-height: 46px; background: #f1f1f1; padding-left: 20px; font-size: 16px; }
.store-show .store-show-m dl { padding: 0 20px; overflow: hidden; margin: 0; }
.store-show .store-show-m dl dt { width: 100%; padding: 10px 0; }
.store-show .store-show-m dl dt p { width: 100%; height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; }
.store-show .store-show-m dl dt span { color: #646464; }
.store-show .store-show-m dl dt span i { display: inline-block; width: 24px; }
.store-show .store-show-m dl dd { border-top: 1px solid #cccccc; padding-top: 10px; margin: 0; }
.store-show .store-show-m dl dd p { height: 40px; line-height: 40px; margin: 0; font-size: 18px; color: #3c3c3c; font-weight: bold; }
.store-show .store-show-m dl dd p span { width: 40px; height: 40px; background: url(../images/checked2.png) center no-repeat #6cba87; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; float: left; margin-right: 10px; }

.edit-box { width: 60px; height: 20px; padding: 5px; border: 1px solid #e5e5e5; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.purchase-onpro { width: 250px; height: 176px; position: absolute; left: 50%; top: 50%; margin: -88px 0 0 -125px; text-align: center; }
.purchase-onpro span { width: 110px; height: 110px; display: block; background: url(../images/purchase-onpro.png) center no-repeat #eeeeee; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.purchase-onpro p { font-size: 18px; color: #999999; margin: 30px 0 0 0; }

.purchase-fbar { height: 32px; line-height: 32px; padding: 12px; border: 1px solid #dfdfdf; background: #f6f6f6; margin-top: 12px; }
.purchase-fbar .purchase-fbar-l { float: left; }
.purchase-fbar .purchase-fbar-l input { width: 288px; height: 22px; padding: 5px; border: 1px solid #dfdfdf; margin: 0 10px; }
.purchase-fbar .purchase-fbar-l .info { width: 19px; height: 19px; line-height: 19px; text-align: center; display: inline-block; background: #999999; color: #FFFFFF; font-size: 14px; font-family: Arial; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: default; }
.purchase-fbar .purchase-fbar-l .info .info-prompt { position: fixed; padding: 5px; text-align: left; color: #ff9900; width: 228px; background: #fffff1; border: 1px solid #faf1d7; z-index: 999; display: none; font-weight: normal; font-size: 12px; }
.purchase-fbar .purchase-fbar-r { float: right; }
.purchase-fbar .purchase-fbar-r p { display: inline-block; padding-left: 28px; }
.purchase-fbar .purchase-fbar-r p strong { color: #000000; font-size: 14px; }
.purchase-fbar .purchase-fbar-r button { background: #f44a3c; margin-left: 20px; color: #FFFFFF; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 15px; line-height: 32px; border: none; outline: none; }

.purchase-fbar2 { line-height: 30px; margin-top: 12px; overflow: hidden; }
.purchase-fbar2 p { display: inline-block; padding-right: 28px; float: left; margin: 0; }
.purchase-fbar2 p strong { color: #000000; font-size: 14px; }
.purchase-fbar2 .button { float: right; }

.order-info { width: 100%; overflow: hidden; font-size: 14px; }
.order-info li { width: 100%; padding: 5px 0; float: left; line-height: 16px; }
.order-info li span { width: 90px; float: left; display: block; text-align: right; }
.order-info li p { margin: 0 0 0 90px; font-size: 14px; }
.order-info li strong { color: #000000; }

.submitorder, .cancelorder, .refusedlorder { display: none; }

.cancelorder p { text-align: center; padding: 10px 0; font-size: 16px; }

.refusedlorder-m { width: 100%; overflow: hidden; padding: 10px 0; }
.refusedlorder-m span { display: block; float: left; width: 70px; text-align: right; padding-right: 5px; font-size: 14px; }
.refusedlorder-m p { margin: 0 0 0 75px; }
.refusedlorder-m p textarea { width: 100%; height: 80px; resize: none; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: text-top; }

.chooseadd { display: none; }
.chooseadd .table tbody td:hover, .chooseadd .table tbody th:hover { background: none; }
.chooseadd .table-bordered tbody tr:nth-child(even) { background: #fafafa; }
.chooseadd .table-bordered tbody tr:hover { background: #f5f5f5 !important; }
.chooseadd .table-bordered th { background: #f7f7f7; }
.chooseadd .table-bordered th, .chooseadd .table-bordered td { border-left: none; text-align: center; }
.chooseadd .table-bordered input[type=radio] { width: 18px; height: 18px; vertical-align: -3px; }
.chooseadd p { padding-top: 10px; }

.purchase-table-striped tbody tr:nth-child(even) { background: #fafafa; }
.purchase-table-striped tbody td:hover, .purchase-table-striped tbody th:hover { background: none; }

.purchase-table-show tbody tr:hover { background: #f5f5f5 !important; }

.row2 { line-height: 28px; font-size: 14px; padding-bottom: 5px; }
.row2 span { color: red; }
.row2 em { color: red; font-size: 18px; }

.lower-table thead tr { background: #f7f7f7; }

/*colorSelector*/
.colorSelect, .color-set-wrap { display: inline-block; overflow: hidden; vertical-align: middle; }

input.color-set-text { height: 30px; width: 78px; text-align: center; margin-right: 10px; float: left; font-size: 14px; font-family: Arial; border: 1px solid #eee; padding: 5px 10px; background-color: #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: 0; }

.color-set-label { position: relative; float: left; margin-right: 10px; width: 78px; height: 28px; border: 1px solid #ebe8e7; background: #f7f9fc; -webkit-border-radius: 4px; border-radius: 4px; background-clip: border-box; font-size: 14px; line-height: 28px; }
.color-set-label input { position: absolute; left: -9999em; }
.color-set-label b { float: left; width: 18px; height: 18px; margin: 5px 5px 0 7px; vertical-align: middle; }

.color-set-list { float: left; margin-top: 9px; }
.color-set-list li { float: left; width: 40px; height: 12px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.color-set-list li:hover { position: relative; height: 20px; margin-top: -4px; }
.color-set-list li:first-child { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-clip: border-box; }
.color-set-list li:last-child { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-clip: border-box; }
.color-set-list li:nth-child(1) { background-color: #8ed901; }
.color-set-list li:nth-child(2) { background-color: #f8a300; }
.color-set-list li:nth-child(3) { background-color: #e2312c; }
.color-set-list li:nth-child(4) { background-color: #737373; }
.color-set-list li:nth-child(5) { background-color: #7b64e3; }
.color-set-list li:nth-child(6) { background-color: #4dc3fd; }
.color-set-list li:nth-child(7) { background-color: #66e9d0; }

/*font-styler*/
.fontStyler { margin-left: 10px; display: inline-block; vertical-align: middle; }

.font-styler { display: inline-block; vertical-align: middle; position: relative; height: 30px; }
.font-styler .fs-item { display: inline-block; width: 30px; height: 30px; margin-right: 10px; }
.font-styler .fs-item a { position: relative; display: inline-block; width: 28px; height: 28px; border: 1px solid transparent; background: url("../images/font_set.png") no-repeat; }
.font-styler .fs-item a.active { background-color: #f1f1f1; border-color: #ccc; -webkit-border-radius: 4px; border-radius: 4px; background-clip: border-box; }
.font-styler .fs-item a.opened { z-index: 100; background-color: #fff; padding-bottom: 1px; margin-bottom: -1px; border-bottom: 0; border-color: #ccc; /*@include box-shadow(0px 0 4px rgba(3, 2, 3, 0.3));*/ -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-clip: border-box; }
.font-styler .fs-item-size a { background-position: 0 0; }
.font-styler .fs-item-weight a { background-position: 0 -28px; }
.font-styler .fs-item-color a { background-position: 0 -56px; }
.font-styler .fs-item-color a label { display: block; height: 100%; cursor: pointer; }
.font-styler .fs-item-color a b { position: absolute; width: 20px; height: 4px; background: #000; top: 22px; left: 4px; }
.font-styler .fs-item-color a .fs-color-input { position: absolute; left: -9999em; }
.font-styler .fs-dropmenu { display: none; position: absolute; z-index: 99; top: 30px; left: 0; overflow: hidden; background: #fff; width: 120px; border: 1px solid #ccc; -webkit-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; background-clip: border-box; -webkit-box-shadow: 2px 2px 3px rgba(3, 2, 3, 0.3); -moz-box-shadow: 2px 2px 3px rgba(3, 2, 3, 0.3); box-shadow: 2px 2px 3px rgba(3, 2, 3, 0.3); }
.font-styler .fs-dropmenu li { height: 40px; line-height: 40px; cursor: pointer; padding: 0 10px; font-size: 14px; }
.font-styler .fs-dropmenu li .l { float: left; }
.font-styler .fs-dropmenu li .r { float: right; }
.font-styler .fs-dropmenu li .fs-s { font-size: 12px; }
.font-styler .fs-dropmenu li .fs-m { font-size: 14px; }
.font-styler .fs-dropmenu li .fs-l { font-size: 16px; }
.font-styler .fs-dropmenu li .fs-xl { font-size: 18px; }
.font-styler .fs-dropmenu li .fs-xxl { font-size: 20px; }
.font-styler .fs-dropmenu li:hover { background: #f8f8f8; }
.font-styler .fs-dropmenu li.selected { background: #eee; }

/*comboList*/
.comboList { color: #565656; position: relative; }
.comboList.opened { z-index: 99; }
.comboList.opened .comboListTitle { border-color: #f1f1f1; -webkit-box-shadow: 0.5px 0.9px 4px rgba(3, 2, 3, 0.3); -moz-box-shadow: 0.5px 0.9px 4px rgba(3, 2, 3, 0.3); box-shadow: 0.5px 0.9px 4px rgba(3, 2, 3, 0.3); }

.comboListTitle { background: #fff url(../images/ico-combolist.gif) no-repeat 6px 50%; height: 30px; line-height: 30px; padding: 0 30px 0 25px; border: 1px solid transparent; border-bottom-width: 0; cursor: default; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; background-clip: border-box; }
.comboListTitle:after { position: absolute; content: ""; top: 15px; right: 15px; width: 0; height: 0; border: 4px solid transparent; border-top-color: #000; }

.comboListMenu { background: #fff; position: absolute; top: 30px; min-width: 100%; display: none; }
.comboListMenu ul { border: 1px solid #f1f1f1; border-top-width: 0; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; background-clip: border-box; -webkit-box-shadow: 0.5px 0.9px 4px rgba(3, 2, 3, 0.3); -moz-box-shadow: 0.5px 0.9px 4px rgba(3, 2, 3, 0.3); box-shadow: 0.5px 0.9px 4px rgba(3, 2, 3, 0.3); }
.comboListMenu li { padding: 0 14px; line-height: 30px; border-top: 1px solid #f1f1f1; cursor: pointer; }
.comboListMenu li:hover { color: #ef4941; }
.comboListMenu li.selected { background: #f1f1f1; }

.dcm-setting-body { width: 100%; }
.dcm-setting-body form { height: 100%; }
.dcm-setting-body .control-group { padding-bottom: 10px; }
.dcm-setting-body .control-label { font-size: 14px; color: #3c3c3c; }
.dcm-setting-body .form-horizontal .control-label { width: 100px; line-height: 30px; }
.dcm-setting-body .form-horizontal .controls textarea { width: 400px; height: 150px; vertical-align: text-top; }
.dcm-setting-body input[type=text], .dcm-setting-body input[type=password] { height: 30px; }
.dcm-setting-body select { height: 30px; }

/*dialog*/
.dialog-tab { height: 48px; background: #f7f7f7; }
.dialog-tab ul { padding-top: 11px; }
.dialog-tab li { float: left; height: 37px; line-height: 37px; padding: 0 16px; font-size: 14px; color: #000; cursor: pointer; }
.dialog-tab li.current { border-top: 3px solid #ef4941; margin-top: -3px; background: #fff; cursor: default; }

.dialog-tabcon { position: absolute; top: 48px; bottom: 0; left: 0; right: 0; overflow: auto; padding: 20px; }

.searching-box { overflow: hidden; }
.searching-box li { float: left; margin-right: 20px; }

/*product-dialog*/
.product-dialog-content { position: relative; margin: -15px -20px; height: 508px; }
.product-dialog-content .searching-box { width: 100%; overflow: hidden; margin-bottom: 15px; }
.product-dialog-content .searching-box ul { width: 100%; overflow: hidden; height: 30px; }
.product-dialog-content .searching-box li { float: left; margin-right: 15px; }
.product-dialog-content .searching-box label { display: inline-block; text-align: right; font-size: 14px; }
.product-dialog-content .searching-box button { margin-left: 10px; }
.product-dialog-content .product-dialog-category { position: absolute; width: 150px; height: 368px; border: 1px solid #ccc; overflow: auto; }
.product-dialog-content .product-dialog-list { margin-left: 170px; height: 370px; }
.product-dialog-content .product-dialog-selected { height: 100%; }
.product-dialog-content input[type=radio], .product-dialog-content input[type=checkbox] { margin: 0; }
.product-dialog-content .prodCell { padding-left: 90px; overflow: hidden; }
.product-dialog-content .prodCell .img { float: left; width: 80px; height: 80px; margin-left: -90px; }
.product-dialog-content .prodCell .img img { width: 100%; height: 100%; }
.product-dialog-content .prodCell .name { line-height: 40px; }

/*decoration*/
.frame-select-item { position: relative; padding: 15px; max-width: 1000px; }
.frame-select-item.current { background: #fff url("../../images/ico-success-middle.gif") no-repeat 40% 50%; border: 2px solid #f66a5e; }
.frame-select-item .pull-left { padding-left: 90px; }
.frame-select-item .pull-left .pic { float: left; margin-left: -90px; width: 72px; height: 100px; overflow: hidden; }
.frame-select-item .pull-left .pic img { width: 100%; height: 100%; }
.frame-select-item .pull-left h3 { padding: 10px 0 15px; font-weight: normal; }
.frame-select-item .publish-info { color: #646464; line-height: 22px; }
.frame-select-item .pull-right { position: absolute; right: 30px; top: 50%; margin-top: -14px; }
.frame-select-item .pull-right .button { margin-left: 10px; width: 60px; }

.edit-prompt { position: fixed; margin-left: 10px; top: 0; padding: 5px; max-width: 228px; background: #e5f5ff; border: 1px solid #b1e9ff; z-index: 999; display: none; }

.edit-sample-btn { width: 100px; height: 25px; font-size: 13px; color: #000000; margin-left: 20px; }

.panel { position: relative; }

.sample-pic { position: absolute; top: 50px; left: 105px; background: #F00; z-index: 999999; display: none; }
.sample-pic img { display: block; -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); }

/*layout themes*/
.layout-list { overflow: hidden; *zoom: 1; }
.layout-list ul { margin-left: -20px; clear: both; }
.layout-list li { float: left; width: 260px; margin: 0 0 20px 20px; }
.layout-list li .item { position: relative; padding: 10px; }
.layout-list li:hover .item { border: 2px solid #f39800; padding: 8px; }
.layout-list .pic { width: 240px; height: 320px; margin: auto; overflow: hidden; position: relative; }
.layout-list .pic img { width: 100%; }
.layout-list .preview { text-align: center; padding: 10px; }
.layout-list .selected .pic b { position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; width: 80px; height: 80px; background: rgba(0, 0, 0, 0.2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.layout-list .selected .pic b i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/checked.png) no-repeat center; }

.theme-list li { float: left; width: 118px; }
.theme-list .item s { display: block; height: 100%; }
.theme-list .item .c2 { position: absolute; width: 50%; height: 50%; bottom: 0; right: 0; }
.theme-list .pic { width: auto; height: 90px; border: 1px solid #eaecee; }

/*decoration*/
h3 .title-intro { display: inline-block; margin-left: 15px; font-size: 12px; font-weight: normal; }

.upload-box { overflow: hidden; position: relative; margin-right: 20px; display: inline-block; width: 100px; height: 100px; }
.upload-box .upload-img { position: relative; text-align: center; height: 100%; line-height: 1; color: #a6a5a5; overflow: hidden; }
.upload-box .upload-img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
.upload-box .upload-ph { position: absolute; z-index: 9; top: 0; right: 0; bottom: 0; left: 0; border: 2px dashed #c9c9c9; text-align: center; font-size: 14px; overflow: hidden; cursor: pointer; }
.upload-box .upload-ph span { position: absolute; width: 100%; left: 0; top: 50%; height: 50px; overflow: hidden; line-height: 50px; margin-top: -27px; font-size: 40px; color: #a6a5a5; }

.upload-box-haspic .upload-ph { display: none; }
.upload-box-haspic:hover .upload-ph { display: block; position: absolute; height: auto; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF); }

.upload-box:hover .upload-ph { border-color: #f17421; }
.upload-box:hover .upload-ph span { color: #f17421; }
.upload-box:hover .upload-img { color: #f17421; }

.upload-box-round { vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 120px; }
.upload-box-round .upload-ph, .upload-box-round .upload-img { -webkit-border-radius: 50%; border-radius: 50%; background-clip: border-box; }

.upload-box-round-s { width: 80px; height: 80px; }

.upload-box-round-corner .upload-ph, .upload-box-round-corner .upload-img { -webkit-border-radius: 20px; border-radius: 20px; background-clip: border-box; }

.upload-intropic { display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; margin-right: 20px; }

.watermark-box { position: relative; width: 230px; height: 230px; border: 1px solid #ccc; text-align: center; }
.watermark-box img { width: 100%; }
.watermark-box .pic { height: 230px; overflow: hidden; line-height: 230px; }
.watermark-box .watermark { position: absolute; bottom: 0; right: 0; width: 80px; line-height: 80px; /*border: solid #ccc; border-width: 1px 0 0 1px;*/ }
.watermark-box .watermark .upload-box { width: 80px; height: 80px; display: table-cell; vertical-align: bottom; }
.watermark-box .watermark .upload-ph span { font-size: 14px; height: 20px; line-height: 20px; margin-top: -10px; }

.zx-side, .zx-main { float: left; width: 100%; min-height: 1px; }

.zx-side .wrap { position: relative; width: 120px; overflow: auto; }
.zx-side .wrap .wrapin { min-height: 100%; width: 100px; }

.zx-main { margin-left: -100%; }
.zx-main .wrap { margin-left: 130px; }
.zx-main .wrap .wrapin { height: 100%; width: 100%; display: block; }

.zxs-item { display: block; position: relative; background: #fff; margin-bottom: 7px; color: #3d3d3d; font-size: 12px; border: 1px solid #848282; }
.zxs-item:last-child { margin-bottom: 0; }
.zxs-item a:hover { text-decoration: none; }

.zxs-item-img { display: block; background: #eeeeee; min-height: 16px; }
.zxs-item-img img { width: 100%; }

.zxs-item-mask { display: block; height: 18px; }
.zxs-item-mask b { display: block; line-height: 18px; height: 18px; text-align: center; color: #fff; background: #848282; border-bottom: 1px solid #848282; }

.zxs-item.selected { border: 2px solid #f44a3c; }
.zxs-item:hover .zx-btn-delete { display: block; }
.zxs-item .zx-btn-delete, .zxs-item.selected .zx-btn-delete { display: none; }

.zxs-item-add { height: 34px; line-height: 34px; border: 0; border-bottom: 2px solid #f66a5e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f66a5e; }
.zxs-item-add .zxs-item-mask b { border: 0; height: 34px; line-height: 34px; background: none; }
.zxs-item-add .zxs-item-mask b span { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.22); }
.zxs-item-add.selected .zxs-item-mask b { bottom: -2px; left: 0; right: -12px; }

.zx-widgetwrap .prd-colside .wrap { position: fixed; top: 0; bottom: 0; overflow: auto; width: 120px; }
.zx-widgetwrap .prd-colmain .wrap { margin-left: 120px; }

.zx-widget-item { margin-top: 5px; margin-bottom: 20px; border: 1px solid #ccc; width: 98px; }
.zx-widget-item a:hover { text-decoration: none; }
.zx-widget-item img { width: 100%; }
.zx-widget-item b { line-height: 50px; height: 50px; font-size: 12px; display: block; text-align: center; color: #3d3d3d; font-weight: normal; background: #eeeeee; }
.zx-widget-item.selected { border: 2px solid #ef4941; }

.zx-banner { position: relative; width: 750px; border: 1px solid #ccc; margin-bottom: 25px; text-align: center; overflow: hidden; }
.zx-banner b { font-size: 14px; font-weight: normal; line-height: 40px; }

.zx-banner-main { height: 262px; overflow: hidden; }
.zx-banner-main b { line-height: 262px; }

.zx-banner-side, .zx-banner-side2 { position: absolute; right: 0; width: 131px; height: 131px; border-left: 1px solid #ccc; overflow: hidden; background: rgba(255, 255, 255, 0.8); }

.zx-banner-side b, .zx-banner-side2 b { line-height: 131px; }

.zx-banner-side { top: 0; }

.zx-banner-side2 { bottom: 0; border-top: 1px solid #ccc; height: 130px; }

.btn-add { width: 752px; }
.btn-add a { display: block; text-align: center; border: 2px dashed #ccc; font-size: 14px; line-height: 40px; color: #3d3d3d; }

.zx-btn-delete { position: absolute; right: -6px; top: -6px; width: 20px; height: 20px; line-height: 20px; background: #333; text-align: center; color: #fff !important; margin: 0; font-size: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; }
.zx-btn-delete:hover { text-decoration: none; }

.zx-banner-detail-side { width: 360px; }

.zx-detail-main b, .zx-detail-side b { display: block; margin: auto; font-size: 14px; font-weight: normal; }

.zx-detail-main { float: left; width: 150px; border: 1px solid #eee; height: 200px; line-height: 200px; text-align: center; }

.zx-detail-side { float: right; width: 40px; height: 200px; text-align: center; border: 1px solid #eee; background: #eee; }
.zx-detail-side b { padding-top: 82px; width: 2em; font-size: 14px; font-weight: normal; }

.img-mobiletop { height: 260px; width: 320px; background: url(../images/decoration/zx_mobile_top.jpg); }

.img-detailtop { width: 200px; height: 134px; background: url(../images/decoration/zx_detailtop.png); margin-bottom: 5px; }

.zx-mobile-nav { position: absolute; width: 320px; padding-bottom: 20px; overflow: hidden; *zoom: 1; }

.zx-mobile-nav-item { float: left; position: relative; margin: 0 0 6px 6px; width: 72px; height: 72px; line-height: 72px; text-align: center; font-size: 14px; background: #eee; overflow: hidden; }
.zx-mobile-nav-item a { color: #000; }
.zx-mobile-nav-item img { width: 72px; }
.zx-mobile-nav-item .zx-mask { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: #f39800; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
.zx-mobile-nav-item .zx-tools { display: none; line-height: 72px; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); }
.zx-mobile-nav-item .zx-tools a { display: block; }
.zx-mobile-nav-item:hover .zx-tools { display: block; }
.zx-mobile-nav-item.add a { display: block; background: #fff; border: 2px dashed #ccc; width: 68px; height: 68px; line-height: 68px; cursor: pointer; }
.zx-mobile-nav-item.selected .zx-mask { display: block; }
.zx-mobile-nav-item.selected .zx-tools { display: none; }
.zx-mobile-nav-item .zx-btn-delete { right: 0; top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.zx-mobile-nav-form { margin-left: 335px; }

.upload-box-mobile-nav { min-height: 72px; width: 72px; height: 72px; }

/*update list*/
.update-msg-list li { counter-increment: n; }
.update-msg-list li:before { float: left; content: counter(n) "."; margin-right: 5px; }
.update-msg-list .l { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.update-msg-list .r { float: right; }

.update-list { margin-top: 20px; font-size: 14px; }
.update-list .year { float: left; line-height: 30px; font-size: 18px; color: #999; text-align: center; width: 88px; }
.update-list .unfold:after { background-position: -10px 0; }
.update-list .unfold .update-title { color: #ef4941; }
.update-list .unfold .update-thumb { display: none; }
.update-list .unfold .update-detail { display: block; }

.update-box { max-width: 800px; margin-left: 88px; padding-left: 35px; padding-bottom: 20px; position: relative; overflow: hidden; }
.update-box p { margin: 0; font-size: 14px; line-height: 25px; }
.update-box:before, .update-box:after { position: absolute; content: ""; width: 10px; left: 0; background: url("../images/update-list-icons.png"); }
.update-box:before { height: 100%; background-position: 100% 0; }
.update-box:after { top: 10px; height: 10px; }
.update-box .toggle { text-align: right; line-height: 1; }
.update-box .toggle span { display: inline-block; width: 60px; vertical-align: top; }

.update-title { font-size: 18px; line-height: 30px; color: #3c3c3c; cursor: pointer; }

.update-thumb { color: #999; }

.update-detail { display: none; line-height: 30px; }
.update-detail dl { display: table; margin: 0; }
.update-detail dt { display: table-cell; font-weight: bold; white-space: nowrap; }
.update-detail dd { display: table-cell; }
.update-detail figure { margin: 10px 0; }
.update-detail figure img { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.update-detail .item { margin-bottom: 20px; margin-left: 18px; list-style: decimal; display: list-item; }
.update-detail .item-t { color: #000; font-weight: bold; }
.update-detail .item-c { color: #666; }

.update-tips { padding: 36px 20px 10px; line-height: 25px; margin-top: 10px; margin-left: -20px; background: #f8f8f8; color: #666; position: relative; }
.update-tips:before { position: absolute; content: ""; width: 74px; height: 34px; top: -6px; left: 20px; background: url("../images/small-tips.png") no-repeat; }

/*premium-update*/
.premium-update-title { text-align: center; font-size: 16px; line-height: 24px; padding-bottom: 14px; color: #e60000; border-bottom: 1px dashed #eee; }

.premium-update { width: 360px; margin: auto; padding: 18px 0; overflow: hidden; background: url("../images/premium_update.png") no-repeat 50% 65px; }

.premium-update-col { float: left; width: 50%; line-height: 20px; text-align: center; }
.premium-update-col .tit em { display: block; font-weight: bold; color: #000; }
.premium-update-col .img { height: 125px; margin: 10px 0 5px; }
.premium-update-col.new .desc { color: #ff6611; }

.premium-update-foot { margin: 15px -20px -15px; padding: 0 10px; clear: both; }
.premium-update-foot p { display: inline-block; margin: 12px 10px; vertical-align: baseline; line-height: 30px; font-size: 16px; }
.premium-update-foot p a { display: inline-block; color: #3c3c3c; padding-left: 20px; background: url("../images/ico-tel.png") no-repeat left; margin-left: 10px; }

/*weixin*/
.home-links { overflow: hidden; margin: 10px 0 0; width: 920px; }
.home-links ul { margin-left: -10px; }
.home-links li { float: left; width: 120px; margin: 0 0 10px 10px; text-align: center; }
.home-links a { display: block; height: 120px; line-height: 120px; font-size: 16px; color: #fff; background: #5fd675; }

.wxhome-infos { overflow: hidden; *zoom: 1; margin: 10px 0 10px -10px; }
.wxhome-infos ul { float: left; margin-left: 10px; _display: inline; background: #d3e1ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 0; }
.wxhome-infos li { position: relative; float: left; width: 70px; height: 50px; border-left: 1px solid #becfde; border-right: 1px solid #f0f5f9; text-align: center; }
.wxhome-infos li.hd { border-left: 0; width: 2em; padding: 0 12px; font-size: 14px; }
.wxhome-infos li.hd span { display: block; margin-top: 2px; }
.wxhome-infos li .tit { position: absolute; bottom: 0; width: 100%; left: 0; }
.wxhome-infos li em { color: #6eb4f0; font-weight: bold; font-size: 14px; }

.wxhome-chart { width: 920px; margin: 10px 0; overflow: hidden; *zoom: 1; }

.wxchart { float: left; width: 730px; }

.wxchart-info { position: relative; float: right; width: 180px; height: 264px; border: 1px solid #e2e2e2; }
.wxchart-info h3 { margin: 0 4px; line-height: 40px; font-size: 16px; text-align: center; border-bottom: 1px solid #f4f4f4; color: #494747; }
.wxchart-info li { padding-top: 55px; position: relative; text-align: center; color: #909090; margin-top: 10px; line-height: 20px; font-size: 14px; }
.wxchart-info li em { position: absolute; width: 100%; height: 55px; top: 0; left: 0; line-height: 55px; font-size: 44px; color: #ffb052; }

.wxinfo-ft { position: absolute; bottom: 0; width: 100%; line-height: 30px; border-top: 1px solid #f4f4f4; text-indent: 10px; text-align: center; }

.wx-user-manage { min-width: 780px; }

.wx-user-manage-side { float: right; width: 210px; border: 1px solid #ededed; color: #424242; }

.tree-tit { background: #fbfbfb; border: solid #ededed; border-width: 1px 0; margin: -1px 0; line-height: 34px; padding-left: 14px; font-size: 14px; }

.wx-user-manage-side .count { color: #c7c7c7; margin-left: 5px; }
.wx-user-manage-side a { display: block; color: #424242; overflow: hidden; }
.wx-user-manage-side a:hover { text-decoration: none; }

.tree-list { line-height: 34px; padding: 5px 10px; }
.tree-list li { line-height: 30px; }
.tree-list a { padding: 0 15px; }
.tree-list li:hover { background: #eee; }
.tree-list li:hover .tree-edit { display: block; }

.tree-edit { float: right; display: none; }
.tree-edit a { padding: 0; display: inline-block; }

.tree-ft { margin: 0 10px; border-top: 1px solid #ededed; padding: 8px 5px; }

.wx-user-manage-main { margin-right: 225px; }

.wx-sucai-manage { overflow: hidden; *zoom: 1; }
.wx-sucai-manage .x-layout-column { float: left; }
.wx-sucai-manage .x-layout-item-column { margin: 30px auto 0; width: 342px; _display: inline; }

.post-sucai-box { border: 2px dashed #c1c4c6; text-align: center; }
.post-sucai-box a { display: inline-block; width: 100px; padding-top: 90px; margin: 10px 20px; line-height: 30px; color: #c1c4c6; font-weight: bold; }

.sucaibtn-single { background: url("../images/singleimg.png") no-repeat top; }

.sucaibtn-multi { background: url("../images/multipleimg.png") no-repeat top; }

.sucai-box { position: relative; border: 1px solid #c1c4c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 10px 0; background-clip: border-box; overflow: hidden; }

.sucai-title { font-size: 18px; color: #2c5473; margin-bottom: 5px; }

.sucai-pic { width: 100%; overflow: hidden; max-height: 180px; margin-top: 5px; }
.sucai-pic img { width: 100%; }

.sucai-toolbar { margin: 10px -10px 0; background: #f4f4f4; border-top: 1px solid #c1c4c6; height: 45px; line-height: 45px; }
.sucai-toolbar ul { float: left; width: 344px; margin: 0 -1px; }
.sucai-toolbar li { float: left; width: 170px; margin-top: 7px; height: 30px; border-left: 1px solid #fff; border-right: 1px solid #c1c4c6; }
.sucai-toolbar a { display: block; height: 45px; margin: -7px 0 0; font-size: 0; }

.sucaibtn-edit { background: url("../images/ico-edit.gif") no-repeat center; }

.sucaibtn-del { background: url("../images/ico-delete.gif") no-repeat center; }

.sucai-box-selected .sucai-box-mask { display: block; }

.sucai-box-mask { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000); zoom: 1; }
.sucai-box-mask i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/icon_msg_selected.png") no-repeat center; }

.wx-media-preview-area { float: left; width: 320px; margin-right: 14px; }

.wxappmsg { position: relative; overflow: hidden; margin-bottom: 20px; border: 1px solid #d3d3d3; background-color: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }

.media-msg-item { padding: 14px; position: relative; overflow: hidden; *zoom: 1; border-bottom: 1px solid #d3d3d3; }

.wxmsg-thumb-wrp { overflow: hidden; float: right; width: 78px; height: 78px; }

.wxmsg-thumb { width: 100%; height: 100%; }

i.wxmsg-thumb { text-align: center; display: block; color: #c0c0c0; text-align: center; line-height: 78px; font-weight: 400; font-style: normal; background-color: #ececec; font-size: 14px; }

img.wxmsg-thumb { display: none; }

.wxmsg-title { font-weight: 400; font-style: normal; line-height: 28px; max-height: 56px; overflow: hidden; word-wrap: break-word; word-break: break-all; padding-top: 6px; }
.wxmsg-title a { color: #333; }

.wxmsg-thumb { width: 100%; }

.wx-media-cover { position: relative; }
.wx-media-cover .wxmsg-thumb-wrp { width: 100%; height: 160px; float: none; }
.wx-media-cover img.wxmsg-thumb { height: auto; }
.wx-media-cover i.wxmsg-thumb { height: 160px; line-height: 160px; font-size: 20px; }
.wx-media-cover .wxmsg-title { position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; padding: 0; background: rgba(0, 0, 0, 0.6) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endcolorstr ='#99000000'); }
.wx-media-cover .wxmsg-title a { color: #fff; padding-left: 4px; }

.wxmsg-edit-mask { display: none; position: absolute; top: 0; left: 0; line-height: 102px; width: 100%; height: 100%; background: rgba(229, 229, 229, 0.85) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d9e5e5e5', endcolorstr ='#d9e5e5e5'); text-align: center; }

.wx-media-cover .wxmsg-edit-mask { line-height: 160px; }

.media-msg-item:hover .wxmsg-edit-mask { display: block; }

.wxicon { display: inline-block; width: 28px; height: 28px; vertical-align: middle; line-height: 28px; text-indent: -9999px; overflow: hidden; }

.wxmsg-edit-mask a { margin: 0 10px; }

.edit-gray { background: url("../images/ico-edit.gif") no-repeat center; }

.del-gray { background: url("../images/ico-delete.gif") no-repeat center; }

.wxmsg-add { padding: 14px; }
.wxmsg-add a { display: block; font-size: 0; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 3px dotted #b8b8b8; height: 72px; line-height: 72px; text-align: center; }

.add-gray { background: url("../images/ico-add.gif") no-repeat; }

.wxappmsg .hasimg i.wxmsg-thumb { display: none; }
.wxappmsg .hasimg img.wxmsg-thumb { display: inline-block; }

.wx-media-edit-area { float: left; }

.media-single-msg .wxmsg-title { font-size: 16px; }
.media-single-msg .wxmsg-thumb-wrp { width: 100%; height: 160px; float: none; }
.media-single-msg img.wxmsg-thumb { height: auto; }
.media-single-msg i.wxmsg-thumb { height: 160px; line-height: 160px; font-size: 20px; }

.teach-box { position: relative; background: #fffff1; border: 1px solid #faf1d7; *zoom: 1; margin-bottom: 10px; padding: 5px 30px 5px 80px; line-height: 20px; }
.teach-box:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.teach-box dl { margin: 0; padding: 0; }
.teach-box dt { float: left; display: inline; width: 70px; margin-left: -75px; padding-right: 5px; text-align: right; line-height: 20px; }
.teach-box dd { overflow: hidden; width: 100%; _width: 99.5%; padding: 0; margin: 0; }
.teach-box ul { margin-left: -11px; float: left; display: inline; }
.teach-box li { float: left; border-left: 1px solid #ef4941; height: 14px; margin: 3px 0; }
.teach-box li a { display: block; margin: -3px 10px; }
.teach-box .close { position: absolute; right: 0; top: 0; width: 30px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; }
.teach-box .close a { color: #454444; text-decoration: none; }
.teach-box .modify { position: absolute; right: 0; top: 0; width: 80px; height: 38px; line-height: 38px; text-align: center; }
.teach-box .modify a { text-decoration: none; }

.purchase-teach-box { padding: 5px 80px 5px 10px; line-height: 28px; }
.purchase-teach-box .set-address { background: #f44a3c; margin-left: 20px; color: #FFFFFF; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 15px; line-height: 28px; }
.purchase-teach-box .set-address:hover { text-decoration: none; }
.purchase-teach-box p { width: 100%; margin: 0; line-height: 28px; color: #ff9900; }

.top-bar { margin-bottom: 10px; }

.top-bar-wrap { background: #fff; }

.top-bar-fixed { position: fixed; top: 0; z-index: 99; }

.round-title { overflow: hidden; *zoom: 1; padding: 5px; line-height: 33px; }
.round-title h2 { float: left; font-weight: normal; font-size: 16px; }

.titlecircle { display: inline-block; vertical-align: middle; width: 33px; height: 33px; background: url("../images/round-title.png") no-repeat; text-align: center; line-height: 33px; margin-right: 10px; font-size: 24px; color: #fff; font-style: italic; }

/*# sourceMappingURL=page.css.map */