@charset "utf-8";
/* CSS Document */
.modal-backdrop{ position: fixed; bottom: 0;}
.main-content .page-content.page-thin{ padding: 25px 15px 0 15px;min-height: 750px; }
.t-overflow{white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.main-content .page-content .my-shop .header{ padding-top:0;}
.main-content .page-content .my-shop .breadcrumb-wrapper{ top:0;}
.header .btn[data-target]{ float:right; margin-right:0;padding-left:15px; padding-right:15px;}
.main-content .page-content > div > .header .btn i{ font-size:14px; opacity:1; }
.my-shop-title-panel .text-right{ text-align: right;}
#openShop .text-right{ text-align: right;}
#openShop .modal-footer{ border-top: 1px solid #e5e5e5;}
#openShop .modal-body{ padding-bottom: 0;}
#openShop .reset-wrap{ position: relative; top: -15px;}
#openShop .reset-wrap .btn{ margin: 0;}
#openShop .upload-msg{ margin-top:0; margin-bottom:0; font-size: 12px; color: #999; }
[data-trigger=fileinput]{ white-space: nowrap; overflow: hidden; }
.fileinput-filename{ max-width: 220px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.my-shop-list{ list-style:none;}
.my-shop-list>li{ position:relative;}
.avater .img-wrap{ width: 100px; height: 100px; border-radius: 50%; overflow: hidden; border:2px solid #ddd; position:relative;}
.avater .img-wrap .edit-info{ display:none; position:absolute; top:0; left:0; width:100%; height:100px; line-height:100px; color:#fff; text-align:center; background:rgba(51,51,51,.6);}
.avater:hover .edit-info{ display:block;}
.avater .img-wrap img{ width: 100px; height: 100px;}
.my-shop-list .shop-info .avater{ margin-right: 15px; cursor: pointer;}
.my-shop-list .shop-info .text{ position:relative; padding-top: 10px; }
.my-shop-list .shop-info .text h3{ margin-top: 0; max-width: 200px; cursor:pointer;}
.my-shop-list .shop-info .text h3:hover{ text-decoration:underline;}
.my-shop-list  .panel-content .shop-info .text>i{ position:absolute; top:9px; left:0; height:20px; line-height:20px;}
.my-shop-list .panel-content .shop-info .text>*{ display: block; margin-bottom: 12px;}
.my-shop-list .shop-close{ position: relative; overflow: hidden;}
.my-shop-list .shop-close:before{ position: absolute; top: 10px; left: -30px; height: 24px; line-height: 24px; padding: 0 45px; content:"已停用"; background: #c75757; color: #fff; z-index: 2;
    transform: rotate(-30deg);}
.my-shop-list .spec-close:before{display: none;}
.my-shop-list .shop-close .img-wrap:before{ position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100px;  background: rgba(51,51,51,.6); content:"";}
.my-shop-list .shop-close .img-wrap:hover:before{ display: none;}
.my-shop-list .shop-close>.panel{ border:1px #c75757 solid;}


.shop-count-panel{ margin-right: 45px;}
.shop-count-panel>p{ display: inline-block; margin-top: 20px;}
.shop-count-panel>p>span{ display: block; width: 100px; text-align:center; }
.shop-count-panel>p>span.val{ margin-bottom: 12px; height: 24px; line-height: 24px; font-size: 18px; font-weight: bold;}
.shop-count-panel>p>span.title{ height: 24px; line-height: 24px; font-size: 14px; color: #999;}
.shop-count-panel>p>span.val small{ font-weight: normal;}
.my-shop-list .link { margin-top: 5px;}
.my-shop-list .link .btn{ display: block; margin-right: 0; margin-bottom: 15px; padding: 7px 15px 8px;}
.main-content .page-content .my-shop-list .panel .panel-footer{ background-color: #fff; border-top: 1px #ddd solid; border-bottom: none; text-align: center;}
.main-content .page-content .my-shop-list .panel .panel-footer .btn{ margin-right: 30px;}
.my-shop-list .shipping{ max-width: 200px;}
.my-shop-list .restart{ display: none; }
.my-shop-list .shop-close .restart{ display: inline-block;}
.my-shop-list .shop-close .panel-footer [data-target="#stopShop"]{ display: none;}
.account2 .account-info ul li em{ margin-right:15px;}
.account-form .error.alert{ display:none; font-size:12px; margin-bottom:10px; padding:5px 10px;}
.account-form .verifyCode-wrap{ display:none; font-size:0;}
.account-form .verifyCode-wrap>*{ margin-right:10px;}
.account-form .verifyCode-wrap img{ display:inline-block; margin-bottom:8px; cursor:pointer;}
.account-form .verifyCode-wrap .form-control-static{ height:36px; line-height:36px; margin-bottom:8px; padding:0; font-size:12px;}
.account-form label.error{ font-weight:normal; font-size:14px;}
.account2 .form-signin input[type="password"]{border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; margin-bottom: 8px;}
.main-content .page-content .panel .panel-footer .btn:not(.btn-sm) i{ padding-right:8px;}
/*crop*/
#cropContainerMinimal{ width:302px; height:302px; position:relative; border:1px #ccc solid; background: url(../images/d-avatar-r.png) no-repeat center center; background-size: 70%; }
.cropControls{ z-index:2; position:absolute; height:30px; display:block; top:-1px; right:-1px; background:rgba(0,0,0,.35);}
.cropControls i:last-child{ margin-right:0;}
.cropControls i{ float:left; cursor:pointer; width:30px; height:30px; line-height:30px; color:#fff; text-align:center;}
.cropControls i.cropControlUpload,.cropControls i.cropControlCrop { background:#319DB5;} 
.cropControls i.cropControlUpload:hover,.cropControls i.cropControlCrop:hover{ background:#267a8d;}
.cropControls i.cropControlReset,.cropControls .cropControlRemoveCroppedImage{ background:#c75757;}
.cropControls i.cropControlReset:hover,.cropControls .cropControlRemoveCroppedImage:hover{ background-color:#c14444;}
.cropContainerMinimal_imgUploadForm{ display:none;}
#openShop .crop-upload-msg,.open-form .crop-upload-msg{ margin-top:30px; color:#999; font-size:12px;}
#openShop .crop-upload-msg p{ margin-bottom:5px;}
.cropControls.cropControlsCrop+img{ opacity:.2; position:relative;}
#openShop .loader.fixed{ position:absolute; top:50%; left:50%; margin:-1.5rem 0 0 -1.5rem;}
.modal-footer [data-loading] .ladda-label{ margin-left:7px;}
.modal-footer [data-loading] .ladda-spinner{ opacity:1; left:5px;}
.modal-dialog{ margin-top:30px;}
label.error{ font-weight:normal;}
.croppedImg{ border-radius:50%;}
.cropControls i.cropControlCrop{ position:absolute; top:271px; left:-11px; width:100px;}
.cropControls i.cropControlCrop:after{ content:"Screenshots";}
.cropControls i.cropControlCrop:before{ margin-right:10px;}
.main-content .page-content .panel.shop-product-filter .panel-header{ border-bottom:1px #ddd solid; padding-top:15px; padding-bottom:15px;}
.shop-product-filter .panel-header>*{ float:left;}
.main-content .page-content .shop-product-filter .panel-header .panel-title{ margin:0 60px 0 0; font-size:16px; height:36px; line-height:36px;}
.shop-product-filter .panel-header .panel-title>strong{ max-width:200px; float:left; margin-right:10px;}
.shop-product-filter .panel-header .btn{ margin-bottom:0;}
.shop-product-filter .panel-header .btn+span{ line-height:36px; font-size:12px;}
.shop-product-filter .panel-header .panel-title span{ font-size:14px;}
.tags-select{ position:relative; border-bottom:1px #ddd dashed; padding:15px 0; margin-bottom:15px;max-height:86px; overflow:hidden;transition: all ease-in-out  1s;}
.tags-select.active{ max-height:none;}
.shop-product-filter .tags-select{ margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;}
.tags-select-content{ margin-bottom:0; margin-right:100px;}
.tags-select-content>*{ float:left; height:26px; line-height:26px;}
.tags-select-content>dt{ margin-right:10px; margin-bottom:10px;}
.tags-select-content>dt span{ font-weight:normal;}
.tags-select-content>dd{ margin-right:15px; position:relative; margin-bottom:10px;}
.tags-select-content>dd>label{ display:block; height:100%; margin:0;padding:0 10px; font-weight:normal; user-select:none; cursor:pointer;}
.tags-select-content>dd>label input{ display:none;}
.tags-select-content>dd>label span{ position:relative; z-index:2;color:#616c76;-moz-user-select:none;  -webkit-user-select:none; user-select:none; opacity: .9;}
.tags-select-content>dd>label div{ position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; background:#fff; border-radius:4px; border:1px dashed #ccc;}
.tags-select-content>dd>label input:checked+span{ color:#fff;opacity: 1;}
.tags-select-content>dd>label input:checked+span+div{ background:#353940; border:1px solid #353940;}
.tags-select .toggle{ display:none; position:absolute; right:15px; bottom:5px;}
.tags-select .mgr{ position: absolute; top:0; right: 15px; margin: 0;}
.cropImgWrapper{ cursor:move;}
.page-content .noty_inline_layout_container{ z-index:1000 !important;}
.form-group .form-control-static{  line-height:20px;}
.bootstrap-tagsinput{ line-height:26px;width: 100%; background:#fff;}
.bootstrap-tagsinput:hover{ border-color:#C5C8CB;}
.accordion {margin-bottom:-3px;}
.accordion-group {border: none;}
.tag.label{white-space:nowrap;} 
.twitter-typeahead .tt-query,.twitter-typeahead .tt-hint { margin-bottom: 0;}
.twitter-typeahead .tt-hint {  display: none;}
.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}
.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}
.tt-suggestion:hover,.tt-suggestion:focus,.tt-suggestion.tt-cursor {color: #ffffff; text-decoration: none; outline: 0; background-color: #428bca;}
.product-pics-list{ list-style:none;}
.product-pics-list>li{ position:relative; float:left; border:1px #ddd solid; padding:5px; margin-left:15px; margin-bottom:10px;}
.product-pics-list>li .label{ position:absolute; top:5px; left:5px;}
.product-pics-list>li:hover .label{ top:4px; left:4px; opacity:.4;}
.product-pics-list>li:hover{ border-color:#319db5; border-width:2px; padding:4px;}
.product-pics-list>li a{ display:table-cell; width:85px; height:85px; text-align:center; vertical-align:middle; cursor:zoom-in;}
.product-pics-list>li a>img{ max-width:85px; max-height:85px;}
#tagsMgr .form-inline{ margin-bottom:15px;}
#tagsMgr .form-inline .form-group{ margin-right:0; margin-left:0;}
#tagsMgr .form-inline .btn{ margin-bottom:0; margin-right:0;}
#tagsMgr .tags-search-list{ list-style:none; margin:0 -15px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; max-height:320px; min-height:96px; overflow-y:scroll;}
#tagsMgr .tags-search-list li{ position:relative; padding-left:15px; padding-right:60px; height:32px; line-height:32px;}
#tagsMgr .tags-search-list li a{ position:absolute; right:10px; display:none;}
#tagsMgr .tags-search-list li:nth-of-type(even){ background-color:#f9f9f9;}
#tagsMgr .tags-search-list li:hover a{ display:inline;}
#tagsMgr .tags-search-list li:hover{ background-color:#f5f5f5;}
#tagsMgr .modal-body{ padding-bottom:0;}
.confirm-box{ position:absolute; top:0; left:0; width:100%; z-index:1100; background:#f0f0f0; border-bottom:1px #ddd solid; box-shadow:0 0 8px #ccc;}
.confirm-box>*{ text-align:center;}
.confirm-box>p{ margin-top:10px;}
.page-bottom-action{ position:fixed; bottom:0; left:50%; z-index:1000; margin-left:-680px; padding-left:240px; width:1360px;  }
.page-bottom-action>div{ background:#fff; text-align:right;border-top:1px #ddd solid; box-shadow:0 -2px 6px #ccc; padding:15px 25px 10px;}
#productsImport .modal-header .modal-title,#productsImport .modal-header .modal-title-sub{ display:inline-block; margin-bottom:0; margin-right:15px; height:22px; line-height:22px; color:#f0f0f0; padding:0 15px; border-radius:4px;}
#productsImport .modal-title-sub>*{ line-height:22px;}
#productsImport .modal-title-sub>i{ margin:0 10px;}
#productsImport .modal-body{ max-height:500px; overflow-y:scroll;}
#productsImport .table{ border-top:1px #ddd solid; }
#productsImport .table td{line-height:22px}
#productsImport .table .name{ height:44px; overflow:hidden;}
#quickview-sidebar .quickview-header .nav > li > a{  padding-left:50px; font-size: 16px; text-align: left;}
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list .user-details{ width: 150px;}
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list .user-details .user-time{ position: absolute; top:0; right: 10px; font-size: 12px;}
#quickview-sidebar .quickview .tab-content #chat .chat-body > div{ padding: 0;}
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list ul li{ position: relative; border-bottom: 1px #ddd solid;padding: 10px 35px 7px;}
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list .user-img{ width: 55px;}
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list .user-img img{ width: 35px; height: 35px; border-radius: 50%;}
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list .user-details .user-name{ font-weight: bold; color: #333;}
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list .user-details .user-name .label{ margin-right: 5px; padding: .1em .3em .15em;}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .chat-back{ top:10px; left: 20px;}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .user-details .user-name{ text-align: left;}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body{ padding: 15px;}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .conversation-img img{ width: 35px; height: 35px; border-radius: 50%;}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body li.reply{}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body li.reply .chat-date{ text-align: left;}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body li.reply .conversation-img{ float: right; margin-right: 0; margin-left: 15px;}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body li.reply .chat-detail .chat-bubble{ background:#319db5; color: #fff; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body li.reply .chat-detail .chat-bubble:after{ left: auto; right: -7px; border-width: 9px 0 9px 7px;border-color: rgba(0, 0, 0, 0) #319db5;}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation.current .conversation-message{ position: fixed; bottom: 0;}
.main-content{ min-height:500px;}
.chat-input{ display: none; position: fixed; bottom: 0; padding: 10px; width: 100%; border-top: 1px #ddd solid; background: #fff; z-index: 10;}
.chat-input>*{ float: left;}
.chat-input .btn{ margin-right: 0; margin-bottom: 0; padding: 7px 12px 8px !important;}
.chat-input textarea{ font-size: 14px; border:1px #ddd solid; padding: 5px 6px; resize: none; max-height: 172px; line-height: 20px; outline: none; overflow: hidden; width: 190px;}
#quickview-sidebar .quickview-header .nav > li{ float: none; width: 100%; position: relative;}
#quickview-sidebar .quickview-header .nav > li button{ position: absolute; top:15px; left: 15px; color: #fff; opacity: .8;}
#quickview-sidebar .quickview-header{ position: relative;}
.chat-back{ display: none; position: absolute; top: 4px; left: 15px; z-index: 11; height: 50px; line-height: 50px; color: #f0f0f0; cursor: pointer;}
.chat-back i{ color: #f0f0f0; font-size: 16px;}
.chat-bubble .loader.fixed,.chat-bubble  .loader.bottom:after{  width: 1.5rem; height: 1.5rem;}
.chat-bubble .loader{ border-width: .25rem;}
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .chat-detail .chat-bubble{word-wrap: break-word;}
.loader.bottom{ display:none; margin-bottom:2rem;border-top-color: #319db5;  border-right-color: #319db5;  border-left-color: #319db5;}
.scroll-none body{ overflow: hidden; }
.lockup-area-content{}
.lockup-area-content .table .btn{ margin-left: 10px; margin-right: 10px; margin-bottom: 5px;}
.modal .shop-select{ margin-bottom: 15px; border-bottom: 1px #ddd solid;}
.modal .shop-select h4{ margin-top: 0; margin-bottom: 15px; font-size: 14px; height: 20px; line-height: 20px; font-weight: bold;}
.modal .shop-select h4 .switch{ margin: 0 0 0 20px; position: relative; top: -2px; width: 72px;}
.modal .shop-select h4 .switch-input:checked ~ .switch-handle{ left: 52px;}
.modal .shop-select h4 .switch-label:before{ right: 8px;}
.modal .shop-select .shop-checkbox{ cursor: pointer; margin-right: 10px; margin-bottom: 15px;}
.modal .shop-select .shop-checkbox input[type=checkbox]{ display: none;}
.modal .shop-select .shop-checkbox span{display: inline-block; background:#f0f0f0; border: 1px #ddd dashed; color: #999; height: 28px; line-height: 26px; padding: 0 10px; border-radius: 4px;   font-weight: normal;}
.modal .shop-select .shop-checkbox input[type=checkbox]:checked+span{ background:#319db5; border: 1px solid #319db5; color: #fff; text-decoration: none; opacity: 1;}
.modal  .lockup-area-title{ margin-top: 0;margin-top: 0;  margin-bottom: 15px; font-weight: bold;  font-size: 14px;  height: 20px;  line-height: 20px;}
.modal .nav-tabs li .switch{ display: none; margin: 0; position: absolute; top: 7px; right: 0; z-index: 3; width: 72px;}
.modal .nav-tabs li .switch-input:checked ~ .switch-handle{ left: 52px;}
.modal .nav-tabs li .switch-input:checked ~ .switch-label{background:#319DB5;}
.modal .nav-tabs li .switch-label{background:#c75757;}
.modal .nav-tabs li .switch-label:before{ color: #fff;text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
.modal .nav-tabs li .switch-label:after{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
.modal .nav-tabs li.active .switch{ display: block;}
.modal .tab-pane .shop-checkbox{ cursor: pointer; margin-right: 10px; margin-bottom: 15px;}
.modal .tab-pane .shop-checkbox input[type=checkbox]{ display: none;}
.modal .tab-pane .shop-checkbox span{display: inline-block; background:#319DB5; border: 1px #319DB5 solid; color: #fff; height: 28px; line-height: 26px; padding: 0 10px;
    border-radius: 4px;   font-weight: normal;}
.modal .tab-pane .shop-checkbox input[type=checkbox]:checked+span{ background:#c75757; border: 1px solid #c75757; color: rgba(255,255,255,.7); text-decoration: line-through;}
.modal .tab-content label span{ -moz-user-select:none; -webkit-user-select:none; user-select:none;}
.modal .nav-tabs li.lockup a{ text-decoration: line-through;}
.modal .modal-lg{ width: 992px;}
.v-t{vertical-align: top !important;}
.my-shop-list .panel-content .shop-info .paypal{ max-width: 290px;}
.my-shop-list .panel-content .shop-info .paypal a:focus{ text-decoration: none; color: #319DB5;}
#bindAccount .alert{ padding: 5px 15px; }
#bindAccount .modal-footer{ border-top: 1px #ddd solid;}
/*#bindAccount .new-account{ display: none;}*/
#bindAccount .new-account h4{ margin-top: 0; height: 36px; line-height: 36px; font-size: 14px;border-bottom: 1px #ddd solid;}
.error-main{ margin-top: 10%;}
#tagsMgr .tags-list{ list-style: none; padding-top: 15px;}
#tagsMgr .tags-list>.ui-sortable-placeholder{ float: left;  height: 26px; background: #f0f0f0 !important;}
#tagsMgr .tags-list>.ui-sortable-helper{white-space: nowrap; overflow: hidden; opacity: .7;}
#tagsMgr .tags-list>.tags{ float: left; position: relative; height: 26px; margin-right: 15px; margin-bottom: 10px;
    padding: 0 10px;border-radius: 4px; background: #e0e6eb; color: #616c76; height:26px; line-height: 26px;  cursor: move;}
#tagsMgr .tags-list>.tags span{ -webkit-user-select: none;user-select: none;}
#tagsMgr .tags-list>.tags .title{ font-weight: bold; margin-right: 5px;}
#tagsMgr .del-wrap{ display: none; position: absolute; top: 15px; left: 625px; padding: 0 15px; width: 200px; height: 36px; border:1px dashed #c75757; line-height: 36px;
    color: #c75757; text-align: center; opacity: .6;}
#tagsMgr .del-wrap.active{ opacity: 1; border:2px dashed #c75757;height: 34px;line-height: 34px;}
#tagsMgr .modal-body .action{ display: none; position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding: 15px 0; background: #fff; z-index: 3; border-bottom: 1px #ddd solid;
}
#tagsMgr .modal-body .action .btn{ margin-bottom: 0;}
#tagsMgr .modal-content .mask{ display: none; position: absolute; top: 0; bottom: 0; width: 100%; background: rgba(51,51,51,.6); z-index: 2;}
#setTags .modal-header h4 small{ margin-left: 15px; color: #f0f0f0;}
#setTags .modal-header h4 small span{ margin-left: 5px; margin-right: 5px; color: #fff;}
#setTags .main-content .page-content .panel .panel-content .p-s-tags.dropdown-menu{ max-width: auto; width: 500px; padding: 10px; left: 50%; margin-left: -250px;}
#setTags .tags-select-list{ list-style: none;}
#setTags .tags-select-list li{ float: left; margin-right: 10px; margin-bottom: 12px;}
#setTags .tags-select-list li label {  position:relative;  font-weight: normal; padding: 0 10px; cursor: pointer;}
#setTags .tags-select-list li label input{ display: none;}
#setTags .tags-select-list li label span{ position: relative; z-index: 2; color: #999;}
#setTags .tags-select-list li label input:checked ~ span{ color: #fff !important;}
#setTags .tags-select-list li label input:checked ~ div{ background:#353940; border:1px solid #353940;}
#setTags .tags-select-list li label .val{ font-size: 12px;}
#setTags .tags-select-list li label div{ position: absolute; top: 0; bottom: 0; left: 0; background: #fff;  width: 100%;border-radius: 4px; border:1px dashed #ccc; z-index: 1;}
.table  .tags-wrap{ position: relative; height: 60px; overflow: hidden; cursor: pointer;}
.table  .tags-wrap:hover{ overflow: visible;}
.table  .tags-wrap p{ height: 60px; line-height: 60px;}
.table  .tags-wrap>div{ display:none;position: absolute; top:0; left: 0;border: 1px transparent solid; padding: 5px; z-index: 9;}
.table  .tags-wrap:hover>div{ display: block; bottom:0; top:auto; width: 400px; background: #fff; border: 1px #319db5 solid; box-shadow: 1px 1px 6px #ddd; min-height: 58px;}
.table  .tags-wrap span.tag{ display: inline-block; position: relative; margin-left: 5px; margin-bottom: 5px; max-width: 100px;  height: 24px; line-height: 24px; padding: 0 5px; border-radius: 4px;
    background: #319db5; color: #fff; -webkit-user-select: none; user-select: none;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.table  .tags-wrap span{display: inline-block;margin-left: 5px; margin-bottom: 5px;height: 24px; line-height: 24px; }
.table  .tags-wrap>div .tag i{ display: none; margin-left: 5px; margin-right: 2px; font-weight: normal; position: absolute; right: -5px; top:5px;}
.table  .tags-wrap>div .tag:hover i{ display: inline-block; text-decoration: none; font-size: 12px;}
.table  .tags-wrap>div .tag:hover{ background: #c75757; text-decoration: line-through; padding-right: 20px;}
.error-page h1{ margin-bottom: 30px; height: auto;}
.error-page h1 i{ font-size: 60px; margin-right: 30px; position: relative; top: 6px;}
.error-page h1 span{ display: inline-block; font-size: 30px; height: 60px; line-height: 60px;}
.error-page h3{ font-size: 14px; width:60%; margin: 0 auto 60px;  line-height: 22px;}
#shareProfits .alert{ padding: 5px 10px;}
#shareProfits .switch{ position: relative;}
#shareProfits .switch .msg{ position: absolute; right: -80px; text-align:left; white-space: nowrap;}
#shareProfits .slider-wrap{ position: relative; padding: 0 15px; display: none; width: 540px;}
#shareProfits .slider-wrap>.primary{ margin: 0 auto;}
#shareProfits [data-ipt=percentage]{ color: #319DB5; font-size:16px; font-weight: bold;}
#shareProfits [data-ipt=percentage][disabled]{ color: #e0e0e0;}
#shareProfits .slider-wrap [data-profit]{ position: absolute; top: 25px; height: 22px; line-height: 22px;}
#shareProfits .slider-wrap [data-profit] strong{ margin-left: 5px; font-size: 16px;}
#shareProfits .slider-wrap [data-profit=buyer]{ left: 0;}
#shareProfits .slider-wrap [data-profit=me]{ right: 0;}
#shareProfits .modal-footer{ border-top:1px #ddd solid;}
#settingArea .aging{ margin-bottom: 15px; padding: 15px 0; border-bottom: 1px #ddd solid;}
.size-reload{  font-size: 15px; margin-right: 10px;}
.size-reload>i{ color: #999;}
.shipment-group{ position: relative; top: -5px; }
.shipment-group>div{ position: absolute; border:1px dashed #ddd; padding: 10px;}
.shipment-group .input-group{ margin-bottom: 10px;}
.shipment-group .input-group:last-child{ margin-bottom: 0;}
.panel-footer p.alert{ margin-bottom: 0; padding: 5px 15px; font-size: 12px;}
.panel-footer p.alert .btn.btn-primary{color:#fff;}
.nav-tabs3.shop-select{}
.nav-tabs3.shop-select .nav-tabs>li{ margin-left: 0; margin-right: 10px; margin-bottom: 10px;}
.nav-tabs3.shop-select > .nav.nav-tabs > li > a{ border-radius: 3px; background: #F1F1F1;}
.nav-tabs3.shop-select > .nav.nav-tabs > li > a:hover{background: #319db5; color: #fff;}
.nav-tabs3.shop-select > .nav.nav-tabs > li.active > a{ background: #319db5; color: #fff;}
.nav-tabs3.shop-select > .nav.nav-tabs > li > .btn-group>.dropdown-toggle{ height: 40px !important;}
.main-content .page-content .panel .panel-content .nav-tabs3.shop-select ul.dropdown-menu{ max-height: 220px; overflow-x: hidden;}
.shop-select-group.active  .dropdown-toggle.btn-default{ background: #319db5; color: #fff;}
.shop-select-group.active  .btn-default .caret{border-top-color: #fff;}
.checkbox-inline.shop{ position: relative; margin-right: 5px;  padding-bottom: 7px; padding-left: 25px; padding-right: 5px;}
.checkbox-inline.shop input[type="checkbox"]{ margin-left: -18px;}
.checkbox-inline.shop .bg{ position: absolute; top: 0; bottom: 0; left: 0; width: 100%; border:1px dashed #ccc; border-radius: 4px;}
.checkbox-inline.shop+.checkbox-inline{ margin-left: 0;}
.checkbox-inline.shop:hover { color:#31b0d5;}
.checkbox-inline.shop input[type="checkbox"]:checked{ z-index: 1;}
.checkbox-inline.shop input[type="checkbox"]:checked+span{ position: relative; color: #fff; z-index: 1;}
.checkbox-inline.shop input[type="checkbox"]:checked~.bg{ background: #31b0d5; border:1px #31b0d5 solid;}
#linkShop .alert{ padding: 5px 15px;}
#distributionSetting .well{ padding: 10px;}
#distributionSetting .well p{ margin-bottom: 5px;}
#setPurchasePrice .form-group .input-group{ }
#setPurchasePrice .form-group strong{ font-weight: normal; color: #999;}
#setPurchasePrice .form-group.active .input-group{ opacity:1;}
#setPurchasePrice .form-group.active strong{ font-weight: bold; color: #31b0d5;}
#setPurchasePrice .form-group .radio-inline:hover strong{ font-weight: bold;}
.table>tbody>tr.active>td{background: #e0e6eb}
.table .td-shop{background:#e0e6eb; border-top:1px #ccc dashed; border-bottom:1px #999 solid;}
.table>tbody>tr.active+tr>.td-shop{ background: #d0dae1;}
.input-group+i{ cursor: pointer;}
.sorting.s-l-5,.sorting_asc.s-l-5,.sorting_desc.s-l-5{ cursor: pointer;}
.sorting.s-l-5:after,.sorting_asc.s-l-5:after,.sorting_desc.s-l-5:after{ margin-left: 10px;}
.panel.conversion{}
.main-content .page-content .panel.conversion .panel-header h3{ font-weight: bold;}
.panel.conversion .left .row{ min-height: 80px; line-height: 80px; border-bottom: 1px #ddd solid;}
.panel.conversion .title{ color: #666; margin-right: 5px;}
.panel.conversion .value{  font-weight: bold;}
.panel.conversion .panel-body{ padding-top: 0; }
.panel.conversion .panel-body .canvas-wrap{ position: relative;}
.conversion  .canvas.trapezoid{ position: absolute;}
.conversion  .canvas.trapezoid .up{  height: 24px;perspective:250px;}
.conversion  .canvas.trapezoid .down{  height: 80px;perspective:250px;}
.conversion  .canvas.trapezoid .up div{  height:24px; color: #fff; text-align: center; font-size: 14px; line-height: 24px;
    transform-origin:bottom center 0;
    transform:rotate3d(1,0,0,20deg);
}
.conversion  .canvas.trapezoid .down div{ height: 80px; color: #fff; text-align: center; font-size: 24px; line-height: 60px; font-weight: bold;
    transform-origin:top center 0;
    transform:rotate3d(1,0,0,-30deg);
}
.conversion  .canvas.trapezoid.num1{ top: 0; left: 0;}
.conversion  .canvas.trapezoid.num1 .up{width:250px; perspective:250px;}
.conversion  .canvas.trapezoid.num1 .down{width:250px;perspective:250px;}
.conversion  .canvas.trapezoid.num1 .up div{ width:250px; background:#2963A9; }
.conversion  .canvas.trapezoid.num1 .down div{ width:250px;background:#4584D1; }
.conversion  .canvas.trapezoid.num2{ top: 75px; left: 35px;}
.conversion  .canvas.trapezoid.num2 .up{width:180px; perspective:180px;}
.conversion  .canvas.trapezoid.num2 .down{width:180px;perspective:180px;}
.conversion  .canvas.trapezoid.num2 .up div{ width:180px; background:#ED7D18; }
.conversion  .canvas.trapezoid.num2 .down div{ width:180px;background:#F2A057; }
.conversion  .canvas.trapezoid.num3{ top: 150px; left: 60px;}
.conversion  .canvas.trapezoid.num3 .up{width:130px; perspective:130px;}
.conversion  .canvas.trapezoid.num3 .down{width:130px;perspective:130px;}
.conversion  .canvas.trapezoid.num3 .up div{ width:130px; background:#805BC1; }
.conversion  .canvas.trapezoid.num3 .down div{ width:130px;background:#A58BD3; }
.btn-group .time{ display: inline-block; margin-left: 20px; margin-bottom: 10px; height: 35px; line-height: 34px;}
.shop-select+.btn-group{ width: 100%; border-top:1px #ddd solid; padding-top: 10px;}
#quickview-sidebar ul{ min-height: 50px;}
#modiMobeil [data-msg]{ display: none;}
#modiMobeil .modal-footer{ border-top:1px #ddd solid;}
.list-group-item.active{background-color: #319db5;  border-color: #319db5;}
#productDetailMenu .list-group-item{padding: 0;}
#productDetailMenu .list-group-item a{padding: 10px 15px;display: block;}
#productDetailMenu .list-group-item.active a{color: #fff;}
#openShop .prepend-icon{ position: relative; z-index: 1;}
.modal-header .close{ opacity: .8; color: #fff;}
#settingLogistics h3{ border-top: 1px #ddd solid; margin-top: 15px; padding-top: 15px; }
#settingLogistics .tab-pane .switch{ margin-top: -5px; margin-bottom: 0; width: 70px;}
#settingLogistics .tab-pane .switch-input:checked ~ .switch-handle{ left: 50px;}
.can-sent .i-point{ display: inline-block; margin-right: 10px; background: #ccc; color: #fff; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; font-size: 12px; text-align: center;}
.can-sent .label{ margin-right: 5px; margin-bottom: 3px; display: inline-block; cursor: pointer;}
.can-sent .form-control-static{ display: block; margin-right: 15px;word-break:break-all; padding-bottom: 0;}
.area-checkbox{  cursor: pointer;}
.area-checkbox span{ display:inline-block; background: #f0f0f0; border:1px #ddd dashed; color: #666; height: 24px; line-height: 22px; padding: 0 10px;
font-weight: normal;font-size: 14px; }
.area-checkbox input{ display: none;}
.area-checkbox input:checked+span{ background: #31b0d5; border: 1px #31b0d5 solid; color: #fff; }
#settingLogistics .modal-body{ overflow-y: scroll; overflow-x: hidden;}
#settingLogistics .modal-footer{ border-top:1px #ddd solid; background: #f6f6f6;}
.chat-detail .chat-name{ max-width: 160px; margin-bottom: 8px;}
.welcome-header{ background-image:url(../images/welcome-title.png); background-position: center left; background-repeat: no-repeat;}
.welcome-header .txt{ height: 200px;}
.welcome-header .txt p{ height: 200px; display:table-cell; vertical-align: middle; line-height: 30px; font-size: 18px;}
.open-shop-step{}
.main-content .page-content .open-shop-step .panel-content{ padding: 0;}
.open-shop-step .left{ padding-left: 0; padding-right:0;}
.open-shop-step .step-header{ position: relative; background: #fff; border-bottom: 1px #ddd solid;}
.open-shop-step .step-header .num{ position: absolute; top: 5px; left: 10px; width: 42px; height: 42px; border:1px #319db5 solid; background: #fff; border-radius: 50%;
    box-shadow: 1px 1px 6px #ccc;}
.open-shop-step .step-header .num .inner{ position: absolute; top: 2px; left: 2px; background: #319db5; color: #fff; width: 36px; height: 36px; line-height: 36px;
    text-align: center; border-radius: 50%; font-weight: bold; font-size: 24px;}
.open-shop-step .step-header h3{ margin: 0 !important;  height:36px; line-height: 36px; padding-left:66px; font-weight: bold;}
.open-shop-step .step-header h3 small{ margin-left: 15px;}
.open-shop-step .step-header h3 small i{ font-size: 18px;}
.open-shop-step .step-content{ padding-top: 20px; padding-left: 66px; }
.open-shop-step .step-content>p{ margin-bottom: 20px; font-size: 16px;}
.open-shop-step .step-content .well{ padding: 5px 15px; display: inline-block; margin-bottom: 25px; font-size: 14px;}
.open-shop-step .right{ min-height: 205px; padding: 0; background-repeat: no-repeat; background-position:center center; border-left: 1px #ddd solid; }
#bindAccountHelp img{ max-width:760px; border:1px #ddd solid;}
#settingLogistics .can-sent{ padding-top: 7px;}
#settingLogistics .can-sent>.row{ margin-bottom: 10px; border-bottom: 1px #ddd solid; padding-bottom: 5px;}
#settingLogistics .can-sent>.row:last-child{ border-bottom: none;}
#settingLogistics .can-sent .shop-checkbox{ position: relative; cursor: pointer; margin: 0 3px 3px 0;}
#settingLogistics .can-sent .shop-checkbox input[type=checkbox]{ display: none;}
#settingLogistics .can-sent .shop-checkbox span{ display: inline-block;padding: 0 10px; height: 18px; line-height: 18px; border-radius: 4px;
 background: #ddd; color: #666; font-weight: normal; font-size: 12px;}
#settingLogistics .can-sent .shop-checkbox input:checked+span{ background: #319db5; color: #fff; }
#settingLogistics .can-sent .title{ font-weight: bold; color: #999; text-align: right; padding-left: 10px;}
#settingLogistics .can-sent .title .form-group{ margin: 0; font-size: 14px; font-weight: normal; color: #999;}
#settingLogistics .can-sent .title .form-group input[type=checkbox]{ position: relative; top: 2px; left: 5px; margin-left: 3px;}
#settingLogistics  .control-label{ position:relative;}
#settingLogistics  .example{ position:absolute; top: 30px; right: 10px;  width: 70px; padding: 5px; border:1px #ddd dashed; color: #999; font-size: 12px; }
#settingLogistics  .example h5{ margin-top: 0; font-size: 12px;}
#settingLogistics  .example div>span{ display: inline-block; padding: 0 8px; margin-bottom: 5px;  height: 18px; line-height: 18px; border-radius: 4px;}
#settingLogistics  .example .true{ background: #319db5; color: #fff;margin-right: 5px;}
#settingLogistics  .example .false{ background:#ddd; color: #666; }
#settingLogistics .modal-footer{ position: relative;}
#settingLogistics .modal-footer .noty_inline_layout_container{ top: -36px !important;}
.account2  .select-wrap{ margin-bottom: 8px;}
.account2 .form-group .checkbox span{ margin-left: 20px;}
.account2 .form-group .checkbox input{ top: 2px;}
.btn.btn-lg:hover{ color: #ffffff;}
.account2 .alert-warning{ font-size: 12px; padding: 5px 10px;}
.account2 .btn-sm.btn-link{ font-size: 12px; margin-left: 0; margin-top: 5px; color: #999;}
.account2 .select-wrap+.text-right{ font-size: 12px;}
.account2 .popover{ font-size: 12px;}
#getID p>img,#wayForURL p>img{ max-width: 500px;}
#getID .article,#wayForURL .article{ position: relative; max-height: 500px; overflow-x: hidden; overflow-y: scroll;}
#getID .nav-tabs li,#wayForURL .nav-tabs li{ margin-right: 15px;}
#getID .nav-tabs li.active,#wayForURL .nav-tabs li.active{ background: #f0f0f0;}
#getID .nav-tabs a,#wayForURL .nav-tabs a{ display: block; background: url(../images/help/shopid/logo.png) no-repeat; padding: 0; width: 80px; height: 40px;}
#getID .nav-tabs a.ebay,#wayForURL .nav-tabs a.ebay{ background-position: -80px 0;}
#getID .nav-tabs a.ali,#wayForURL .nav-tabs a.ali{ background-position: -160px 0;}
.open-shop-step .panel.active .left{ position: relative; overflow: hidden;}
.open-shop-step .panel.active .left:before{ position: absolute; right: -5px; bottom: -15px; color: #319db5; font-size: 120px !important; opacity: .6;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f00c";}
.open-shop-step .panel.active .left.active:before{
    content:"";
    display: block;
    width: 120px;
    height: 120px;
    background: url(../images/ing.png) no-repeat;
    background-size: 85%;
}
.shop-null img{ max-height: 140px;}
.shop-null p{ height: 48px; line-height: 48px; font-size: 24px;}
.table .popover{ max-width: 376px;}
.table .popover  .popover-title{ margin-top: 0 !important; margin-bottom: 5px !important;}
.open-shop-step .sf-sea .sf-nav li{ font-size: 22px;}
.side-btn-group{ position: fixed; bottom:47px; right: 10px; z-index: 9999; }
.side-btn-group>a{ display: block; width: 32px; height: 32px; font-size: 18px; text-align: center; line-height: 32px; color: #fff; background: #2b2e33; opacity: .5;
 margin-top: 5px; border-radius: 50%;}
.side-btn-group>a:hover{ opacity: 1; background: #319DB5;}
.popover img{ max-width: 160px;}
.open-shop-step .sf-arrow .sf-nav li.sf-nav-step-0.sf-active ~ li.sf-nav-step-1{ background: #E0E0E0;color:#adb3b8;}
.open-shop-step .sf-arrow .sf-nav li.sf-nav-step-0.sf-active ~ li.sf-nav-step-1:after{ border-left: 26px solid #E0E0E0!important;}
.sf-arrow .sf-nav li.sf-nav-step-1.sf-active ~ li.sf-nav-step-2{ background:#E0E0E0 !important;; color: #ADB3B8 !important;; }
.open-shop-step .sf-arrow .sf-nav li.sf-nav-step-0.complete{ background: #ddd; color: #319DB5; }
.open-shop-step .sf-arrow .sf-nav li.sf-nav-step-0.complete:after{ border-left:26px solid #ddd;}
.open-shop-step .sf-arrow .sf-nav li.sf-nav-step-1.complete{ background: #ddd; color: #319DB5; }
.open-shop-step .sf-arrow .sf-nav li.sf-nav-step-1.complete:after{ border-left:26px solid #ddd;}
.open-shop-step .sf-arrow .sf-li-number .sf-nav-subtext span{ margin-left:5px;  font-size: 18px;}

.open-shop-step .open-shop-detail{ padding: 0 15px;}
.open-shop-step .open-shop-detail>*{ float: left;}
.open-shop-step .open-shop-detail .card{ border:1px #ddd solid;background: #fff; width:30%;  }
.open-shop-step .open-shop-detail .card:hover {background: #f6f6f6;}
.open-shop-step .open-shop-detail .card:hover .content .item{ color: #666;}
.open-shop-step .open-shop-detail .card .header{ position: relative;  color: #fff; padding-top: 20px; padding-bottom: 15px;}
.open-shop-step .open-shop-detail .card .header .hot{ position: absolute; top:-25px; right: -16px; width: 84px; height: 84px; background: url(../images/hot.png) no-repeat;
    background-size:100%;}
.open-shop-step .open-shop-detail .card .header h3{ margin-top: 0; margin-bottom: 36px; text-align: center; font-size: 22px; font-family: '微软雅黑', 'mircosoft YaHei', 'Lato';}
.open-shop-step .open-shop-detail .card .header .price{ text-align: center; color: #fff; margin: 0;}
.open-shop-step .open-shop-detail .card .header .price .amount{ font-size: 42px; font-family: "Lato", Helvetica, Arial, sans-serif;}
.open-shop-step .open-shop-detail .card .content{ padding: 15px;}
.open-shop-step .open-shop-detail .card .content .item{ margin-bottom: 0; height: 42px; line-height: 42px; text-align: center; color: #aaa; border-bottom: 1px #ddd solid;
font-size: 16px;}
.open-shop-step .open-shop-detail .card .content .item.last{ border-bottom: none;}
.open-shop-step .open-shop-detail .card .content .item.danger{ font-size: 12px; color: #f00;}
.open-shop-step .open-shop-detail .card .content .item strong{ margin: 0 5px; color: #999;}
.open-shop-step .open-shop-detail .card:hover .content .item strong{ margin: 0 5px; color: #666;}
.open-shop-step .open-shop-detail .card  .action{ text-align: center;}
.open-shop-step .open-shop-detail .free{ margin-right: 2%; }
.open-shop-step .open-shop-detail .plus{ width: 66%;}
.open-shop-step .open-shop-detail .plus>.card{ float: left; width: 48%; margin-right: 3%;}
.open-shop-step .open-shop-detail .plus>.card:last-child{  margin-right: 0;}
.open-shop-step .open-shop-detail .plus .action{ position: relative;}
.open-shop-step .open-shop-detail .plus .coupon{ position: absolute; top:5px; right: 16px; border:1px #f60 solid; color: #f60; padding:0 3px; background: #fff;
 line-height: 20px; font-weight: bold;    font-size: 12px;}
.open-shop-step .open-shop-detail .plus .card .content{ min-height: 240px;}
.main-content .page-content .open-shop-step .open-form .panel-content{ padding: 15px;}
.main-content .page-content .open-shop-step .panel .panel-content i{ padding-right: 0;}
.open-shop-step .btn .ladda-spinner{ visibility: hidden;}
.open-shop-step .btn[data-action][data-loading][disabled]{ padding-right: 32px;}
.open-shop-step .btn[data-action][data-loading][disabled] .ladda-spinner>div{ left: 56px !important;}
.open-shop-step .btn[data-action][data-loading][disabled] .ladda-spinner{ visibility: visible;}
#changeArrangements .modal-body{ padding: 15px 30px;}
#changeArrangements  .radio:first-child{ margin-bottom: 15px; border-bottom: 1px dashed #ddd;}
#changeArrangements label{ padding-left: 50px; color:#319DB5; }
#changeArrangements  .radio input[type=radio]{ margin-left: -30px;}
#changeArrangements label p{ margin-top: 5px; color: #666;}
#changeArrangements input[type=radio]~*{ opacity: .6;}
#changeArrangements input[type=radio]:checked~*{ opacity: 1;}
.main-content .page-content .open-shop-step .create-shop-pay .panel-content{ padding: 15px; line-height: 26px; }
.create-shop-pay .panel-content .row{ margin-bottom: 30px;}
.create-shop-pay .panel-content .pal-select ul{ list-style: none; padding: 0;}
.pay-info .pal-select li,.create-shop-pay .panel-content .pal-select li{ position: relative; float: left; margin-right: 15px; width: 150px; height: 50px; border:2px #ddd solid; opacity: .7;
cursor: pointer;}
.pay-info .pal-select li.palpay,.create-shop-pay .panel-content .pal-select li.palpay{ background-image: url("../images/paypal-logo.png"); background-size: 80%; background-repeat: no-repeat;
    background-position: center center;}
.pay-info .pal-select li.active{ position: relative;border-color: #319DB5;opacity: 1;}
.pay-info .pal-select ul li i{display: none;position: absolute; top: 3px; left: 3px; z-index: 1;}
.pay-info .pal-select li.active i{display: block;font-size: 22px;color: #319db5;padding-left: 0;}
.pay-info .pal-select li.balance p{font-size: 14px; text-align: center;}
.pay-info .pal-select li.balance p span{ color: #319DB5; font-weight: bold;}
.pay-info .action{margin-left: 200px;}
.pay-info .action span{margin-right: 10px;}
.pay-info .pal-select ul{list-style: none;}
.pay-info .modal-body{text-align: right;}
.pay-info .modal-footer .action{margin-right: 0;}
.pay-info .modal-body .row{margin-bottom: 20px;}
.pay-info .modal-body .row .price-list,.pay-info .modal-footer .action .price{color:#f40; font-size: 14px;}
.pay-info .modal-body .row .price-list>span,.pay-info .modal-footer .action .price>span{font-size: 18px;}
.pay-info .modal-body div:nth-child(3n){border-bottom: 1px dashed #ccc;padding-bottom: 20px;}
.pay-info .modal-body div:nth-child(3n+1) .col-xs-9 .special{margin-left: 10px;}
.pay-info .row .col-xs-2{color:#999;}
.pay-info .modal-body div:nth-child(3n) .col-xs-9 .special{margin-left: 10px;}
.create-shop-pay .panel-content .pal-select li i{ display:none; position: absolute; top: 3px; left: 3px; z-index: 1;}
.create-shop-pay .panel-content .pal-select li:hover{ border-color: #999;}
.create-shop-pay .panel-content .pal-select li.balance{ background: #f0f0f0; }
.create-shop-pay .panel-content .pal-select li.balance p{ font-size: 14px; text-align: center;}
.create-shop-pay .panel-content .pal-select li.balance p span{ color: #319DB5; font-weight: bold;}
.create-shop-pay .panel-content .pal-select li.active{ border-color: #319DB5; opacity: 1;}
.create-shop-pay .panel-content .pal-select li.active i{ display: block; font-size: 22px; color: #319db5;}
.create-shop-pay  .select-alert{ display: none; margin-top: 10px;}
.main-content .page-content  .create-shop-pay  .panel .panel-footer{ border-top: 1px dashed #ddd; background: #fff;}
.create-shop-pay  .panel-footer .pay-alert{ line-height: 35px; margin-bottom: 0;}
.create-shop-pay  .panel-footer .action{}
.create-shop-pay  .panel-footer .action>span{ line-height: 35px; margin-right: 15px;}
.create-shop-pay  .panel-footer .action>span .range{ margin: 0 3px; color: #319db5; font-weight: bold;}
.create-shop-pay  .panel-footer .action>span .price{ color: #f60;}
.create-shop-pay  .panel-footer .action>span .price>span{ font-size: 22px;}
.create-shop-pay  .range-grid{ list-style: none; padding: 0; width: 530px; border: 1px #ddd solid; border-radius: 4px;}
.create-shop-pay  .range-grid li{ float: left; width:14.286%; text-align: center; height: 32px; line-height: 32px; color: #666; border-right: 1px #ddd solid;
 font-size: 12px; cursor: pointer; -webkit-user-select:none;user-select:none;}
.create-shop-pay  .range-grid li:last-child{ border-right: none;}
.create-shop-pay  .range-grid li.active{ background:#319DB5; color: #fff; font-weight: bold; }
.create-shop-pay  .range-grid li i{ margin-right: 5px; font-size: 16px; color: #319DB5;}
.create-shop-pay  .range-grid li.active i{ color: #f0f0f0;}
.create-shop-pay  .irs{ position: absolute; width: 530px; top:15px; left:0; height: 0;}
.create-shop-pay .irs .irs-max,.create-shop-pay .irs .irs-min{ display: none;}
.create-shop-pay  .irs .irs-single{ top: -63px; background: #f60; padding: 0 5px; height: 26px; display: none;}
.create-shop-pay  .irs-slider.single{ top: -17px; width: 15px; height: 36px;border-radius: 0; background: #f0f0f0;}
.create-shop-pay  .range-slider-wrap{ position: relative;  width: 530px;}
.create-shop-pay  .irs-line{ height: 1px; top: 10px; opacity: 0; cursor: pointer;}
.create-shop-pay .date{ color: #999;}
.create-shop-pay .date span{ color:#666;}
.create-shop-pay  .coupon-alert{ position: absolute; top: -32px;  left: 376px; background: #f0f0f0; color: #999; font-size: 12px; padding: 0 5px;}
.create-shop-pay  .coupon-alert:before{ content:""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; bottom:-5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #f0f0f0;}
.create-shop-pay  .coupon-alert.active{background: #f60; color: #fff;}
.create-shop-pay  .coupon-alert.active:before{border-top-color: #f60;}
.create-shop-pay  .price-list{ color: #f60;}
.create-shop-pay  .price-list>span{ font-size: 18px;}
.my-shop-list>li .flag{ position: absolute; top: 0; right: 0; z-index: 9; width:24px; text-align: center; line-height:18px; background:#008fc0; color: #fff; padding: 3px 0;  }
.my-shop-list>li .flag.plus{ background: #18a689;}
.my-shop-list>li .flag.plus2{ background: #c75757;}
.my-shop-list>li .shop-alert{ position: absolute; top: 0; left: 0; height: 28px; line-height: 28px; background: rgba(31,31,31,.7); color: #f0f0f0; z-index: 9;
padding: 0 5px;}
.my-shop-list>li .shop-alert span{ margin-left: 10px; font-size: 16px; cursor: pointer;}
.my-shop-list>li .shop-alert span:hover{ color: #999;}
.my-shop-list>li .mask-alert{ position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -70px; background: #fff; z-index: 9; width: 300px; height: 80px;
    border:1px #666 solid; text-align: center; padding-top: 5px; box-shadow: 1px 1px 6px #ccc;}
.my-shop-list>li .mask-alert p{ text-align: center;}
.my-shop-list>li .mask-alert p i{ margin-right: 5px;}
.my-shop-list .spec-close:after{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.4);
    position: absolute;
    top: 0;
    z-index: 1;
}
/*.my-shop-list .shop-close .panel-content{ opacity: .4;}*/
#edmPay .modal-body{ padding: 15px 25px;}
#edmPay .modal-body h3{ margin-top: 15px; font-size: 16px; font-weight: bold;}
#edmPay .radio{ margin-top: 0; }
#edmPay .radio span{ margin-left: 35px;  color:#319DB5; font-size: 16px; }
#edmPay .action{ border-top: 1px #ddd solid; padding-top:10px; }
#edmPay .action dl,#recharge .action dl{ margin-bottom: 0;}
#edmPay .action dl dt,#recharge .action dl dt{ margin-bottom: 10px; font-size: 16px;}
#edmPay .action dl dd,#recharge .action dl dd{ float: left; position:relative; margin-right: 15px; width: 150px; height: 50px; border:2px #ddd solid; opacity: .7; cursor: pointer;z-index: 2;}
#edmPay .action dl dd:hover,#recharge  .action dl dd:hover{ border-color: #999;}
#edmPay .action dl dd.palpay,#recharge .action dl dd.palpay{ background-image: url("../images/paypal-logo.png"); background-size: 80%; background-repeat: no-repeat; background-position: center center;}
#edmPay .action dl dd.active,#recharge .action dl dd.active{ border-color: #319db5; opacity: 1;}
#edmPay .action dl dd.balance,#recharge .action dl dd.balance{ background: #f0f0f0;}
#edmPay .action dl dd.balance p{ font-size: 14px; text-align: center;}
#edmPay .action dl dd.balance p span{ color: #319db5;}
#edmPay .action dl dd i{ display: none; position: absolute; top: 3px; left: 3px; z-index: 1;}
#edmPay .action dl dd.active i{ display: block; font-size: 22px; color: #319db5;}
#payLog .modal-body{ padding-top: 0;}
#payLog .tab-content{ padding-top: 0; border-top: none;}
#payLog .table{ border-top: 1px #ddd solid; border-bottom: 1px #ddd solid;}
#payLog .table thead tr{ background: #319db5; color: #fff;}
#payLog .total{  font-size: 12px; margin-bottom: 0;}
#payLog .form-group{ margin-bottom: 5px;}
#edmContent .modal-body{  min-height: 400px;}
#wayForURL .modal-footer{ border-top: 1px #ddd solid;}
#wayForURL p{ max-width: 640px;}
.flag{
    position: relative;
    cursor: pointer;
}
.flag .hide-info,.plus .hide-info2,.plus2 .hide-info3{
    border: 1px solid #008fc0;
    width: 262px;
    position: absolute;
    top: 0;
    right: 24px;
    color:#008fc0;
    background-color: #fff;
    line-height: 16px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s;
    padding: 0 5px;
}
.flag h5{
    font-weight: bold;
}
.flag h5,.flag p{
    margin-left: 15px;
}
.flag .hide-info2{
    border-color: #18a689;
    color:#18a689;
}
.flag:hover .hide-info,.plus:hover .hide-info2,.plus2:hover .hide-info3{
    visibility: visible;
    opacity: 1;
}
p.pastdue{
    border-top: 1px solid #ccc;
    padding-top: 5px;
}
.flag .hide-info3{
    border-color: #c75757;
    color:#c75757;
}
#settingLogistics .modal-backdrop.fade.in{ min-height: 1300px;}
img.return,img.step1,img.step2,img.step3{
    display: block;
    margin: 0 auto;
    max-width: 90%;
    padding: 0.4rem;
    border: 0.1rem solid #eee;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1rem rgba(0,0,0,0.2);
    box-shadow: 0 0 1rem rgba(0,0,0,0.2);
    margin-bottom: 1.5rem;
}
img.step1,img.step2,img.step3{
    margin:1.5rem auto;
}
.tech-info .text-danger{
    color: #ff5722;
}
.tech-info .text-danger:hover{
    color: #a94442;
}
.tech-info{
    font-family: '微软雅黑', 'mircosoft YaHei','Lato', 'Open Sans', Helvetica, sans-serif !important;
}
.account-form label.error{
    color: #994F4F;
    margin-left: 10px;
}
#createCoupon .form-group.text{
	position: relative;
	padding-bottom: 22px; 
}
#createCoupon .form-group>p.text-muted{ 
	position: absolute;
	bottom:-12px;
	left: 10px;
	
}
/*ZDM-2201: Start*/
#cancelParcelPopup .modal-header, #cancelParcelMsg .modal-header {
    background: #319db5 !important;
    color: #fff !important;
}
#cancelParcelPopup .close, #cancelParcelMsg .close {
    color: #fff !important;
    opacity: 1 !important;
}
#cancelParcelPopup .modal-footer, #cancelParcelMsg .modal-footer {
    background: #fafafa !important;
    border-top: 1px solid #e8e8e8 !important;
}
#cancelParcelPopup .parcelContainer img{
	border: 1px solid #ccc !important;
}	
#cancelParcelPopup .parcelContainer {
     padding: 15px 0px;
     border-bottom: 1px dashed #ccc;
 }
 #cancelParcelPopup .parcelContainer:first-child {
     padding-top: 0px;
 }
 #cancelParcelPopup .parcelContainer:last-child {
     border-bottom: none;
 }
 .imagediv{
    float: left;
  }
  .imagediv .left-bg-img {
    height: 100vh;
  }
  .formcontentdiv{
    float: right;
    width: 64%;
    max-height: 98vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .center-login-form{
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
  .login-no-overflow{
    overflow: hidden;
  }

 /*ZDM-2201: Start*/
@media screen and (min-width: 768px){
.account2 .container{ width:410px;}
.account2 .account-form{ width:auto;}
.account2 .form-signin{ width:320px;}
.account2 .form-password{ width:320px;}
.account2 .center-login-form{
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    width: inherit;
  }

  .account2 .center-login-form .form-signin, 
  .account2 .center-login-form .form-password {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
  }
}
@media (min-width: 768px){
    .modal-md {
        width: 400px;
    }
}
/*table fixed and auto line break*/
.fixed-table-word-wrap{
    table-layout: fixed;
    word-wrap: break-word;
}
@media (max-width: 450px){
    .formcontentdiv{
        max-height: unset;
        width: 100%;
      }
}

.form-input-with-error {
    min-height: 74px;
}