/*!
 * 基础模块
 * @author liuhaohui
 * @date 20190601
 * */
/****************************rest start*******************/
[v-cloak]{display:none}
body{
    margin: 0 auto;
    font: 12px/1.5 Microsoft YaHei,Helvitica,Verdana,Arial,san-serif;
    color: #222222;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    outline: 0;
}
/*p{width:100%;}*/
textarea {
    font-size:100%;
    -webkit-appearance: none;
    resize: none;
    outline: none;
}
button, input {
    border: 0;
}
input[type=search]{
-webkit-appearance: none;
margin: 0;
}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=submit]{
    -webkit-appearance: none;
}
form{
    display: inline;
}
table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0
}
fieldset,
img {
    border: 0 none;
    height: auto;
    vertical-align: middle;
}
a {
    color: #222222;
    text-decoration: none;
    /*display: block;*/
}
a:hover {
    color: #ff7300;
}
a:focus{outline:none;}
address,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
    font-style: normal;
    font-weight: normal
}
ol,
ul {
    list-style: none
}
caption,
th {
    text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}
img{/*display: block;*/}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
/****************************rest end*******************/

/*常用尺寸颜色start*/
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.bold{
    font-weight: bold;
}
.w102 {
    width: 102px;
}
.h-10{height:10px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mb-0{margin-bottom: 0px!important;}
.mb-20{margin-bottom: 20px!important;}
.mb-30{margin-bottom: 30px!important;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-60{margin-left: 60px;}
.ml-110{margin-left: 110px;}
.mr-5{margin-right: 5px;}
.mr-20{margin-right: 20px;}
.pd-8{padding:8px;}
.pdr-3 {
    padding-right: 3px;
}
.orange {
    color: #ff7300;
}
.cash {
    color: #FF7300;
    font-weight: 700;
    margin-right: 2px;
}
.green {
    color: green;
}
.red {
    color: red;
}
.pink{
    color: #e00078;
}
.gray {
    color: #999999;
}
.text-seven {
    color: #777777;
}
.text-aux {
    color: #888888;
}
.text-lesser,.lesser {
    color:#999999;
}
.text-stress,.stress {
    color:#ff7300;
}
/*常用尺寸颜色end*/

/* 文字闪烁动画start */
@keyframes blink{
  0%{opacity: 1;}
  100%{opacity: 0;}
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% {opacity: 1; }
    100% { opacity: 0;}
}
@-o-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.blink{
    font-weight: bold;
    color: red;
    animation: blink 1s linear infinite;
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}
/* 文字闪烁动画end */

/*滚动彩色文字start*/
.color-scrolling-text{
    background: -webkit-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
    -moz-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
    -ms-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
    color: transparent;
    -webkit-background-clip: text;
    animation: color-scrolling 30s linear infinite;
}
@keyframes color-scrolling {
    from {
        backgroud-position: 0 0;
    }
    to {
        background-position: 1000px 0;
    }
}
/*滚动彩色文字end*/

/*上下微抖动start*/
.bounce {
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name:bounceAnimation;
  transform-origin: center bottom;
}
@keyframes bounceAnimation
{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1);
  transform: translate3d(0,0,0);
  }
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-5px,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-10px,0);
  }
  90%{
  transform: translate3d(0,-4px,0);
  }
}
/*上下微抖动end*/
/*左右晃动start*/
.sway {
    animation:sway 4s 0s infinite;
    -webkit-animation:sway 4s 0s infinite;
    transform-origin:bottom;
    -webkit-transform-origin:bottom;
}
@keyframes sway
{
	0%, 65%{
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}

@-webkit-keyframes sway
{
	0%, 65%{
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}
/*左右晃动end*/

/*文字走马灯变色start*/
.word-tomato-linear-gradient{
    -webkit-text-fill-color: transparent;
    background-image:  -webkit-linear-gradient(left,tomato,#ece648 25%,tomato 50%,#F9E92B 75%,tomato);
    background-size: 200%,100%;
    -webkit-background-clip: text;
    -webkit-animation: wordTomatoLinearGradientAnimation 4s linear infinite ;
}
@keyframes wordTomatoLinearGradientAnimation {
    0%{background-position: 0 0}
    100%{background-position: -100% 0}
}
/*文字走马灯变色end*/

/*常用通用组件start*/
.button {
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-width: 1px;
    border-style: solid;
    border-color: #b3b3b3 #b3b3b3 #9a9a9a;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 24px;
    line-height: 23px;
    background-color: #f0f0f0;
    padding: 0 12px;
    color: #444 !important;
    background-image: -moz-linear-gradient(top,#fcfcfc,#e4e4e4);
    background-image: -ms-linear-gradient(top,#fcfcfc,#e4e4e4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#e4e4e4));
    background-image: -webkit-linear-gradient(top,#fcfcfc,#e4e4e4);
    background-image: -o-linear-gradient(top,#fcfcfc,#e4e4e4);
    background-image: linear-gradient(top,#fcfcfc,#e4e4e4);
}
.button-stress {
    background-color: #ffffff;
    color: #027cff !important;
    border-color: #027cff;
}
.button-yellow {
    border-color:#f6bb44;
    color:#a50!important;
    background-color:#feeca7;
    background-image:-moz-linear-gradient(top,#fff0b3,#fde48d);
    background-image:-ms-linear-gradient(top,#fff0b3,#fde48d);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff0b3),to(#fde48d));
    background-image:-webkit-linear-gradient(top,#fff0b3,#fde48d);
    background-image:-o-linear-gradient(top,#fff0b3,#fde48d);
    background-image:linear-gradient(top,#fff0b3,#fde48d);
    -webkit-box-shadow:inset 0 0 1px 1px #fff8dc;
    -moz-box-shadow:inset 0 0 1px 1px #fff8dc;
    box-shadow:inset 0 0 1px 1px #fff8dc
}
.button-yellow:hover,.button-yellow:active {
    color:#a50!important
}
.button-yellow:hover {
    background-image:-moz-linear-gradient(top,#ffedaf,#ffd67a);
    background-image:-ms-linear-gradient(top,#ffedaf,#ffd67a);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffedaf),to(#ffd67a));
    background-image:-webkit-linear-gradient(top,#ffedaf,#ffd67a);
    background-image:-o-linear-gradient(top,#ffedaf,#ffd67a);
    background-image:linear-gradient(top,#ffedaf,#ffd67a)
}
.button-yellow:active {
    background-image:-moz-linear-gradient(top,#ffd67a,#ffedaf);
    background-image:-ms-linear-gradient(top,#ffd67a,#ffedaf);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffd67a),to(#ffedaf));
    background-image:-webkit-linear-gradient(top,#ffd67a,#ffedaf);
    background-image:-o-linear-gradient(top,#ffd67a,#ffedaf);
    background-image:linear-gradient(top,#ffd67a,#ffedaf)
}
.button-common1{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    padding: 0 20px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    min-width: 180px;
    border-color: #ff7300;
    background: #ff7300;
    color: #ffffff;
}
.button-common1:hover{
    border-color: #ff7300;
    background: #ff7300;
    color: #ffffff;
}
.button-large {
    padding: 0 20px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    min-width: 80px;
}
.button-important {
    border-color: #ff7300;
    background: #ff7300;
    color: #fff !important;
}
.btn-switch{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.btn-switch .btn-switch-core {
    margin: 0;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dcdfe6;
    outline: 0;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #dcdfe6;
    -webkit-transition: border-color .3s,background-color .3s;
    transition: border-color .3s,background-color .3s;
    vertical-align: middle;
}
.btn-switch .btn-switch-core::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
}
.btn-switch.is-checked .btn-switch-core {
    border-color: #ff7300;
    background-color: #ff7300;
}
.btn-switch.is-checked .btn-switch-core::after {
    left: 100%;
    margin-left: -17px;
}

.mod {
    margin-bottom: 8px;
}
.mod a {
    /*color: #06c;*/
}

/*分页栏start*/
.pagination {
    clear: both;
    font-size: 14px;
    color: #222222;
    text-align: center;
    margin-bottom: 40px;
}
.pagination .page-bottom,.pagination form {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.pagination a, .pagination span {
    float: left;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    background-color: #ffffff;
    border-radius:3px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 14px;
}
.pagination a {
    border:1px solid #cccccc;
}
.pagination span {
    /*border:1px solid #ffffff;*/
}
.pagination a:hover {
    text-decoration: none;
    background-color: #F5F5F5;
}
.pagination .current {
    background-color: #FF7300;
    border-color: #FF7300;
    color: #FFFFFF
}
.pagination .next, .pagination .prev {
    font-weight: bold;
}
.pagination .paging-total {

}
.pagination .paging-input{
    float:left;
    width: 40px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #cccccc;
}
.pagination .paging-btn{
    cursor: pointer;
    float:left;
    font-size: 14px;
    height: 30px;
    text-align: center;
    border: 1px solid #cccccc;
}

/*分页栏end*/

/*右上角通知框start*/
.warning-topright-fixed{
    position: fixed;
    display: inline-block;
    background: #ff8c2c;
    color: #ffffff;
    margin: 0px auto;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.06),0 4px 40px 0 rgba(0,0,0,.1);
    min-width: 200px;
    max-width: 400px;
    transition: all 0.5s ease-in-out 0s;
    z-index: 99999999;
    top: 45px;
    right: 20px;
    animation-duration: .2s;
    animation-iteration-count: 1;
}
.warning-topright-fixed button.close {
    float: right;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    font-size: 19px;
    font-weight: 400;
    line-height: 0;
    padding: 0 0 4px;
    color: #ffffff;
    opacity: .8;
    text-shadow: none;
    margin-left: 10px;
}
.warning-topright-fixed a.url {
    color:#008be7;
}
/*右上角通知框end*/
/*常用通用组件end*/

.hide{display: none!important}
.fr{float: right;}
.fl{float:left;}
.clear {
    clear: both;
}
.clearfix {}

.clearfix::before,
.clearfix::after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}

.area {
    width: 1200px;
    margin: 0 auto;
}
.layout {
    width: 1000px;
    margin: 40px auto;
}
.layout-white {
    background-color: #ffffff;
}
.layout-gray{
    background-color: #f4f4f4;
}
.layout .content {
    width: 1000px;
    height: 600px;
    background-repeat: no-repeat;
}
.segment {
    width: 1190px;
    margin: 0 auto;
    padding: 0 4px;
}
.segment-box {
    width: 952px;
    margin: 0 auto;
    padding: 0 4px;
}
.grid-main {
    float: left;
    width: 100%;
    min-height: 1px;
}
.grid-main .m-content {
    padding: 16px 16px 0;
}
.main-wrap {
    margin-left: 200px;
}
.grid-sub {
    width: 192px;
    margin-left: -100%;
    float:left;
}

.footer-wrap {
    display: block;
    /* width: 100%; */
    width: 1200px;
    margin: 0 auto;
    color: #666666;
    text-align: center;
    padding: 1.5em 0;
    clear: both;
    border-top: 1px solid #E1E1E1;
}
.footer-wrap a{
    color: inherit;
}
.header {
    overflow: hidden;
    zoom: 1;
}
.header .logo-link{
    float: left;
}
.header .logo-link img{
    width: 315px;
    height: 73px;
}
.header .logo-ad{
    float: right;
    width: 445px;
    height: 28px;
    margin-top: 25px;
}
.header .logo-ad img{
    width: 445px;
    height: 28px;
}

.topframe {
    width: 100%;
    font-size: 14px;
    color: #a94442;
    border: 1px solid transparent;
    background-color: #f2dede;
    margin: 0;
    padding: 15px;
    text-align: center;
    border-radius: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99999;
}
.topframe strong {
    font-weight: bold;
}
.topframe .alert-link {
    color: #843534;
}

.newcomer {
    position: fixed;
    width: 100%;
    height: 136px;
    left: 0px;
    bottom: 0px;
    z-index: 999;
    background-image: url("../images/newcomer_gift.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.newcomer a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.newcomer i {
    position: absolute;
    right: 20px;
    bottom: 48px;
    z-index: 9991;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}
/*美化radio start*/
.lang-radio {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    position:relative;
    width:16px;
    height:16px;
    line-height:16px;
    overflow:hidden
}
.lang-radio input {
    position:absolute;
    z-index:0;
    top:-16px;
    left:-16px
}
.lang-radio label {
    display:inline-block;
    width:16px;
    height:16px;
    background-image:url(../images/2856199_1955610150.png);
    background-repeat:no-repeat;
    background-position:-150px -100px;
    cursor:pointer
}
.lang-radio:hover label {
    background-position:-150px -150px
}
.lang-radio:active label {
    background-position:-150px -200px
}
.lang-radio.checked label {
    background-position:-100px -100px
}
.lang-radio.checked:hover label {
    background-position:-100px -150px
}
.lang-radio.checked:active label {
    background-position:-100px -200px
}
.lang-radio.disabled label {
    background-position:-150px -250px;
    cursor:not-allowed;
}
.lang-radio.disabled label {
    background-position:-150px -250px
}
.lang-radio.checked.disabled label {
    background-position:-100px -250px
}
/*美化radio end*/
/*radio2 start*/
.tag-radio{
    position:relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    background-color: #ffffff;
    border: 2px solid #cccccc;
    color: #222222;
    padding: 0 8px;
    min-width: 80px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    text-align: center;
    margin-right: 10px;
}
.tag-radio label {
    cursor: pointer;
}
.tag-radio input {
    display: none;
}
.tag-radio .iconfont{
    display: none;
}

.tag-radio .iconfont.icon-tag-radio{
    position:absolute;
    right: -1px;
    top: 6px;
    font-size: 17px;
}
.tag-radio.selected{
    border-color: #ff7300;
    color: #222222;
}
.tag-radio.selected .iconfont{
    display: block;
    color: #ff7300;
}
/*radio2 end*/

/*美化checkbox start*/
.lang-checkbox {
    position: relative;
    display:inline-block;
    width:16px;
    height:16px;
    line-height:16px;
    overflow:hidden
}
.lang-checkbox input {
    position:absolute;
    z-index:0;
    top:-20px;
    left:-20px
}
.lang-checkbox label {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/lang-checkbox001.gif) no-repeat 0 0
}
.lang-checkbox.lang-checkbox-checked label {
    background-position:0 -20px
}
.lang-checkbox.lang-checkbox-disabled label {
    background-position:0 -40px
}
.lang-checkbox.lang-checkbox-checked-disabled label {
    background-position:0 -60px
}
.lang-checkbox2 {
    display:inline-block;
    position:relative;
    width:16px;
    height:16px;
    line-height:16px;
    overflow:hidden;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    vertical-align: middle;
}
.lang-checkbox2 label {
    display:inline-block;
    width:16px;
    height:16px;
    background-image:url(../images/2856199_1955610150.png);
    background-repeat:no-repeat;
    background-position:-300px -100px;
    cursor:pointer
}
.lang-checkbox2:hover label {
    background-position:-300px -150px
}
.lang-checkbox2:active label {
    background-position:-300px -200px
}
.lang-checkbox2.checked label {
    background-position:-200px -100px
}
.lang-checkbox2.checked:hover label {
    background-position:-200px -150px
}
.lang-checkbox2.checked:active label {
    background-position:-200px -200px
}
.lang-checkbox2.midchecked label {
    background-position:-250px -100px
}
.lang-checkbox2.midchecked:hover label {
    background-position:-250px -150px
}
.lang-checkbox2.midchecked:active label {
    background-position:-250px -200px
}
.lang-checkbox2.disabled label {
    background-position:-300px -250px;
    cursor:not-allowed
}
.lang-checkbox2.checked.disabled label {
    background-position:-200px -250px
}
.lang-checkbox2.midchecked.disabled label {
    background-position:-250px -250px
}
.lang-checkbox2 input {
    position:absolute;
    top:-16px;
    left:-16px;
    z-index:0;
}
/*美化checkbox end*/
/*网站维护start*/
.maintenance-wrapper {
    margin: 0 auto;
    padding: 50px 0;
}
.maintenance-wrapper .maintenance-title {
    color:#666666;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding:10px 0;
}
.maintenance-wrapper .maintenance-img {
    width: 161px;
    height: 164px;
    background: url("../images/repair.png") no-repeat;
    width: 278px;
    height: 188px;
    background: url("../images/system_repairing.gif") no-repeat;
    background-size: contain;
    margin: 20px auto;
}
.maintenance-wrapper .maintenance-text {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}
.maintenance-wrapper .maintenance-footer {
    position: fixed;
    left: 0px;
    bottom: 0;
}
/*网站维护end*/
/*加入购物车成功提示框start*/
.d-cart {
    padding: 12px 0;
}
.d-cart a {
    color: #06c;
}
.d-cart .cart-wrap {
    margin-left: 46px;
    padding: 2px 0 0 36px;
    background: url(../images/bg_28466.png) no-repeat;
    background-position: -144px -100px;
    position: relative;
}
.d-cart h4 {
    font-size: 14px;
    font-weight: 700;
    color: red;
    margin-bottom: 12px;
}
.d-cart h4 em {
    color: #444444;
}
.d-cart p {
    color: #444444;
    margin-bottom: 12px;
}
.d-cart .cart-wrap .value {
    color: #ff7300;
    padding: 0 2px;
    font-weight: 700;
}
.d-cart .opration {
    zoom: 1;
}
.d-cart .opration span {
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-right: 8px;
}
.d-cart .opration a{
    text-decoration: underline;
    cursor: pointer;
}
/*加入购物车成功提示框end*/

/*弹窗口登录框start*/
#loginbox {
    display: block;
    width: 310px;
    margin: 0 auto;
}
#loginbox .bd {
    padding: 30px 30px 0;
}
#loginbox .msg {
    margin-bottom: 5px;
}
#loginbox .msg p.error {
    background: url(../images/stuff00.png) no-repeat 1000px 1000px;
    background-position: -319px -449px;
    background-color: #FFF2F2;
    border-color: #FF8080;
    line-height: 18px;
    padding: 2px 10px 2px 23px;
}
#loginbox .field {
    position: relative;
    padding-bottom: 5px;
    vertical-align: middle;
    zoom: 1;
}
#loginbox .field label {
    display: block;
    font-weight: 700;
    padding-bottom: 5px;
    color: #555555;
}
#loginbox .dynamic-link, #loginbox .forget-pw {
    position: absolute;
    right: 0;
    top: 0;
}
#loginbox .login-text {
    width: 242px;
    height: 20px;
    line-height: 20px;
    margin-right: 3px;
    padding: 3px;
    border: solid 1px #c8c8c8;
    vertical-align: middle;
}
#loginbox .standard-pwd {
    display: inline-block;
    height: 28px;
    vertical-align: middle;
}
#loginbox .submit {
    padding-top: 15px;
    overflow: hidden;
}
#loginbox .submit button {
    width: 250px;
    height: 33px;
    border: 0;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    line-height: 31px;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    background: url(../images/bg_c000.png) no-repeat 0 0;
    cursor: pointer;
}
/*弹窗口登录框end*/

.list-inline {
    zoom: 1;
    position: relative;
}
.list-inline li {
    float: left;
}
.masthead {
    padding: 0 4px;
    background-color: #ffffff;
    height: 90px;
    border-bottom: 2px solid #ff7300;
}
.masthead .logo {
    display: inline;
    float: left;
    overflow: hidden;
}
.masthead .logo a {
    float: left;
    *display: inline;
    margin-top: 4px;
}
.masthead .logo img {
    display: block;
}
.masthead .app-link-wrap {
    float: right;
    margin-top: 6px;
    width: 200px;
    height: 100px;
    text-align: center;
}
.masthead .app-link-wrap img {
    width: 100px;
    height: 100px;
    margin:auto;
}
.masthead .search {
    display: inline;
    float: right;
    margin-left: 0;
}
.masthead .search-panel {
    display: inline;
    float: left;
    clear: left;
    width: 440px;
    height: 36px;
    border: 2px solid #ff500b;
    border-right: 0;
    border-radius: 0 0 0 3px;
}
.masthead .search-in {
    position: relative;
    overflow: hidden;
}
.masthead .search-type {

}
.masthead .search-type li {
    color: #ff7300;
    text-align: center;
    float: left;
    width: 50px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}
.masthead .search-type li:hover {
    color: #ff7300;
    background-color: #F9E6E6;
}
.masthead .search-type li.current {
    background-color: #ff500b;
    color: #ffffff;
    font-weight: 700;
}
.masthead .search-in .txt {
    position: relative;
}
.masthead .search-text {
    width: 354px;
    height: 31px;
    *height: 19px;
    padding: 1px 77px 0 7px;
    margin-top: 2px;
    margin-left: 2px;
    border: 0;
    outline: 0;
    background: #ffffff;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    vertical-align: top;
}
.masthead .search .search-btn {
    float: left;
}
.masthead .search .submit-btn {
    width: 78px;
    height: 40px;
    outline: 0;
    border: 0;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    border: 1px solid #ff500b;
    font-size: 16px;
    color: #ffffff;
    background-color: #ff500b;
}
.masthead .search-hots {
    clear: both;
    padding: 4px 2px 0;
    height: 18px;
    margin-bottom: 10px;
    color: #484848;
    overflow: hidden;
}
.masthead .search-hots li {
    display: inline;
    float: left;
    padding-right: 8px;
}
.masthead .search-hots li a {
    color: #555555;
    text-decoration: underline;
}
.masthead .search-hots li a:hover {
    color: #cf1f3f;
}
.masthead .ali-logo {
    margin-top: 25px;
    float: left;
}
.masthead .main-logo {
    display: block;
    float: left;
    margin: 0;
    border-right: 1px solid #dddddd;
    padding-right: 10px;
    text-decoration: none;
}
.masthead .main-logo img {
    width: 110px;
    height: 40px;
}
.masthead a:link, .masthead a:visited, .masthead a:hover {
    color: #222222;
    text-decoration: none;
}
.masthead .sub-nav ul li.active a {
    color: #ff7300;
}
.masthead .sub-logo {
    display: block;
    float: left;
    padding-left: 10px;
    height: 43px;
    line-height: 43px;
    background-position: -160px top;
    font-size: 22px;
    color: #222222;
}
.masthead .sub-nav {
    float: right;
    font-size: 16px;
    margin-top: 34px;
    margin-left: 100px;
}
.masthead .sub-nav ul{}
.masthead .sub-nav ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 50px;
    height: 56px;
}
.masthead .progress-bar{
    position: relative;
    float: right;
}
.masthead .progress-bar-start{
    width:600px;
    vertical-align: middle;
}
.masthead .progress-bar .progress1 {
    position: absolute;
    top: 20px;
}
.masthead .progress-bar .progress2 {
    position: absolute;
    top: 10px;
    left: 100px;
    text-align: center;
}
.masthead .progress-bar .progress3 {
    position: absolute;
    top: 20px;
    left: 205px;
}
.masthead .progress-bar .progress4 {
    position: absolute;
    top: 20px;
    right: 225px;
}
.masthead .progress-bar .progress5 {
    position: absolute;
    top: 20px;
    right: 117px;
}
.masthead .progress-bar .progress6 {
    position: absolute;
    top: 20px;
    right: 10px;
}
.layer {
    border: none;
}
.layer-inner {
    margin-top: 10px;
}
.layer-main {
    background-color: #f6f6f6;
    position: relative;
}
.layer-gray {
    background-color: #F7F7F7;
}
.layer .screen {
    width: 1200px;
    margin: 0 auto;
}
.layer .screen img{
    max-width: 100%;
}
.layer .screen990 {
    width: 990px;
    margin: 0 auto;
}
.layer .mod-label-group {
    padding-top: 20px;
}
.layer .unit-batch-opreate {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 0;
    display: none;
}
.mod-search-area {
    padding: 15px 0;
    border-bottom: 1px solid #e7e7e7;
}
.mod-search-area .content {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
}
.mod-search-area .goods-list-title {
    color: #d4d4d4;
}
.mod-search-area .goods-list-title .tab {
    height: 40px;
    line-height: 40px;
    position: relative;
}

.mod-search-area .goods-list-title .item {
    color: #555555;
    margin: 0 12px 0 30px;
}
.mod-search-area .goods-list-title .tab:first-child .item {
    margin: 0 12px 0 0;
}
.mod-search-area .goods-list-title .item.active {
    font-weight: 700;
    color: #ff7300;
}
.mod-search-area .goods-list-title .item.active::before {
    content: '';
    width: 0;
    height: 0;
    border: 7px solid;
    z-index: 2;
    border-color: transparent transparent #F3F3F3 transparent;
    display: inline-block;
    position: absolute;
    right: 44px;
    top: 43px;
}
.mod-search-area .goods-list-title .item.active::after {
    content: '';
    width: 0;
    height: 0;
    border: 6px solid;
    z-index: 1;
    border-color: transparent transparent #e7e7e7 transparent;
    display: inline-block;
    position: absolute;
    right: 45px;
    top: 43px;
}
.mod-label-group {
    position: relative;
}
.mod-label-group .content {
    position: relative;
    overflow: hidden;
}
.mod-label-group .label {
    display: inline;
    float: left;
    overflow: hidden;
}
.mod-label-group .label-a {
    margin-top: 10px;
}
.mod-label-group.fold .label {
    height: 56px;
}
.mod-label-group .label-tag {
    line-height: 26px;
    display: inline-block;
    margin-right: 14px;
}
.mod-label-group .label-tag {
    text-decoration: none;
}
.mod-label-group .label-a span {
    font-size: 12px;
    color: #aaa;
    font-weight: bold;
}
.mod-label-group .label-tag .icon-tag::before {
    margin-right: 4px;
}
.mod-label-group .label-list {
    width: 660px;
}
.mod-label-group .label-batch {
    color: #666666;
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
}
.unit-right-fixbar {
    position: fixed;
    right: 15px;
    bottom: 15px;
    bottom: 200px;
    z-index: 9999;
}
.unit-right-fixbar li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 30px;
    background-color: #eff2f9;
    color: #ff500b;
    border-radius: 2px;
    opacity: .95;
    filter: alpha(opacity:95);
    border:1px solid #eff2f9;
}
.unit-right-fixbar li:hover {
    opacity: 1;
    filter: alpha(opacity:100);
    border-color: #ff500b;
}
.unit-right-fixbar li a{
    background-color: #eff2f9;
    color: #ff500b;
}
.unit-right-fixbar li .iconfont{
    font-size: 25px;
}
.unit-right-fixbar li .icon-nvkefu{
    font-size: 30px;
}
.unit-right-fixbar li .word{
    display: none;
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
}
.unit-right-fixbar li:hover .word{display: block;}
.unit-right-fixbar li:hover .iconfont{display: none;}

/*右侧联系客服start*/
.unit-contact-fixed{
    position: fixed;
    width: 115px;
    height: auto;
    top: 250px;
    right: 10px;
    z-index: 999;
}
.unit-contact-fixed li {
    list-style: none;
    width: 115px;
    height: auto;
    max-height: 234px;
}
.unit-contact-fixed li img {
    width: 100%;
}
.unit-contact-fixed .fixed-qq,.unit-contact-fixed .fixed-close {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 31px;
    top: 186px;
    right: 0;
}
.unit-contact-fixed .fixed-close {
    width: 20%;
    height: 20px;
    top: 0;
}
/*右侧联系客服end*/

/*首页右侧操作栏start*/
.sidebar {
    position: fixed;
    width: 56px;
    right: 0%;
    top: 30%;
    background: transparent;
    z-index: 10001;
}
.sidebar > li {
    height: 55px;
    line-height: 55px;
    background: #dddddd;
    text-align: center;
    margin-bottom: 1px;
    position: relative;
}
.sidebar > li:hover {
    background: #ff500b;
}
.sidebar > li>a {
    display: block;
}
.sidebar > li i {
    font-size: 32px;
    color: #606060;
}
.sidebar > li:hover i{
    color: #ffffff;
}
.sidebar > li div {
    display: none;
}
.sidebar > li:hover div{
    display: block;
    background: #ffffff;
}
.sidebar .side_list_one {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.sidebar .side_list_one div {
    position: absolute;
    left: -240px;
    top: 0px;
    padding: 10px;
    background: #f5f5f5;
}
.sidebar .side_list_one div img {
    width: 220px;
}
.sidebar .side_list_two div {
    width: 167px;
    position: absolute;
    right: 55px;
    top: 0;
    height: 55px;
    background: #f5f5f5;
    line-height: 55px;
    font-size: 18px;
    color: #ff500b;
}
.sidebar .side_list_two div img {
    margin-right: 15px;
}
.sidebar .side_list_three div {
    width: 200px;
    position: absolute;
    right: 55px;
    top: 0;
    height: 55px;
    background: #f5f5f5;
    font-size: 18px;
    color: #ff500b;
}
.sidebar .side_list_four {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    cursor: pointer;
}
.sidebar .icon {
    
}
.sidebar > li:hover .icon{
    color: #ffffff;
}
.sidebar-feedback-box{
    /*width: 380px;*/
}
.sidebar-feedback-box .feedback-box-title{
    padding: 20px 0px;
    color: #000000;
    text-align: center;
}
.sidebar-feedback-box .feedback-box-row{
    position: relative;
    margin-bottom: 10px;
}
.sidebar-feedback-box .feedback-box-row .left{
    width: 80px;
    display: inline-block;
    text-align: right;
}
.sidebar-feedback-box .feedback-box-row .right{
    width: 336px;
    display: inline-block;
    vertical-align: top;
}
.sidebar-feedback-box textarea{
    display: block;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #e0e0e0;
}
.sidebar-feedback-box input{
    display: block;
    height: 25px;
    border: 1px solid #e0e0e0;
    width:100%;
    padding: 0 5px;
}
/*首页右侧操作栏end*/

.solution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.solution .col-4 {
    -webkit-box-flex: 0;
    /* -ms-flex: 0 0 25%; */
    /* flex: 0 0 25%; */
    /* max-width: 25%; */
    margin-right: 25px;
}
.solution .col-4:last-child {
    margin-right: 0;
}
.solution .img img{
    max-width: 100%;
    border-radius: 10px;
}
.solution .title{
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	color: #444444;
	font-weight: 400;
}
.solution .subtitle{
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
}

.home-honor {
    width: 1278px;
    margin: 0 auto;
    padding-bottom: 10px;
    position: relative;
}
.home-honor .swiper-container {
    width: 100%;
    height: 350px !important;
}
.home-honor .swiper-container p{
    margin-top:5px;
}
.home-honor .swiper-container .swiper-slide {
    text-align: center;
    width: 20%;
}
.home-honor .swiper-container .swiper-slide .slide-img {
    width: 210px;
    margin: 0 auto;
}
.home-honor .swiper-container .swiper-slide .slide-img img{
    width: 100%;
}
.home-honor .prev {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    padding-right: 5px;
    position: absolute;
    left: -44px;
    top: 30%;
    z-index: 10;
}
.home-honor .next {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    padding-left: 3px;
    position: absolute;
    right: -34px;
    top: 30%;
    z-index: 10;
}
.home-honor .swiper-icon {
    font-size: 36px;
    color: #D9D9D9;
}
.home-honor .swiper-button:hover .swiper-icon {
    color: #f60;
}

.site-footer{}
.site-footer .container {
    width: 1200px;
    margin: 0 auto;
}
.site-footer .footer-service {
    padding: 27px 0;
    border-bottom: 1px solid #e0e0e0;
}
.site-footer .list-service {
    list-style-type: none;
}
.site-footer .list-service li {
    float: left;
    width: 19.9%;
    height: 25px;
    border-left: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}
.site-footer .list-service li:first-child {
    border-left: 0;
}
.site-footer .list-service a {
    color: #616161;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.site-footer .list-service a:hover {
    color: #ff500b;
}
.site-footer .list-service .iconfont {
    margin-right: 6px;
    font-size: 24px;
    line-height: 24px;
    vertical-align: -4px;
}
.site-footer .footer-links {
    padding: 30px 0;
}
.site-footer .footer-links .col-links {
    float: left;
    width: 160px;
    margin: 0;
}
.site-footer .footer-links .col-links dt {
    margin: 0px 0 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.25;
    color: #333333;
}
.site-footer .footer-links .col-links dd {
    margin: 10px 0 0;
    font-size: 12px;
}
.site-footer .footer-links .col-links a {
    color: #555555;
    transition: all 0.3s ease-in-out 0s;
}
.site-footer .footer-links .col-links a:hover {
    opacity: 0.8;
}
.site-footer .footer-links .col-contact {
    float: right;
    width: 235px;
    height: 112px;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    color: #555555;
}
.site-footer .footer-links .col-contact p {
    margin: 15px 0;
    font-size: 12px;
}
.site-footer .footer-links .col-contact .phone {
    margin: 0 0 5px;
    font-size: 22px;
    color: #ff500b;
}
.site-footer .footer-links .col-contact .phone .iconfont{
    font-weight: bold;
}
.site-footer .btn-line-contact {
	display: inline-block;
	border: 1px solid #ff500b;
    background: #ffffff;
    color: #ff500b;
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
}
.site-footer .btn-line-contact:hover {
	color:#ffffff;
    background: #ff500b;
}
.unit-finecontrol {
    display:inline-block;
    position:relative;
    width:108px;
    height:26px;
    overflow:hidden
}
.unit-finecontrol a {
    position:absolute;
    z-index:1;
    width:26px;
    height:26px;
    overflow:hidden;
    text-indent:-30px;
    background:#fff url(../images/2249227_1955610150.png) no-repeat 0 -200px
}
.unit-finecontrol a.minus {
    top:0;
    left:0
}
.unit-finecontrol a.plus {
    top:0;
    right:0
}
.unit-finecontrol a.minus:link,.unit-finecontrol a.minus:visited {
    background-position:0 0
}
.unit-finecontrol a.minus:hover,.unit-finecontrol a.minus:active {
    background-position:0 -30px;
    z-index:3
}
.unit-finecontrol-disabled a.minus:link,.unit-finecontrol-disabled a.minus:visited,.unit-finecontrol a.minus-disabled:link,.unit-finecontrol a.minus-disabled:visited {
    background-position:0 -60px;
    cursor:not-allowed
}
.unit-finecontrol a.plus:link,.unit-finecontrol a.plus:visited {
    background-position:-30px 0
}
.unit-finecontrol a.plus:hover,.unit-finecontrol a.plus:active {
    background-position:-30px -30px;
    z-index:3
}
.unit-finecontrol-disabled a.plus:link,.unit-finecontrol-disabled a.plus:visited,.unit-finecontrol a.plus-disabled:link,.unit-finecontrol a.plus-disabled:visited {
    background-position:-30px -60px;
    cursor:not-allowed
}
.unit-finecontrol input {
    position:absolute;
    z-index:2;
    top:0;
    left:25px;
    width:56px;
    height:18px;
    padding:3px 0;
    border:1px solid #d6d6d6;
    text-align:center;
    font-size:12px;
    line-height:18px
}
.unit-finecontrol input:focus {
    border-color:#ff7300
}
.unit-finecontrol-disabled input {
    background:#f8f8f8
}
.unit-bubbletip-stress {
    border-color:#ff7300;
    background:#fffaf4
}
.unit-bubbletip-stress .bubble-bottom {
    background-position:0 -20px;
    width:12px;
    height:9px
}
.unit-bubbletip-stress .bubble-top {
    background-position:0 0
}
.unit-bubbletip-stress .bubble-left {
    background-position:-19px -20px
}
.unit-bubbletip-stress .bubble-right {
    background-position:-19px 0
}
.unit-bubbletip {
    position:absolute;
    background:#fffbdd;
    border:1px solid #e7d3ac
}
.unit-bubbletip .main {
    padding:6px 11px
}
.unit-bubbletip .main .text-stress{
    color: #ff7300;
}
.unit-bubbletip .bubble {
    position:absolute;
    left:24px;
    width:12px;
    height:7px;
    background:url(../images/2604137_1955610150.png) no-repeat 0 0;
    overflow:hidden
}
.unit-bubbletip .bubble-bottom {
    left:24px;
    background-position:0 -150px
}
.unit-bubbletip .bubble-top {
    top:-7px;
    background-position:0 -130px
}
.unit-bubbletip .bubble-left {
    top:10px;
    left:-7px;
    background-position:-19px -150px;
    width:7px;
    height:12px
}
.unit-bubbletip .bubble-right {
    top:10px;
    right:-7px;
    left:auto;
    background-position:-19px -130px;
    width:7px;
    height:12px
}
.unit-bubbletip-stress {
    border-color:#ff7300;
    background:#fffaf4
}
.unit-bubbletip-stress .bubble-bottom {
    background-position:0 -20px;
    width:12px;
    height:9px
}
.unit-bubbletip-stress .bubble-top {
    background-position:0 0
}
.unit-bubbletip-stress .bubble-left {
    background-position:-19px -20px
}
.unit-bubbletip-stress .bubble-right {
    background-position:-19px 0
}
.unit-bubbletip-important {
    border-color:#ff7300;
    background:#ff7300;
    color:#fff
}
.unit-bubbletip-important .bubble-bottom {
    background-position:0 -60px
}
.unit-bubbletip-important .bubble-top {
    background-position:0 -40px
}
.unit-bubbletip-important .bubble-left {
    background-position:-19px -60px
}
.unit-bubbletip-important .bubble-right {
    background-position:-19px -40px
}
.unit-bubbletip-important-closable .main {
    padding-right:30px
}
.unit-bubbletip-important-closable .panel {
    position:absolute;
    top:-1px;
    right:-1px;
    width:30px;
    height:30px
}
.unit-bubbletip-important-closable .close {
    float:right;
    width:26px;
    height:30px;
    overflow:hidden;
    line-height:120px;
    background:url(../images/2246209_1955610150.png) no-repeat 0 -80px
}

.unit-searchbox {
    width: 336px;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    padding-left: 3px;
}
.unit-searchbox form {
    margin-left: 33px;
}
.unit-searchbox input {
    width: 286px;
    height: 33px;
    padding-left: 15px;
    border: 1px solid #e5e5e5;
    *margin-top: 4px;
}
.unit-searchbox .search {
    position: relative;
    top: -40px;
    left: 300px;
    font-size: 28px;
    color: grey;
    cursor:pointer;
}

.unit-batch-opreate input.select-all {
    display: block;
    height: 20px;
    line-height: 20px;
    float: left;
}
.unit-batch-opreate .text {
    margin-left: 7px;
    float: left;
    display: block;
    height: 20px;
    line-height: 20px;
    color: #666666;
}
.unit-batch-opreate a:hover{
    text-decoration: none;
    border-color:#ff7300;
    color:#ff7300;
}
.unit-batch-opreate .icon-delete, .unit-batch-opreate .icon-tag {
    width: 55px;
    height: 20px;
    margin-left: 15px;
    float: left;
    line-height: 20px;
    color: #999999;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 3px;
    background-color: #ffffff;
    text-align: center;
    margin-top: -4px;
    font-size: 14px;
    font-weight: bold;
}
.unit-batch-opreate .ok {
    width: 56px;
    height: 20px;
    margin-left: 15px;
    float: left;
    line-height: 20px;
    color: #999999;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 3px;
    background-color: #ffffff;
    text-align: center;
    margin-top: -4px;
}
.unit-cell-item {
    width: 180px;
    position: relative;
    outline: 0;
    background-color: #ffffff;
    color: #555555;
}
.unit-cell-item .img-box {
    position: relative;
    height: 180px;
    width: 180px;
    *overflow: visible;
}
.unit-cell-item .img-box .wrapper {
    height: 180px;
    width: 180px;
    display: table;
}
.unit-cell-item .img-box .a-img {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.unit-cell-item .img-box a.img {
    font: 12px/1 Tahoma,Helvetica,Arial;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    line-height: 0;
    *display: block;
}
.unit-cell-item .img-box img {
    max-width: 180px;
    max-height: 180px;
}

.unit-cell-item .cover-hover-icon {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}
.unit-cell-item.hover .cover-hover-icon {
    display: block;
}
.unit-cell-item .cover-hover-icon .icon-container {
    background: rgba(255,255,255,.9);
    margin-left: 1px;
    width: 32px;
    height: 32px;
    text-align: center;
}
.unit-cell-item .cover-hover-icon .icon-container span {
    display: inline-block;
    color: #ff7300;
    margin-top: 4px;
    font-size: 16px;
    font-weight: bold;
}
.unit-cell-item .cover-hover-row-top{
    display:none;
}
.unit-cell-item.hover .cover-hover-row-top{
    display:block;
}
.unit-cell-item.hover .cover-hover-row-top .row-top {
    position: absolute;
    top: 144px;
    height: 36px;
    width: 180px;
    background-color: #ffffff;
    text-align: center;
    opacity: .9;
    filter: alpha(opacity:90);
}

.cover-hover-row-top .row-link {
    display: block;
    float:left;
    color: #ff7300;
    font-size: 13px;
    line-height: 36px;
    border-right: 1px solid #dddddd;
    margin-right: -1px;
    text-align: center;
}
.cover-hover-row-top .row-link.last {
    border-right:0;
}
.unit-cell-item .img-box .cover-hover {
    display:none;
    background: #ffffff;
    height: 90px;
    position: relative;
}
.unit-cell-item.hover .img-box .cover-hover {
    display:block;
}

.unit-cell-item .cover-hover .row-bottom {
    padding: 8px 15px;
}
.unit-cell-item .cover-hover .row-bottom p {
    line-height: 24px;
}

.unit-cell-item .item-title, .unit-cell-item .info-price {
    margin-left: 15px;
    margin-right: 15px;
}
.unit-cell-item .item-title {
    margin-top: 15px;
    height: 40px;
    overflow: hidden;
}
.unit-cell-item .info-price {
    margin-top: 4px;
}
.unit-cell-item .info-price .now-value {
    color: #ff7300;
    font-weight: 700;
}
.unit-cell-item .info-price .fd-cny {
    margin-right: 0;
}
.unit-cell-item .info-price .now-value .value {
    font-size: 16px;
}

.unit-cell-item .operate {
    position: absolute;
    display: none;
    top: 268px;
    border: 1px solid #ff7300;
    border-top: 0;
    margin-left: -1px;
}
.unit-cell-item.hover .operate {
    display: block;
}
.unit-cell-item .operate .to-cart {
    display: block;
    width: 180px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #ff7300;
    box-shadow: none;
    color: #fff !important;
    height: 31px;
    line-height: 31px;
}

.unit-cell-item .overlay {
    display:none;
    position: absolute;
    top: 0;
    left: 0;
    height: 268px;
    width: 180px;
    background-color: rgba(0,0,0,.4);
    z-index: 3;
}
.unit-cell-item .overlay.active {
    display:block;
    box-shadow: 0 0 2px 2px #ff7300;
}
.unit-cell-item .overlay.active .batch-icon {
    color: #FF5300;
}
.unit-cell-item .overlay .batch-icon {
    display: inline-block;
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 24px;
}
.mod-new-recom .top-batch-opreate {
    padding: 40px 0 20px;
    position: relative;
}
.mod-new-recom .top-batch-opreate .desc {
    width: 90px;
    vertical-align: bottom;
    font-weight: bolder;
    font-size: 16px;
    color: #555555;
}
.mod-new-recom .top-batch-opreate .replace {
    color: #888888;
}
.mod-new-recom .top-batch-opreate .replace::after {
    padding-left: 10px;
}
.mod-new-recom .top-batch-opreate .replace:hover {
    color: #ff7300;
}
.mod-new-recom .content .unit-cell-item {
    margin-bottom: 40px;
    margin-right: 24px;
    float: left;
    height: 268px;
    box-shadow: 0 1px 10px rgba(0,0,0,.03);
}
.mod-new-recom .content .unit-cell-item.hover {
    box-shadow: 0 0 1px 1px #ff7300;
}
.mod-new-recom .content .row-first {
    margin-left: 1px;
    margin-right: 23px;
}
.mod-new-recom .content .row-last {
    margin-left: -1px;
    margin-right: 0;
}
.mod-new-recom .unit-cell-item dd {
    margin: 0 15px;
}
.mod-new-recom .info-price-operate .price {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #ff7300;
    font-weight: 700;
}
.mod-new-recom .info-price-operate .fd-cny {
    margin-right: 3px;
}
.mod-new-recom .info-price-operate .volume {
    line-height: 28px;
    float: right;
    color: #bbbbbb;
}
.mod-new-recom .info-price-operate .collect {
    width: 180px;
    height: 32px;
    position: absolute;
    top: 148px;
    background-color: #ff7300;
    left: 0;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    display: none;
}
.mod-new-recom .content .unit-cell-item.hover .collect, .mod-new-recom .content .unit-cell-item.hover .already-collect {
    display: block;
}

/*404,错误页start*/
.table-404 {
    width: 100%;
    background-color: #ffffff;
    margin-top: 13%;
    margin-bottom: 15%;
}
.table-404 th {
    text-align: right;
}
.table-404 th img{
    margin-left: 30%;
}
.table-404 td {
    height: 30px;
    padding: 6px 0 5px 25px;
}
.table-404 p {
    line-height: 25px;
}
/*404,错误页end*/

/*浏览器适应性start*/
.compatibility-notice{
	margin: 40px auto;
	border: 0;
	text-align: center;
}
.compatibility-notice .title{
	font-size: 28px;
	font-weight: bold;
	margin-top: 40px;
	color: #4A4A4A;
}
.compatibility-notice .subtitle{
	font-size: 20px;
	color: #9B9B9B;
	font-weight: normal;
	padding: 5px 0;
}
.compatibility-notice .browser-box{
	width: 560px;
	margin: 40px auto;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.10);
	border-radius: 4px;
	display: table !important;
}
.compatibility-notice .browser-box .desc {
    font-size: 14px;
    color: #6D6D6D;
    line-height: 24px;
    padding: 15px 60px;
}
.compatibility-notice .browser-box .logos{
	margin-bottom: 10px;
}
.compatibility-notice .browser-box .logos a {
    display: inline-block;
    width: 30%;
    text-align: center;
}
.compatibility-notice .browser-box .logos a img{
    width: 100px;
}
.compatibility-notice .browser-box .golink{
    display: block;
	width: 100%;
	background: #F6F6F6;
	font-size: 16px;
	color: #9B9B9B;
	padding: 15px 0;
	text-align: center;
	cursor: pointer;
    text-decoration: underline;
}

/*浏览器适应性end*/

.op-calendar-new-box{
    padding: 10px;
    width: 385px;
    z-index: 1;
    border: 2px solid #57abff;
	font-family: arial;
	font-size: 14px;
}
.op-calendar-new-box .op-calendar-new-month-box,.op-calendar-new-box .op-calendar-new-year-box {
    float: left;
}
.op-calendar-new-box .op-calendar-new-select-box{

}
.op-calendar-new-box .op-calendar-new-year-box{
    width: 80px;
    margin-right: 7px;
}
.op-calendar-new-box .c-dropdown2 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    vertical-align: middle;
    outline: 0;
    background-color: #ffffff;
    word-wrap: normal;
    word-break: normal;
}
.op-calendar-new-box .c-dropdown2 .c-dropdown2-btn {
    height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: default;
    overflow: hidden;
    white-space: nowrap;
}

.op-calendar-new-box .c-dropdown2 .c-dropdown2-btn-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
    height: 24px;
    line-height: 24px;
    background-color: #fff;
    padding: 0 1px 0 10px;
    padding-left: 0;
}
.op-calendar-new-box .c-dropdown2 .c-dropdown2-btn-icon-border {
    height: 24px;
    width: 23px;
    border-left: 1px solid #d9d9d9;
    text-align: center;
    zoom: 1;
}
.op-calendar-new-box .c-dropdown2:hover .c-dropdown2-btn-icon-border,.op-calendar-new-box .c-dropdown2-hover .c-dropdown2-btn-icon-border {
    background-color: #f2f2f2;
}

.op-calendar-new-box .c-dropdown2 .c-dropdown2-btn-group {
    position: relative;
    height: 24px;
    border: 1px solid #999999;
    border-bottom-color: #d8d8d8;
    border-right-color: #d8d8d8;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.op-calendar-new-box .c-dropdown2:hover .c-dropdown2-btn-group,.op-calendar-new-box .c-dropdown2-hover .c-dropdown2-btn-group {
    box-shadow: inset 1px 1px 0 0 #d8d8d8;
    -webkit-box-shadow: inset 1px 1px 0 0 #d8d8d8;
    -moz-box-shadow: inset 1px 1px 0 0 #d8d8d8;
    -o-box-shadow: inset 1px 1px 0 0 #d8d8d8;
}
.op-calendar-new-box .c-icon {
    background: url(../images/icons_233331.png) no-repeat 0 0;
}

.op-calendar-new-box .c-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: text-bottom;
    font-style: normal;
    overflow: hidden;
}
.op-calendar-new-box .c-icon-triangle-down {
    background-position: -408px -139px;
}

.op-calendar-new-box .c-dropdown2 .c-dropdown2-menu {
    position: absolute;
    left: 0;
    top: 100%;
    _margin-top: 0;
    width: 100%;
    overflow: hidden;
    border: 1px solid #bbbbbb;
    background: #ffffff;
    visibility: hidden;
}
.op-calendar-new-box .c-dropdown2.c-dropdown2-hover .c-dropdown2-menu {
    visibility: visible;
}

.op-calendar-new-box .c-dropdown2 .c-dropdown2-menu-inner {
    overflow: hidden;
}
.op-calendar-new-box .c-dropdown2-common ul,.op-calendar-new-box .c-dropdown2-common li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.op-calendar-new-box .c-dropdown2-common .c-dropdown2-option {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;
    padding-left: 10px;
}

.op-calendar-new-box .op-calendar-new-month-box {
    width: 61px;
    padding: 0 22px;
    position: relative;
    z-index: 1;
    margin-right: 7px;
}
.op-calendar-new-box .op-calendar-new-next-month,.op-calendar-new-box .op-calendar-new-prev-month {
    position: absolute;
    top: 0;
    display: block;
    width: 21px;
    border: 1px solid #999999;
    border-bottom-color: #d8d8d8;
    background: #fafafa;
    height: 24px;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
    color: #7a7a7a;
    font-weight: 700;
    font-family: Simsun,Simhei,sans-serif;
    z-index: 205;

}
.op-calendar-new-box .op-calendar-new-prev-month {
    left: 0;
    border-right-color: #d8d8d8;
}
.op-calendar-new-box .op-calendar-new-next-month {
    right: 0;
    border-left-color: #d8d8d8;
}

.op-calendar-new-box .c-btn {
    display: inline-block;
    padding: 0 14px;
    margin: 0;
    height: 24px;
    line-height: 25px;
    font-size: 13px;
    filter: chroma(color=#000000);
    zoom: 1;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    font-family: inherit;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-color: #f9f9f9;
    overflow: hidden;
    outline: 0;
    color: inherit;
}

.op-calendar-new-box .op-calendar-new-backtoday {
    width: 52px;
    float: right;
}

.op-calendar-new-box .op-calendar-new-table-box {
    margin-top: 10px;
}

.op-calendar-new-box .op-calendar-new-table {
    width: 385px;
    border-collapse: collapse;
    border-spacing: 0;
}

.op-calendar-new-box .c-container table {
    border-collapse: collapse;
    border-spacing: 0;
}
.op-calendar-new-box .op-calendar-new-table th {
    height: 33px;
    border-top: 1px solid #5af;
    border-bottom: 1px solid #eeeeee;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}
.op-calendar-new-box .op-calendar-new-table th.op-calendar-new-table-weekend {
    color: #e02d2d;
}
.op-calendar-new-box .op-calendar-new-relative {
    position: relative;
    width: 100%;
    zoom: 1;
}
.op-calendar-new-box .op-calendar-new-relative.today {
    border: 1px solid #4E6EF2;
    border-radius: 4px;
}

.op-calendar-new-box .op-calendar-new-table td {
    width: 55px;
    height: 45px;
    border-bottom: 1px solid #ddd;
    padding: 0;
}
.op-calendar-new-box .op-calendar-new-table td a {
    display: block;
    width: 48px;
    height: 33px;
    padding: 10px 3px 10px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}
.op-calendar-new-box .op-calendar-new-table td a.op-calendar-new-table-selected{
    padding: 8px 0 7px;
    width: 48px;
    border: 3px solid #fb0;
}

.op-calendar-new-box .op-calendar-new-table .op-calendar-new-daynumber {
    display: block;
    height: 22px;
    font-size: 18px;
    color: #000000;
}
.op-calendar-new-box .op-calendar-new-table .op-calendar-new-table-almanac {
    display: block;
    color: #999;
    font-size: 12px;
}
.op-calendar-new-box .op-calendar-new-table .op-calendar-new-table-festival{
    color: #e02d2d;
}
.op-calendar-new-box .op-calendar-new-table-festival .op-calendar-new-table-almanac{
    color: #e02d2d;
}
.op-calendar-new-box .op-calendar-new-table-other-month .op-calendar-new-daynumber,.op-calendar-new-box .op-calendar-new-table-other-month .op-calendar-new-table-almanac{
    color: #bfbfbf;
}
.op-calendar-new-box .op-calendar-new-table-weekend .op-calendar-new-daynumber{
    color: #e02d2d;
}
.op-calendar-new-box .op-calendar-new-table td .op-calendar-new-table-rest{
    background: #fff0f0;
}
.op-calendar-new-box .op-calendar-new-table .op-calendar-new-table-holiday-sign {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
	font-size: 13px;
    width: 15px;
    height: 15px;
    color: #ffffff;
    background: #f43;
    text-align: left;
    text-indent: 1px;
    line-height: 14px;
    overflow: hidden;
}

.op-calendar-new-box .popup-tip{
    display:none;
    position: absolute;
    top: 62px;
    left: -34px;
    width: 100px;
    background: #ffffff;
    padding: 10px;
    color: #333333;
    border-radius: 4px;
    border: 1px solid #fb0;
    z-index: 999;
}
.op-calendar-new-box .popup-tip span{
    display: block;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fb0;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
}
.op-calendar-new-box .popup-tip em{
    display: block;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #ffffff;
    position: absolute;
    top: 1px;
    left: -10px;
}

.op-calendar-new-box .op-calendar-new-table-selected .popup-tip{
    display: block;
}

/*关于我们start*/
.introduce-cantainer .title-nav {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #FFFFFF;
    position: absolute;
}
.introduce-cantainer .title-nav ul {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    font-size: 0;
}
.introduce-cantainer .title-nav ul li {
    width: 160px;
    display: inline-block;
    vertical-align: top;
    color: #666666;
    font-size: 16px;
    cursor: pointer;
}

.introduce-cantainer .title-nav ul li.li-act {
    background: #FF6600;
    color: #FFFFFF;
}
.introduce-cantainer .title-nav ul li.li-act a{
    color: #ffffff;
}
.introduce-cantainer .section {
    width: 100%;
    position: relative;
}
.introduce-cantainer .section2 {
    padding-top: 60px;
}
.introduce-cantainer .section2 .section2-abstract {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
}
.introduce-cantainer .section2 .section2-abstract h4 {
    font-size: 34px;
    color: #595959;
    padding-top: 55px;
    font-weight: 300;
}
.introduce-cantainer .section2 .section2-abstract > span {
    width: 130px;
    height: 2px;
    background: #FF6600;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 30px;
}
.introduce-cantainer .section2 .section2-abstract p {
    font-size: 14px;
    color: #595959;
    line-height: 25px;
    text-align: left;
    padding-bottom: 10px;
}

.introduce-cantainer .section .section-title {
    text-align: center;
}
.introduce-cantainer .section .section-title h4 {
    font-size: 34px;
    color: #595959;
    padding-top: 55px;
    font-weight: 300;
}
.introduce-cantainer .section .section-title span {
    width: 130px;
    height: 2px;
    background: #FF6600;
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 40px;
}
.introduce-cantainer .section6 .section6-garousel {
    width: 100%;
    user-select: none;
}
.introduce-cantainer .section6-garousel .garousel1 {
    width: 100%;
    background: #F7F7F7;
}
.introduce-cantainer .section6-garousel .garousel1 ul li {
    display: none;
}
.introduce-cantainer .section6-garousel .garousel1 ul li.garousel-act {
    display: block;
}
.introduce-cantainer .section6-garousel .garousel1 .garousel1-left {
    width: 50%;
    height: 514px;
    float: left;
}
.introduce-cantainer .garousel1 .garousel1-right {
    width: 50%;
    float: left;
}
.introduce-cantainer .garousel1 .garousel1-right .garousel1-right-title {
    width: 100px;
    margin-top: 44px;
    margin-left: 8%;
}
.introduce-cantainer .garousel1-right .garousel1-right-txt {
    margin-left: 8%;
}
.introduce-cantainer .garousel1-right .garousel1-right-txt h3 {
    font-size: 30px;
    color: #333333;
    font-weight: 400;
    margin-top: 64px;
    margin-bottom: 12px;
}
.introduce-cantainer .garousel1-right .garousel1-right-txt p {
    font-size: 14px;
    color: #737373;
    line-height: 22px;
}
.introduce-cantainer .section6-garousel .garousel2 {
    width: 100%;
    height: 167px;
    display: inline-block;
}
.introduce-cantainer .section6-garousel .garousel2 ul {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px 0;
    font-size: 0;
    background: #FFFFFF;
}
.introduce-cantainer .section6-garousel .garousel2 ul li {
    width: 190px;
    height: 126px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    cursor: pointer;
    position: relative;
    border: 3px solid #ffffff;
}
.introduce-cantainer .section6-garousel .garousel2 ul li.li-act2 {
    border-color: #ed6d00;
}
.introduce-cantainer .section6-garousel .garousel2 ul li.li-act2>a {
    display: none;
}
.introduce-cantainer .section6-garousel .garousel2 ul li img {
    display: inline-block;
    width:100%;
    height:100%;
}
.introduce-cantainer .section6-garousel .garousel2 ul li a {
    width: 100%;
    height: 100%;
    line-height: 126px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
}
.introduce-cantainer .section6-garousel .garousel2 ul li a p {
    color: #FFFFFF;
    font-size: 16px;
}
.introduce-cantainer .section6 .but-1 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -50px;
    cursor: pointer;
}
.introduce-cantainer .section6 .but-1 .but-1-prev {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f6770c;
    opacity: 0.8;
}

.introduce-cantainer .section6 .but-1 .but-1-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ffad52;
    opacity: 0.8;
}
.introduce-cantainer .section6 .but-1 .but-1-prev:hover,.introduce-cantainer .section6 .but-1 .but-1-next:hover {
    opacity: 1;
}
.introduce-cantainer .section6 .but-1 .icon {
    font-size: 24px;
    color: #FFFFFF;
}
.introduce-cantainer .section7 .section7-banner {
    width: 1278px;
    margin: 0 auto;
    padding-bottom: 120px;
    position: relative;
}
.introduce-cantainer .section7 .section7-banner .swiper-container {
    width: 100%;
    height: 350px !important;
}
.introduce-cantainer .section7 .section7-banner .swiper-container .swiper-slide {
    text-align: center;
    width: 20%;
}
.introduce-cantainer .section7-banner .swiper-container .swiper-slide .slide-img {
    width: 210px;
    margin: 0 auto;
}
.introduce-cantainer .section7-banner .swiper-container .swiper-slide .slide-img img{
    width: 100%;
}

.introduce-cantainer .section7 .section7-banner .prev {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    padding-right: 5px;
    position: absolute;
    left: -44px;
    top: 30%;
    z-index: 10;
}
.introduce-cantainer .section7 .section7-banner .next {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    padding-left: 3px;
    position: absolute;
    right: -34px;
    top: 30%;
    z-index: 10;
}
.introduce-cantainer .section7 .section7-banner .swiper-icon {
    font-size: 36px;
    color: #D9D9D9;
}
.introduce-cantainer .section7 .section7-banner .swiper-button:hover .swiper-icon {
    color: #f60;
}
.introduce-cantainer .section7 .honor {
    width: 1278px;
    overflow: hidden;
    margin: 0 auto 0;
}
.introduce-cantainer .section7 .honor .honor-item {
    width: 305px;
    padding-bottom: 50px;
    float: left;
}
.introduce-cantainer .section7 .honor .honor-item h4 {
    color: #404040;
    font-size: 18px;
    font-family: "微软雅黑";
    font-weight: bolder;
}
.introduce-cantainer .section7 .honor .honor-item h4::after {
    width: 75px;
    height: 2px;
    background: #f60;
    display: block;
    content: "";
    margin-top: 5px;
    margin-bottom: 16px;
}
.introduce-cantainer .section7 .honor .honor-item li {
    margin-bottom: 10px;
    font-size: 14px;
    color: 737373;
    list-style:disc;
    margin-left: 15px;
    position: relative;
}
.introduce-cantainer .section7 .honor .honor-line {
    width: 1px;
    height: 130px;
    background: #dbdbdb;
    margin: 0 87px;
    float: left;
    margin-top: 45px;
}
/*关于我们end*/

.g_block_header {
    border-bottom: 1px solid #e8e8e8;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    background-color: #ffffff;
}
.g_block_header-title {
    float: left;
    margin-left: 15px;
    color: #222222;
}
.credit-block-small-title {
    font-size: 12px;
    color: #999999;
    margin-left: 10px;
}
.g_block_header-op {
    cursor: pointer;
    float: right;
    margin-right: 15px;
    font-size: 12px;
    color: #666666;
}
.mod-admin-title {
    height: 32px;
    line-height: 32px;
    padding-bottom: 8px;
}
.mod-admin-title .marking {
    border-left: 5px solid #4d6da1;
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 0 8px;
    color: #444444;
}
.list-wrap {
    border: 1px solid #E3E3EA;
    padding: 0 1px;
}
.list-wrap table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    color: #666666;
}
.list-wrap table th {
    color: #222222;
    font-weight: 400;
    line-height: 30px;
    height: 31px;
    text-align: center;
    background: url('../images/table_bg_silvery.png') repeat-x;
}
.list-wrap table th div {
    padding: 0 5px;
    background: url('../images/th_decollator.png') right center no-repeat;
}
.list-wrap table td {
    padding: 8px 5px;
    vertical-align: top;
    overflow: hidden;
    border-bottom: 1px solid rgb(242, 242, 242);
    overflow-wrap: break-word;
    word-break: break-all;
}
.list-wrap table td.col4 {
    text-align: center;
    color: rgb(0, 0, 0);
    font-weight: 700;
    overflow: hidden;
}
.list-wrap table td.col5 {
    text-align: center;
    overflow: hidden;
}
.list-wrap table td.col5 span {
    color: rgb(255, 115, 0);
    font-weight: 700;
}
.fyi {
    position: relative;
    margin: 25px 0 0 260px;
    padding-left: 55px;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    background: url('../images/icon-warm-blue-48.png') 0 50% no-repeat;
}

.fui-tab {
    background-color: #ffffff;
    font-family: Arial,"Microsoft YaHei";
}
.fui-tab > .fui-t {
    height: 40px;
}
.fui-tab > .fui-t .fui-tab-ul {
    height: 39px;
    border: 0 solid #e8e8e8;
    border-bottom-width: 1px;
}
.fui-tab > .fui-t .fui-tab-ul .fui-tab-t {
    float: left;
    font-size: 14px;
    background-color: #ffffff;
    display: block;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
}
.fui-tab > .fui-t .fui-tab-ul .fui-tab-t.fui-tab-current {
    border: 0 solid #FA5015;
    height: 38px;
    line-height: 38px;
    border-top-width: 2px;
    padding: 0 14px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}
.fui-tab > .fui-t .fui-tab-ul .fui-tab-current.fui-tab-first {
    padding: 0 14px 0 15px;
    border-left: none;
}
.fui-tab > .fui-t .fui-tab-ul .fui-tab-t a {
    display: block;
    height: 39px;
    line-height: 39px;
    text-align: center;
    text-decoration: none;
    color: #222222;
}
.fui-tab > .fui-t .fui-tab-ul .fui-tab-t.fui-tab-current a {
    color: #111;
    height: 38px;
    line-height: 38px;
}
.fui-tab > .fui-d {
    padding: 20px 15px 15px 15px;
}
.fui-tab > .fui-d .fui-tab-b{
    display: none;
}
.fui-tab > .fui-d .fui-tab-b.fui-tab-current{
    display: block;
}

.fui-btn-action {
    border: 1px solid #027cff;
    color: #027cff;
    background-color: #ffffff;
}
.fui-btn, .fui-btn-action, .fui-btn-important, .fui-btn-disabled {
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    font-family: Arial,"Microsoft YaHei";
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    transition-property: all;
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
}
.fui-btn-action {
    border: 1px solid #027cff;
    color: #027cff;
    background-color: #ffffff;
}



/*商品详情页start*/

.unfoldsize{color: #777777;}
.obj-content label{
    line-height: 38px;
}
.obj-content input[type="text"]{
    width: 50px;
    line-height: 24px;
    padding: 2px 0 2px 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    padding:2px 0;
    text-align: center;
}
.obj-content input[type="text"]:hover,.obj-content input[type="text"]:focus {
    border-color: #ff7300;
}
.obj-content input[type="text"].w100{
    width:100px;
}
.obj-content .del-one{
    text-decoration: underline;
    cursor: pointer;
    color: #999999;
}
.obj-content .del-one:hover{
    color:red;
}
.obj-content select{
    border: 1px #d5d5d5 solid;
    padding: 5px;
    outline: none;
    text-align: center;
}
.obj-content .delivery-time{
    line-height: 38px;
}
.obj-content .delivery-time .date{
    font-weight: bold;
}
.obj-content .delivery-time .calc-detail{
    position: relative;
    margin-left: 5px;
}
.obj-content .delivery-time .calc-detail-title{
    cursor: pointer;
    color: #3082fe;

}

.obj-content .delivery-time .icon-arrow {
    position: relative;
    display: inline-block;
    margin: 0 0 2px 0px;
    float: none;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
}
.obj-content .delivery-time .icon-arrow em,.obj-content .delivery-time .icon-arrow span{
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;

}
.obj-content .delivery-time .icon-arrow em{
    top: 0;
    left: 0;
    border-width: 5px 5px 0;
    border-style: solid dashed dashed;
    border-color: #3082fe transparent transparent;
    border-radius: 2px;
}
.obj-content .delivery-time .icon-arrow-down {
    width: 10px;
    height: 5px;
}
.obj-content .delivery-time .icon-arrow-down span {
    top: -2px;
    left: 0;
    border-width: 5px 5px 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    border-radius: 2px;
}

.obj-content .delivery-time .icon-arrow-down.rotate{
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.obj-content .delivery-time .calc-detail-pannel{
    display: none;
    position: absolute;
    top: 20px;
    left: -88px;
    background: #f9f9f9;
    border: 1px solid #d5d5d5;
    border-top: 0;
    z-index: 99;
    width: 485px;
}
.obj-content .delivery-time .calc-detail-pannel-hover{
    display: block;
}

.obj-content .delivery-time .calc-detail-pannel .content {
    padding: 10px 10px 10px 25px;
}
.obj-content .delivery-time .calc-detail-pannel .content dl {
    float: left;
    display: block;
    line-height: 20px;
    /* width: 300px; */
}
.obj-content .delivery-time .calc-detail-pannel .content dl.confirm-time{
    line-height: 60px;
}
.obj-content .delivery-time .calc-detail-pannel .content dl dt {
    float: left;
    width: 100px;
    clear: both;
    color: #888888;
}
.obj-content .delivery-time .calc-detail-pannel .content dl dd {
    float: left;
    width: 200px;
}
.obj-content .delivery-time .calc-detail-pannel .content dl dd input{
    width: 135px;
}
.obj-content .delivery-time .calc-detail-pannel .content .calc-result{
    position: relative;
    float: right;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}
.obj-content .delivery-time .calc-detail-pannel .content .calc-result .float-text{
    position: absolute;
    top: 10px;
    left: -25px;
    color:red;
}
.obj-content .delivery-time .calc-detail-pannel .content .calc-result .calc-result-entries{
    width: 94px;
    padding: 10px 0;
}
.obj-content .delivery-time .calc-detail-pannel .content .calc-result .calc-result-entries p {
    float: none;
    padding: 0;
    line-height: 20px;
    text-align: center;
}
.obj-content .delivery-time .calc-detail-pannel  .calc-note{
    border-top: 1px solid #e5e5e5;
    color: #aaa;
    padding: 12px 10px 12px 25px;
    line-height: normal;
}

.obj-content .price{
    color: #ff7300;
}
.obj-content .price .fd-cny {
    font-size: 18px;
}
.obj-content .price .value {
    font-size: 22px;
}
.obj-content .price .unitPrice{
    color: #888888;
}
.obj-content .price .numPrice{
    color: #df7609;
}
.obj-content .price .all-attrs{
    float: right;
    margin-right: 160px;
    margin-top: 5px;
    font-size: 14px;
    text-decoration: underline;
    color: red;
    cursor: pointer;
}
.obj-content .price .all-attrs .iconfont{
    font-size: 14px;
}
.other_technology {
    margin: 0px 20px 0 16px;
    border: 1px #e0e0e0 dotted;
    position: relative;
}
.top_triangle {
    position: absolute;
    top: -30px;
    left: 28px;
    width: 0;
    height: 10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #999 transparent;
    z-index: 9999;
}
.whiteBg {
    position: absolute;
    top: -30px;
    left: 28px;
    width: 0;
    height: 10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9999;
}
.main_whiteBg {
    /*padding: 0 20px;*/
}
.other_technology a.act{color: #ff7300;}
.other_technology .obj-leading .obj-content{
    width: auto;
}


.offerdetail-header{
    padding: 14px 0;
}
.offerdetail-title{
    float: left;
    overflow: hidden;
    text-align: left;
}
.offerdetail-title .d-icon {
    float: left;
    vertical-align: middle;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 8px;
}
.offerdetail-title .d-icon img {
    vertical-align: middle;
    border-radius: 10px;
}
.offerdetail-title .d-title{
    float: left;
    font-size: 18px;
    color: #222222;
    margin-right: 20px;
}
.offerdetail-title .d-label{
    float: left;
    padding: 0;
    color: #444444;
    height: 24px;
    line-height: 20px;
}
.offerdetail-title .d-label li{
    float: left;
    border: 1px solid #e5e5e5;
    background-color: #f6e8dc;
    color: #df7609;
    padding: 0 10px;
    border-radius: 0;
    border-width: 0;
    margin: 0 5px 0 0;
    line-height: 24px;
    height: 24px;
}
.offerdetail-report {
    float: right;
    width: 30px;
    line-height: 24px;
}
.offerdetail-report a:link, .offerdetail-report a:visited {
    color: #aaa;
}
.offerdetail-service {
    float: right;
    line-height: 24px;
    color: #aaaaaa;
    padding-right: 20px;
    display: none;
}
.offerdetail-service a{
    color: inherit;
    text-decoration: underline;
}
.offerdetail-above{

}
.offerdetail-gallery {
    float: left;
    width: 380px;
}

.offerdetail-property {
    float: left;
    width: 640px;
    margin-left: 20px;
}
.offerdetail-property .mod {
    line-height: 18px;
    margin: 10px 0;
    zoom: 1;
}
.offerdetail-property .d-header {
    float: left;
    width: 72px;
    margin: 0 8px 0 15px;
    color: #888888;
    text-align: left;
}
.offerdetail-property .d-fieldset {
    position: relative;
    padding: 10px 20px;
    border: 1px #e0e0e0 dotted;
    margin-bottom: 10px;
}
.offerdetail-property .d-fieldset .legend-triangle{
    position: absolute;
    top: -30px;
    left: 28px;
    width: 0;
    height: 10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #666666 transparent;
    z-index: 9999;
}
.offerdetail-property .d-fieldset .legend-bg{
    position: absolute;
    top: -30px;
    left: 28px;
    width: 0;
    height: 10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9999;
}

.offerdetail-property .special-rules {
    background: #fff8f1;
    color:red;
    margin-bottom: 10px;
}
.offerdetail-property .special-rules p{
    padding: 5px 0;
    text-indent: 5px;
}
.offerdetail-property .d-content {
    /*float: left;*/
}
.offerdetail-property .d-content a{
    color: #222222;
}
.offerdetail-property .d-content a.production-scheduling{
    font-weight: bold;
    color: #3082fe;
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer;
}
.offerdetail-property .d-content a.yindou{
    color: #df7609;
}

.offerdetail-price{
    margin-top: 0;
    border-top: 1px solid #ff7300;
    position: relative;
    text-align: left;
}
.offerdetail-price table {
    width: 100%;
    height: 104px;
    background-color: #fff5ec;
}
.offerdetail-price td {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 8px;
}
.offerdetail-price .price td {
    color: #ff7300;
}
.offerdetail-price .amount td {
    padding-bottom: 15px;
}
.offerdetail-price .price .price-title,.offerdetail-price .amount .amount-title {
    padding-left: 17px;
    color: #A5988F;
}
.offerdetail-price .price .ladder-3-1, .offerdetail-price .price .ladder-3-2, .offerdetail-price .price .ladder-3-3 {
    width: 172px;
}
.offerdetail-price .ladder-3-1 {
    width: 170px;
    padding-left: 21px;
}
.offerdetail-price .fd-cny {
    font-size: 18px;
    padding-right: 2px;
}
.offerdetail-price .price .value {
    font-size: 30px;
}
.offerdetail-price .amount .unit {
    padding-left: 2px;
}

.offerdetail-postage {
    position: relative;
    line-height: 18px;
    margin: 10px 0;
    zoom: 1;
}
.offerdetail-postage .mod{
    margin: 10px 0 15px;
}
.offerdetail-postage .d-content {
    float: left;
    overflow: visible;
    width: 480px;
}
.offerdetail-postage .to {
    float: left;
    padding: 0 4px 0 10px;
    color: #888888;
}

.offerdetail-Satisfaction{
    margin: 10px 0 15px;
}
.offerdetail-Satisfaction .d-content p {
    float: left;
}
.offerdetail-Satisfaction .d-content p a:hover {
    color: #ff7300;
}
.offerdetail-Satisfaction .value{
    color: #ff7300;
    font-weight: 700;
}
.offerdetail-Satisfaction .star-level {
    background: url(../images/bg.png) no-repeat;
    padding-right: 15px;
    margin-right: 15px;
    background-position: right -176px;
}

.obj-leading .obj-header {
    width: 80px;
    line-height: 38px;
    float: left;
    color: #444444;
}

.obj-leading .obj-header .obj-title {
    line-height: 1;
    display: inline-block;
}
.obj-leading .obj-header input[type="text"] {
    width: 70px;
    line-height: 24px;
    padding: 2px 0 2px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
}
.obj-leading .obj-header input[type="text"]:hover,.obj-leading .obj-header input[type="text"]:focus{
    border-color: #ff7300;
}
.obj-leading .obj-content {
    float: left;
    width: 510px;
}
.obj-leading li {
    float: left;
    margin: 0 10px 10px 0;
}
.obj-leading li > a.act {
    line-height: 38px;
    color:red;
}
.obj-leading li > a.act:hover {
    text-decoration: underline;
}
.offerdetail-purchasing{
    background-color: #ffffff;
}
.offerdetail-purchasing label {
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
}
.offerdetail-purchasing a{
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
}
.offerdetail-purchasing .obj-leading {
    padding: 8px 0 8px;
    padding:5px 0;
    position: relative;
}
.offerdetail-purchasing .obj-leading.dashed-hr {
    border-top: 1px dashed #ff7300;
    border-bottom: 1px dashed #ff7300;
}
.offerdetail-purchasing .obj-leading .add-key-value{
    border: 1px dotted #ff7300;
    text-align: center;
    padding: 5px 0;
    color: #ff7300;
    cursor: pointer;
}
.offerdetail-purchasing .obj-leading .add-key-value:hover{
    border-color: #ff7300;
    color: #ffffff;
    background-color: #ff7300;
}
.offerdetail-purchasing .obj-leading .add-key-value .icon-plus{
    font-size: 14px;
    /* vertical-align: bottom; */
}
.offerdetail-purchasing .obj-leading .lower-tips{
    color:#888888;
}
.offerdetail-purchasing .obj-leading .batch-price{
    cursor: pointer;
    color: #3082fe;
    margin-left: 10px;
}
.offerdetail-purchasing .obj-sku {
    position: relative;
    padding: 10px 10px 10px 16px;
    border-bottom: 1px solid #f0f0f0;
}
.offerdetail-purchasing .obj-sku .obj-header {
    float:left;
    width: 79px;
    color: #888888;
    line-height: 44px;
}
.offerdetail-purchasing .obj-sku .obj-content {
    overflow: hidden;
    padding-right: 18px;
}
.offerdetail-purchasing .obj-sku .table-sku {
    width: 510px;
}
.offerdetail-purchasing .obj-sku .table-sku td {
    height: 44px;
    border-bottom: 1px dotted #e5e5e5;
}
.offerdetail-purchasing .obj-sku .table-sku .name {
    width: 160px;
    padding-right: 10px;
    font-weight: 700;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;

}
.offerdetail-purchasing .obj-sku .table-sku .price {
    width: 80px;
    padding-right: 10px;
}
.offerdetail-purchasing .obj-sku .table-sku .count {
    width: 90px;
    padding-right: 35px;
    text-align: right;
}
.offerdetail-purchasing .obj-list {
    height: 46px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e5e5e5;
}
.offerdetail-purchasing .list-total {
    float: left;
    height: 46px;
    overflow: hidden;
    padding-left: 94px;
    line-height: 46px;
    color: #d00;
}
.offerdetail-purchasing .list-total {
    float: left;
    height: 46px;
    overflow: hidden;
    padding-left: 94px;
    line-height: 46px;
    color: #d00;
}
.offerdetail-purchasing .list-total p {
    float: left;
}
.offerdetail-purchasing .list-total .amount {
    padding-right: 15px;
    margin-right: 15px;
    background: url(../images/bg.png) no-repeat;
    background-position: right -194px;
}
.offerdetail-purchasing .list-total .value {
    font-size: 20px;
    position: relative;
    top: 1px;
    margin-right: 2px;
}
.offerdetail-purchasing .list-total .unit {
    position: relative;
    top: -1px;
    padding-left: 2px;
}
.offerdetail-purchasing .list-total .value {
    position: relative;
    font-size: 20px;
    top: 1px;
    margin-right: 2px;
}
.offerdetail-purchasing .icon-belt-card {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 16px;
    background: url(../images/belt-card.png) no-repeat;
    vertical-align: middle;
    margin: 0 4px 0 15px;
}
.offerdetail-purchasing .profit-info {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #282828;
}
.offerdetail-purchasing .list-selected {
    position: relative;
    z-index: 11;
    float: right;
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
}

.offerdetail-purchasing .list-selected .link-list {
    position: relative;
    display: block;
    width: 185px;
    height: 46px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #f9f9f9;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
}
.offerdetail-purchasing .list-selected .link-list:hover{
    color: #ff7300;
}
.offerdetail-purchasing .list-selected .link-list:hover .icon-arrow em{
    border-color: transparent transparent #ff7300;
}

.offerdetail-purchasing .list-selected-expand .link-list {
    margin: -1px 0;
    padding-top: 1px;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    border-top: 0 none;
}
.offerdetail-purchasing .list-selected-expand .link-list .icon-arrow {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
/*.offerdetail-purchasing .link-list:hover span{
    color: #ff7300;
}*/
.offerdetail-purchasing .link-list .icon-arrow {
    display: inline-block;
    margin: 0 0 3px 6px;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    float: none;
}
.offerdetail-purchasing .list-selected .list-info {
    position: absolute;
    z-index: 100;
    bottom: 46px;
    right: 0;
    display: none;
    width: 637px;
    /*width: 625px;*/
    border: 1px solid #d5d5d5;
    background-color: #ffffff;
    box-shadow: 0 -3px 3px -3px #d5d5d5;
}
.offerdetail-purchasing .list-selected .table-list {
    /*width: 626px;*/
}
.offerdetail-purchasing .list-selected td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.offerdetail-purchasing .list-selected .last-row td {
    border-bottom: 0 none;
}
.offerdetail-purchasing .list-selected .prop {
    width: 74px;
    padding: 17px 10px;
    font-weight: 700;
}
.offerdetail-purchasing .list-selected .amount {
    width: 80px;
    padding: 17px 10px;
}
.offerdetail-purchasing .list-selected .desc {
    padding: 12px 10px;
    border-right: 0 none;
}
.offerdetail-purchasing .list-selected .desc li {
    float: left;
    line-height: 28px;
}
.offerdetail-purchasing .list-selected .desc .name {
    float: left;
}
.offerdetail-purchasing .list-selected .desc .no-control {
    width: 80px;
    margin: 0 10px 0 6px;
    color: #999999;
}
.offerdetail-purchasing .list-selected .desc .no-control .value {
    color: #444444;
}
.offerdetail-purchasing .list-selected .desc .control {
    float: left;
    margin: 0 15px 0 10px;
}
.offerdetail-purchasing .obj-order {
    margin: 25px 0 5px 97px;
}

.batch-pricing{
    /* width: 400px; */
}
.batch-pricing .thead{
    height: 40px;
    line-height: 40px;
    background: #e2edf8;
    text-align: center;
}
.batch-pricing .thead li{
    width:33.33%;
    display: inline-block;
    float:left;
}
.batch-pricing .tbody{
    position: relative;
    background: #f9fbff;
}
.batch-pricing .tbody td{
    width:33.33%;
    text-align: center;
}
.batch-pricing .tbody td.goods-price{
    font-weight: bold;
    color: #ff7300;
}
.batch-pricing .tbody td .icon-remove{
    margin-right: 5px;
}
.batch-pricing .tbody td input{
    width:80%;
    max-width: 80px;
    padding: 5px;
    border: 1px solid #cccccc;
    outline: 0;
    margin: 10px auto;
    text-align: center;
}
.batch-pricing .act{
    margin: 5px auto 0;
}
.batch-pricing .insert-item{
    display: block;
    font-weight: bold;
    border: 1px dotted #ff6700;
    background-color: #f9fbff;
    padding: 10px 0;
    text-align: center;
    color: #ff7300;
    cursor: pointer;
}
.batch-pricing .insert-item:hover{
    border-color: #ff7300;
    color: #ffffff;
    background-color: #ff7300;
}
/*证件资料start*/
.batch-data .thead{
    height: 40px;
    line-height: 40px;
    background: #e2edf8;
    text-align: center;
}
.batch-data .thead li{
    /* width:33.33%; */
    width:10%;
    display: inline-block;
    float:left;
}
.batch-data .tbody{
    position: relative;
    background: #f9fbff;
}
.batch-data .tbody table tbody{
    display: block;
    overflow-y: scroll;
    height:370px;
}
.batch-data .tbody td{
    /* width:33.33%; */
    width:10%;
    text-align: center;
}
/*
.batch-data .tbody td.goods-price{
    font-weight: bold;
    color: #ff7300;
}
*/
.batch-data .tbody td .icon-remove{
    margin-right: 5px;
}
.batch-data .tbody td input{
    width:80%;
    max-width: 80px;
    padding: 5px;
    border: 1px solid #cccccc;
    outline: 0;
    margin: 10px auto;
    text-align: center;
}
.batch-data .act{
    margin: 5px auto 0;
}
.batch-data .insert-item{
    display: block;
    font-weight: bold;
    border: 1px dotted #ff6700;
    background-color: #f9fbff;
    padding: 10px 0;
    text-align: center;
    color: #ff7300;
    cursor: pointer;
}
.batch-data .insert-item:hover{
    border-color: #ff7300;
    color: #ffffff;
    background-color: #ff7300;
}
/*证件资料end*/
.unit-detail-order-action{
    margin-bottom: 20px;
}
.unit-detail-order-action .do-purchase,.unit-detail-order-action .do-cart,.unit-detail-order-action .do-diecut{
    display: block;
    float: left;
    width: 160px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ff7300;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: background-color .3s ease 0s;
    -moz-transition: background-color .3s ease 0s;
    -o-transition: background-color .3s ease 0s;
    transition: background-color .3s ease 0s;
}
.unit-detail-order-action .do-purchase{
    margin-right: 10px;
    background-color: #ff7300;
}
.unit-detail-order-action .do-purchase:hover{
    border-color: #ff7300;
    background-color: #ff500b;
    color: #ffffff;
}
.unit-detail-order-action .do-purchase span{
    line-height: 38px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}
.unit-detail-order-action .do-cart {
    margin-right: 10px;
    border-color: #f2dcbc;
    background: url(../images/do-cart.png) no-repeat;
    background-position: 10px -162px;
    color: #ff712b!important;
    background-color: #fff5ec;
}
.unit-detail-order-action .do-cart:hover {
    border-color: #f9d59e;
    background-color: #ffecda;
    /*color: #f46200;*/
}
.unit-detail-order-action .do-cart.to-taobao{
    background-position: 28px -101px;
}
.unit-detail-order-action .do-diecut{
    width: 100px;
    background-color: #52a647;
    border-color: #52a647;
}
.unit-detail-order-action .do-diecut span{
    color: #ffffff;
}
.unit-detail-spec-operator {
    position: relative;
    float: left;
    height: 38px;
    background: #ffffff;
    overflow: visible;
}
.unit-detail-spec-operator a {
    position: relative;
    display: block;
    padding: 2px;
    border: 1px solid #d5d5d5;
    font-weight: 700;
    color: #444444;
}
.unit-detail-spec-operator a:hover {
    border-color:#ff7300;
}
.unit-detail-spec-operator a .text {
    display: block;
    padding: 0px 4px;
    text-align: center;
}
.unit-detail-spec-operator a .text-single-line {
    line-height: 32px;
    white-space: nowrap;
}
.unit-detail-spec-operator a.image {
    width: 32px;
    height: 32px;
    padding: 2px;
    white-space: normal;
}
.unit-detail-spec-operator a .cor {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 13px;
    height: 13px;
}
.unit-detail-spec-operator a.selected {
    border: 2px solid #ff7300;
    padding: 1px;
}
.unit-detail-spec-operator a.completed {
    border: 2px solid #dabbaa;
    padding: 1px;
}
.unit-detail-spec-operator a.completed .cor {
    background: url(../images/icon4.png) no-repeat;
    background-position: 0 -570px;
}
.unit-detail-spec-operator .icon-new {
    position: absolute;
    top: -5px;
    right: -5px;
    padding: 2px;
    text-align: center;
    font-size: 12px;
    line-height: 100%;
    font-style: normal;
    font-weight: 400;
    color: #ffffff;
    background-color: #f13f40;
    overflow: hidden;
    z-index: 9;
}
.unit-detail-spec-operator .icon-discount {
    position: absolute;
    top: -5px;
    right: -5px;
    padding: 2px;
    text-align: center;
    font-size: 12px;
    line-height: 100%;
    font-style: normal;
    font-weight: 400;
    color: #ffffff;
    background-color: #096;
    overflow: hidden;
    z-index: 9;
}
.unit-detail-spec-operator label {
    position: relative;
    display: block;
    padding: 2px;
    border: 1px solid #d5d5d5;
    font-weight: 700;
    color: #444444;
    cursor: pointer;
}
.offerdetail-property .d-content label {
    color: #222222;
}
.unit-detail-spec-operator label.other {
    color:#555555;
}
.unit-detail-spec-operator label.selected {
    border: 2px solid #ff7300;
    padding: 1px;
}
.unit-detail-spec-operator label .text {
    display: block;
    padding: 0px 4px;
    text-align: center;
}
.unit-detail-spec-operator label .text-single-line {
    line-height: 32px;
    white-space: nowrap;
}
.unit-detail-spec-operator label .cor {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 13px;
    height: 13px;
}


.unit-detail-spec-operator input[type="radio"],.unit-detail-spec-operator input[type="checkbox"]{
    display: none;
}
.obj-content em {
    line-height: 38px;
}
.unit-detail-spec-operator a.text-link{
    line-height: 38px;
    border: none;
    display: inline;
    color: #FF7300;
    text-decoration: underline;
    cursor: pointer;
}
.unit-detail-spec-operator .vertical-img {
    width: 32px;
    height: 32px;
}
.unit-detail-spec-operator .float-area {
    display: none;
    position: absolute;
    width: 500px;
    left:0px;
    left:-180px;
    padding: 20px;
    color: #555555;
    background-color: #ffffff;
    box-shadow: 0 2px 4px #b0b0b0;
    overflow: hidden;
    z-index: 99;
}
.unit-detail-spec-operator:hover .float-area {
    display: block;
}
.unit-detail-spec-operator .float-area .left-area{
    position: relative;
    float:left;
    width: 250px;
    height: 140px;
    font-size: 13px;
    overflow: hidden;
}
.unit-detail-spec-operator .float-area .title{

}
.unit-detail-spec-operator .float-area .english-title{
    font-size: 85%;
    color: #777777;
}
.unit-detail-spec-operator .float-area .desc{
    padding:10px 0;
}
.unit-detail-spec-operator .float-area .tips{
    display: none;
    position: absolute;
    bottom: 0px;
    width: 100%;
    color: #999999;
    border-top: 1px #e0e0e0 solid;
    padding-top: 5px;
}
.unit-detail-spec-operator .float-area .right-area{
    float:right;
    /* width: 200px; */
}
.unit-detail-spec-operator .float-area .right-area img{
    height: 140px;
    display: block;
}
.unit-detail-spec-operator .tips-img{
    margin: 12px 0;
    display: inline-block;
}

.unit-detail-spec-operator .float-center-area {
    display: none;
    position: absolute;
    /* width: 500px; */
    left:0px;
    padding: 10px;
    color: #666666;
    background-color: #ffffff;
    box-shadow: 0 2px 4px #b0b0b0;
    overflow: hidden;
    z-index: 99;
}
.unit-detail-spec-operator .float-center-area .simple-img{
    max-width: 250px;
}
.unit-detail-spec-operator:hover .float-center-area {
    display: block;
}
.unit-detail-spec-operator span.amount-down{
    vertical-align: middle;
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    background: url(../images/bg.png) no-repeat;
    border-right: 0 none;
    background-position: -32px 8px;
    cursor: pointer;
}
.unit-detail-spec-operator input[type="text"].label-input{
    width: 380px;
    border: 2px solid #ff7300;
    line-height: 30px;
    margin-left: -2px;
}
.unit-detail-spec-operator input[type="text"].amount-input{
    vertical-align: middle;
    width: 20px;
    height: 22px;
    line-height: 22px;
    padding: 2px 0 2px 8px;
    border: 1px solid #e5e5e5;
}
.unit-detail-spec-operator span.amount-up{
    vertical-align: middle;
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 1px solid #e5e5e5;
    /* line-height: 200px; */
    overflow: hidden;
    background: url(../images/bg.png) no-repeat;
    border-left: 0 none;
    background-position: 8px 8px;
    cursor: pointer;
}
.face-detail-recommend {
    width: 138px;
    /*height:510px;*/
    background: #f5f5f5;
}
.face-detail-recommend .d-header {
    height: 38px;
    line-height: 38px;
    background-color: #f5f5f5;
}
.face-detail-recommend .d-header h3 {
    color: #888888;
    padding: 0 15px;
    text-align: center;
    height: 38px;
}
.face-detail-recommend .d-header h3 span {
    padding: 0 5px;
    background-color: #f5f5f5;
    line-height: 30px;
}
.face-detail-recommend .de-irecom {
    width: 120px;
    margin: 0 auto 10px;
    overflow: hidden;
}
.face-detail-recommend .list-product li {
    float: none !important;
    width: 120px;
    overflow: hidden;
}
.face-detail-recommend .list-product .cell-product {
    padding: 0 0 10px;
}
.face-detail-recommend .list-product .cell-product:last-child {
    padding: 0;
}
.face-detail-recommend .list-product .cell-product dt {
    font-size: 0;
    line-height: 0;
    margin: auto;
}
.face-detail-recommend .list-product .vertical-img {
    height: 110px;
    width: 110px;
    text-align: center;
}

.face-detail-recommend .list-product .vertical-img img {
    max-width: 110px;
    border: 1px solid #ECECEC;
}
.face-detail-recommend .cell-product .price {
    /*height: 25px;*/
    line-height: 25px;
    color: #555555;
    text-align: center;
}
.face-detail-recommend .page-trigger {
    width: 100px;
    margin:0 auto;
}
.face-detail-recommend .page-trigger .paging {
    float: left;
    display: inline;
    width: 10px;
    height: 20px;
    margin: 0 7px 0 10px;
    line-height: 200px;
    overflow: hidden;
}

.face-detail-recommend .page-trigger .icon-arrow-left span {
    border-color: transparent #f5f5f5 transparent transparent;
}
.face-detail-recommend .list-product-trigger {
    float: left;
}
.face-detail-recommend .list-product-trigger li {
    float: left;
    width: 5px;
    height: 18px;
    padding: 0 5px;
    background: url(../images/dot_trigger.png) no-repeat;
    background-position: -24px -1px;
    line-height: 200px;
    overflow: hidden;
}
.face-detail-recommend .list-product-trigger .current {
    background-position: -39px -1px;
}
.face-detail-recommend .page-trigger .next, .face-detail-recommend .page-trigger .next-g {
    margin-right: 0;
}

.face-detail-recommend .page-trigger .icon-arrow-right em, .face-detail-recommend .page-trigger .icon-arrow-right span {
    border-width: 8px 0 8px 8px;
}
.face-detail-recommend .page-trigger .icon-arrow-right em, .face-detail-recommend .page-trigger .icon-arrow-right span {
    border-width: 8px 0 8px 8px;
}
.face-detail-recommend .page-trigger .icon-arrow-right span {
    border-color: transparent transparent transparent #f5f5f5;
}



.offerdetail-unit-tool{
    margin-bottom: 15px;
}
.offerdetail-unit-tool a:hover{
    color: #ff7300;
}
.unit-detail-code {
    margin: 0 auto;
    padding: 10px 0 0 18px;
    text-align: left;
}
.unit-detail-fav {
    margin: 0 auto;
    padding: 10px 0 0 18px;
    float: left;
}
.unit-detail-fav a {
    display: inline-block;
    padding-left: 25px;
    color: #222222;
    text-decoration: none;
    background: url(../images/starts.png) no-repeat;
    background-position: 0 -34px;
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    cursor: pointer;
}
.unit-detail-fav a:hover {
    background-position: 0 -69px;
}
.unit-detail-fav a.active{
    background: url(../images/star_active.png) no-repeat;
    background-position: 0 2px;
}
.unit-detail-qrcode {
    position: relative;
    z-index: 10;
    float: left;
    display: inline;
    margin-left: 45px;
    cursor: pointer;
}
.unit-detail-qrcode .link-qrcode {
    display: block;
    width: auto;
    height: auto;
    border: none;
    padding: 10px 0 0 28px;
    background: url(../images/menus.png) no-repeat 0 12px;
}
.unit-detail-qrcode .link-qrcode:hover {
    background-position: 0 -43px;
}

.unit-detail-qrcode .qrcode-detail {
    position: absolute;
    display: none;
    width: 150px;
    top: 30px;
    left: 0;
    z-index: 11;
    border: 1px dashed #dddddd;
    background-color: #ffffff;
    zoom: 1;
}

.mod-detail{}
.mod-detail a {
    color: #222222;
    text-decoration: none;
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
}
.mod-detail a:hover, .mod-detail a:active {
    color: #ff7300;
}

.mod-detail-new-otabs {
    width: 100%;
    zoom: 1;
    background-color: #FFF;
}
.mod-detail-new-otabs .pack {
    background-color: #FFF;
    height: 45px;
    margin: auto;
    border: 1px solid #E5E5E5;
    border-top: 1px solid #FF7300;
    font-family: 微软雅黑;
}
.mod-detail-new-otabs .d-tab-company {
    width: 190px;
    margin-right: 9px;
    float: left;
    display: none;
    border-right: 1px solid #E5E5E5;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    font-size: 14px;
}
.mod-detail-new-otabs.tab-float .d-tab-company {
    display: block;
}
.mod-detail-new-otabs .d-tab-company span {
    padding: 0 14px;
    display: block;
}
.mod-detail-new-otabs ul .tab-li {
    float: left;
    margin: 0 15px;
    line-height: 42px;
    overflow: visible;
    font-size: 14px;
    width: 86px;
    text-align: center;
}
.mod-detail-new-otabs ul .de-selected {
    position: relative;
}
.mod-detail-new-otabs ul .tab-li a {
    display: block;
    font-size: 14px;
    transition: font-size .3s ease-in;
}
.mod-detail-new-otabs ul .de-selected a {
    color: #FF7300;
    font-size: 15px;
}
.mod-detail-new-otabs .d-tab-purchasing {
    position: relative;
    float: right;
    z-index: 98;
    display: none;
}
.mod-detail-new-otabs .d-tab-purchasing .purchasing-list {
    height: 42px;
    padding: 0 12px;
    background-position: 30px -1000px;
    line-height: 42px;
    font-size: 16px;
    cursor: pointer;
}
.mod-detail-new-otabs .d-tab-purchasing .purchasing-list {
    line-height: 42px;
    font-size: 16px;
    cursor: pointer;
}
.mod-detail-new-otabs .d-tab-purchasing .purchasing-list .amount, .mod-detail-new-otabs .d-tab-purchasing .purchasing-list .price {
    padding: 0 2px;
    color: #FF7300;
}
.mod-detail-new-otabs .d-tab-purchasing .purchasing-list .split {
    padding: 0 2px;
}
.mod-detail-new-otabs .d-tab-purchasing .purchasing-list .icon-arrow {
    float: none;
    display: inline-block;
    margin: 0 0 4px 10px;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
}

.mod .mod-detail .m-body {
    border: 0;
    background: none;
}
.mod-detail-attributes{
    position: relative;
    color: #222222;
    border-bottom: 1px solid #e5e5e5;
}
.mod-detail-attributes .obj-content {
    overflow: hidden;
    padding: 10px 0 0;
    margin-bottom: 16px;
}
.mod-detail-attributes table {
    width: 100%;
    table-layout: fixed;
    clear: both;
}
.mod-detail-attributes td {
    word-wrap: break-word;
    word-break: break-all;
    text-align: left;
    font-size: 12px;
    vertical-align: text-top;
}
.mod-detail-attributes td.de-feature {
    width: 8%;
    padding: 14px 14px 0;
    color: #999999;
}
.mod-detail-attributes td.de-value {
    width: 15%;
    padding: 10px 10px 0 0;
}
.mod-detail-attributes .obj-expand {
    position: absolute;
    bottom: -13px;
    right: 16px;
    background-color: #ffffff;
    width: 62px;
    display: none;
}
.mod-detail-attributes .obj-expand a {
    border-color: #FFF #E5E5E5 #E5E5E5;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 11px;
    border-radius: 0 0 2px 2px;
}
.mod-detail-attributes .obj-expand i {
    float: left;
    margin-left: 25px;
    width: 10px;
}
.mod-detail-attributes .obj-expand .icon-arrow-up-solid em {
    top: 0;
    left: 0;
    border-width: 0 5px 5px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #888888;
}
.mod-detail-attributes .obj-expand a:hover .icon-arrow-up-solid em {
    border-color: transparent transparent #ff7300;
}
.mod-detail-attributes .obj-expand .icon-arrow-up-solid span {
    top: 2px;
    left: 0;
    border-width: 0 5px 5px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #ffffff;
}
.offerdetail-description{
    margin:10px 0px;
}
.offerdetail-description img{
    max-width:100%;
}
.de-blockhd {
    color: #444444;
    line-height: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E5E5E5;
}
.mod-detail-dealrecord .de-blockhd {
    margin-bottom: 10px;
    clear: both;
}
.de-blockhd h2 {
    font-size: 20px;
    font-weight: 400;
}
.mod-detail-dealrecord .content {
    position: relative;
}
.mod-detail-dealrecord .loading1 p {
    height: 20px;
    padding: 20px 0;
    margin: 10px 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.mod-detail-dealrecord .comment-total {
    height: auto;
    margin-top: 5px;
    margin-bottom: 10px;
}
.mod-detail-dealrecord .content .txt-desc {
    margin-top: 4px;
    color: #999999;
}
.mod-detail-dealrecord .bargain-statistics {
    padding: 16px 0 16px 20px;
    zoom: 1;
    border: 1px solid #e5e5e5;
}
.mod-detail-dealrecord .bargain-statistics .container {
    float: left;
    width: 156px;
    height: 82px;
    margin-right: 14px;
    border-right: 1px solid #e9e9e9;
    color: #666666;
}
.mod-detail-dealrecord .bargain-statistics div.first-col {
    width: 170px;
}
.mod-detail-dealrecord .bargain-statistics div.last-col {
    border-right: 0 none;
    width: auto;
    margin-right: 0;
}
.mod-detail-dealrecord .bargain-statistics .star-level .d-title, .mod-detail-dealrecord .bargain-statistics .repetitive-rate .d-title, .mod-detail-dealrecord .bargain-statistics .buyer-number .d-title {
    margin-top: 4px;
    font-weight: 700;
}
.mod-detail-dealrecord .bargain-statistics .star-level .num, .mod-detail-dealrecord .bargain-statistics .repetitive-rate .num, .mod-detail-dealrecord .bargain-statistics .buyer-number .num {
    font-size: 24px;
    color: #ff7300;
}
.mod-detail-dealrecord .bargain-statistics .buyer-number, .mod-detail-dealrecord .bargain-statistics .buyer-number-statistics {
    float: left;
}
.mod-detail-dealrecord .bargain-statistics .buyer-number-statistics .icon-arrow {
    display: block;
    float: left;
    width: 0;
    height: 0;
    margin-top: 33px;
    border-width: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #eee transparent transparent;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}
.mod-detail-dealrecord .bargain-statistics .buyer-number-statistics dl {
    float: left;
    width: 250px;
    height: 70px;
    padding: 10px 0 0 8px;
    border: 1px solid #e5e5e5;
}
.mod-detail-dealrecord .buyer-number-statistics dt {
    width: 90px;
    height: 18px;
    margin-bottom: 2px;
    text-align: right;
    color: #666666;
}
.mod-detail-dealrecord .buyer-number-statistics dd {
    width: 150px;
    height: 18px;
    margin-bottom: 2px;
    overflow: hidden;
}
.mod-detail-dealrecord .buyer-number-statistics dd .proportion {
    display: inline-block;
    height: 12px;
    background-color: #ffb183;
    vertical-align: middle;
}
.mod-detail-dealrecord .buyer-number-statistics dd .num {
    padding-left: 3px;
    font-weight: 700;
    color: #666666;
}
.mod-detail-dealrecord .record-filter {
    margin-top: 10px;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    overflow: hidden;
}
.mod-detail-dealrecord .record-filter ul {
    padding: 15px;
    margin-left: -17px;
}
.mod-detail-dealrecord .record-filter li {
    float: left;
    border-left: 1px solid #e5e5e5;
    padding: 0 20px;
    line-height: 1;
}
.mod-detail-dealrecord .record-filter span {
    color: #06c;
    font-size: 16px;
    cursor: pointer;
}
.mod-detail-dealrecord table {
    width: 100%;
    font-size: 12px;
}
.mod-detail-dealrecord table thead {
    display: table-header-group;
    background: #fafafa;
}
.mod-detail-dealrecord thead th {
    border: 1px solid #e2e2e2;
    border-width: 1px 0;
    font-weight: bold;
    color: #222222;
}
.mod-detail-dealrecord tr.even td {
    background-color: #f9f9f9;
}

.mod-detail-dealrecord table thead p {
    line-height: 32px;
    height: 32px;
}

.mod-detail-dealrecord table .listop {
    text-align: left;
}
.mod-detail-dealrecord .list p, .mod-detail-dealrecord .listop p {
    padding: 0 8px;
}
.mod-detail-dealrecord .list-price-sku {
    width: 108px;
    float: left;
}
.mod-detail-dealrecord .list-buyer-sku {
    width: 150px;
}
.mod-detail-dealrecord .list-trade-sku {
    width: 299px;
}
.mod-detail-dealrecord thead .list-buyer-sku {
    border-left: 1px solid #e2e2e2;
}

.mod-detail-dealrecord thead .list-content-sku {
    border-right: 1px solid #e2e2e2;
}
.mod-detail-dealrecord table .list {
    padding: 15px 0;
}
.mod-detail-dealrecord .pj-list td {
    border-bottom: 1px solid #efefef;
}
.mod-detail-dealrecord .pj-list .list {
    vertical-align: middle;
}
.mod-detail-dealrecord table .list .time, .mod-detail-dealrecord table .list .member, .mod-detail-dealrecord table .list .badge {
    line-height: 20px;
}
.mod-detail-dealrecord table .list .member {
    color: #444444;
}
.pj-list .member-star {
    padding-left: 2px;
}
.pj-list a:link, .pj-list a:visited {
    color: #06C;
    text-decoration: none;
}
.mod-detail-dealrecord table .badge {
    margin-left: 8px;
}
.mod-detail-dealrecord table .badge li {
    float: left;
    padding-right: 5px;
    height: 16px;
    line-height: 16px;
}
.mod-detail-comment .comment-satisfaction {
    line-height: 24px;
}
.mod-detail-comment .comment-satisfaction b {
    float: left;
    line-height: 28px;
}
.mod-detail-comment .comment-satisfaction .num {
    font-size: 22px;
    color: #ff7300;
}
.mod-detail-comment .star-level {

}
.mod-detail-comment .icon-star {

}
.mod-detail-comment .comment-total {
    height: 30px;
    position: relative;
    margin: 5px 0;
    z-index: 10;
}
.mod-detail-comment .comment-list {
    color: #444444;
}
.mod-detail-comment .comment-list .d-header {
    border: 1px solid #e2e2e2;
    border-width: 1px 0;
    background: #fafafa;
    height: 22px;
    line-height: 22px;
    margin-top: 15px;
    padding: 4px;
    position: relative;
}
.mod-detail-comment .comment-list .star-filter {
    float: left;
    padding-left: 10px;
}
.mod-detail-comment .comment-list .star-filter label {
    padding-right: 5px;
}
.mod-detail-comment .comment-list input {
    vertical-align: middle;
}
.mod-detail-comment .comment-list .star-filter span {
    color: #ff7300;
    padding-right: 5px;
}
.mod-detail-comment .comment-list .sort-filter {
    float: right;
    padding-right: 8px;
}
.mod-detail-comment .comment-list .sort-filter label {
    float: left;
    margin-right: 10px;
}
.mod-detail-comment .comment-list .sort-box {
    position: relative;
    float: left;
    background: #ffffff;
    border: 1px solid #cccccc;
    line-height: 20px;
    height: 20px;
}
.mod-detail-comment .comment-list .current-sort {
    border-right: 1px solid #cccccc;
    padding: 0 8px;
    float: left;
}
.mod-detail-comment .comment-list .drop-down {
    padding: 0 3px;
    float: left;
}
.mod-detail-comment .comment-list .sort-box .icon-dropdown {
    vertical-align: middle;
    color:#cccccc;
    display: inline-block;
    width: 10px;
}

.mod-detail-comment .comment-list .sort-box .icon-dropdown::before {
    display: block;
    content: ""!important;
    height: 0;
    clear: both;
    overflow: hidden;
    border: 5px solid #333333;
    border-color: #cccccc #ffffff #ffffff #ffffff;
}
.mod-detail-comment .comment-list .sort-box ul {
    display: none;
    position: absolute;
    left: -1px;
    top: 20px;
    background: #ffffff;
    border: 1px solid #cccccc;
    width: 81px;
}
.mod-detail-comment .comment-list .sort-box:hover ul {
    display: block;
}
.mod-detail-comment .comment-list .sort-box a {
    display: block;
    padding: 0 8px;
}

.mod-detail-comment .comment-list .d-content dl {
    padding: 15px 0;
    border-bottom: 1px dotted #cccccc;
}
.mod-detail-comment .comment-list .d-content dt {
    float: left;
    width: 125px;
    padding: 15px 0 0 10px;
}
.mod-detail-comment .comment-list .d-content dd {
    margin-left: 135px;
}
.mod-detail-comment .comment-list .d-content .deal-info {
    background: #fff0e7;
    height: 35px;
    line-height: 35px;
    color: #999999;
    padding: 0 8px;
}
.mod-detail-comment .comment-list .d-content .deal-info span {
    padding-right: 8px;
}
.mod-detail-comment .icon-star {
    background: url(../images/allbgs.gif) no-repeat -9999px -9999px transparent;
    display: inline-block;
    width: 72px;
    height: 18px;
    margin-left: 4px;
}
.mod-detail-comment .sstar50{background-position:0 -165px}
.mod-detail-comment .sstar45{background-position:0 -1242px}
.mod-detail-comment .sstar40{background-position:0 -188px}
.mod-detail-comment .sstar35{background-position:0 -1266px}
.mod-detail-comment .sstar30{background-position:0 -212px}
.mod-detail-comment .sstar25{background-position:0 -1290px}
.mod-detail-comment .sstar20{background-position:0 -236px}
.mod-detail-comment .sstar15{background-position:0 -1314px}
.mod-detail-comment .sstar10{background-position:0 -260px}
.mod-detail-comment .sstar5{background-position:0 -1339px}
.mod-detail-comment .sstar0{background-position:0 -1362px}
.mod-detail-comment .no-record{
    height:16px;
    margin:15px 0 15px 24px;
    line-height:16px;
    font-size:14px;
    font-weight:700;
    color:#333
}
.mod-detail-comment .comment-list .d-content .comment-content {
    padding: 8px;
}

.de-title-blue{
    height: 30px;
    border-bottom: #ddd solid 1px;
    clear: both;
    background: url(../images/bg2.png) 5px -272px no-repeat;
}
.de-title-blue h2{
    float: left;
    padding-left: 15px;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 700 !important;
    color: #2c5da2;
}
.de-title-blue h2 span{
    font-size: 14px;
    font-weight: 700 !important;
    color: #2c5da2;
}
.transaction-flow-diagram-secure,.secure-flow-diagram{
    clear: both;
    width: 750px;
    background: url(../images/pay_flow.png) no-repeat;

}
.transaction-flow-diagram-secure {
    background-position: 0 -130px;
    height: 79px;
}
.secure-flow-diagram {
    background-position: 0 -230px;
    height: 120px;
}


.unit-detail-amount-control {
    width: 126px;
    height: 28px;
    line-height: 28px;
    zoom: 1;
}

.unit-detail-amount-control a {
    float: left;
    width: 26px;
    height: 26px;
    border: 1px solid #e5e5e5;
    line-height: 200px;
    overflow: hidden;
    background: url(../images/bg.png) no-repeat;
    cursor: pointer;
}

.unit-detail-amount-control input {
    float: left;
    width: 62px;
    height: 22px;
    line-height: 22px;
    padding: 2px 0 2px 8px;
    border: 1px solid #e5e5e5;
}
.unit-detail-amount-control input:hover,.unit-detail-amount-control input:focus {
    border-color: #ff7300;
}
.unit-detail-amount-control .amount-up {
    border-left: 0 none;
    background-position: 8px 8px;
}
.unit-detail-amount-control .amount-up-limit {
    background-position: 8px -52px;
    cursor: not-allowed;
}
.unit-detail-amount-control .amount-down {
    border-right: 0 none;
    background-position: -32px 8px;
}
.unit-detail-amount-control .amount-down-limit {
    background-position: -32px -52px;
    cursor: not-allowed;
}
.unit-detail-amount-control input[type="text"].amount-input {
    width:65px;
    padding:2px 0;
    text-align: center;
}
.unit-detail-amount-control-small {
    width: 71px;
}
.unit-detail-amount-control-small a {
    width: 17px;
}
.unit-detail-amount-control-small .amount-down {
    background-position: -38px -81px;
}
.unit-detail-amount-control-small .amount-down:hover {
    background-position: -38px -111px;
    border-color:#ff7300;
}
.unit-detail-amount-control-small .amount-down-limit, .unit-detail-amount-control-small .amount-down-limit:hover {
    background-position: -38px -141px;
}
.unit-detail-amount-control-small input {
    width: 28px;
    padding-left: 5px;
}
.unit-detail-amount-control-small input:hover {
    border-color:#ff7300;
}
.unit-detail-amount-control-small .amount-up {
    background-position: 4px -81px;
}
.unit-detail-amount-control-small .amount-up:hover {
    background-position: 4px -111px;
    border-color:#ff7300;
}
.unit-detail-amount-control-small .amount-up-limit, .unit-detail-amount-control-small .amount-up-limit:hover {
    background-position: 4px -141px;
}
.unit-detail-amount-control-hover input{
    border-color:#ff7300;
}


.unit-design-upload{
    padding: 10px 15px;
}
.unit-design-upload .custom{
    text-align: right;
    padding: 15px 0;
    margin-right: 13px;
}
.unit-design-upload .custom-name{
    width: 150px;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #cccccc;
    outline: 0;
    vertical-align: top;
}
.unit-design-upload .btn-simple {
    position: relative;
    float:right;
    margin-right: 20px;
    font-size: 13px;
    width: 120px;
    height: 32px;
    line-height: 32px;
    color: #ff6700;
    border: 1px #ff6700 solid;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
.unit-design-upload .btn-simple.finished {
    color: #5bb75b;
    border-color: #5bb75b;
}
.unit-design-upload .file{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    cursor: pointer;
}
.unit-design-upload .red{
    color:#cc0000;
}
.unit-design-upload a{
    text-decoration:underline
}
.unit-design-upload .result-tip{
    padding: 15px;
    text-align: right;
    color: #888888;
}
.unit-design-upload .result-link{
    color: #888888;
}
.offerdetail-gallery .tab-pane {
    position: relative;
    width: 320px;
    height: 320px;
}
.offerdetail-gallery {
    float: left;
    width: 320px;
}

.offerdetail-others {
    width: 100%;
    margin-top: 30px;
    background-color: #ffffff;
}
.offerdetail-others .ul-tab {
    background-color: #FFF;
    height: 45px;
    margin: auto;
    border: 1px solid #E5E5E5;
    border-top: 1px solid #FF7300;
}

.offerdetail-others .ul-tab .tab-li {
    float: left;
    margin: 0 15px;
    line-height: 42px;
    overflow: visible;
    font-size: 14px;
    width: 86px;
    text-align: center;
}
.offerdetail-others .ul-tab .tab-li.active {
    position: relative;
}
.offerdetail-others .ul-tab .tab-li a {
    display: block;
    font-size: 14px;
    transition: font-size .3s ease-in;
}

.offerdetail-others .ul-tab .tab-li.active a {
    color: #FF7300;
    font-size: 15px;
}
.offerdetail-description {
    margin: 10px 0px;
}
.offerdetail-no-goods{
    text-align: center;
    font-size: 24px;
    margin: 100px auto;
}
/*商品详情页end*/
/*3D预览start*/
.tab-box-center{
    margin:0 auto;
    width: 244px;
    padding: 30px 0;
}
.tab-box-center .tab-item{
    display: inline-block;
    color: #888888;
    text-decoration: none;
    text-align: center;
    background: #ffffff;
    width: 120px;
    line-height: 36px;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #ff7300;
    cursor: pointer;
}
.tab-box-center .tab-item .iconfont{
    vertical-align: middle;
    padding-right: 4px;
}
.tab-box-center .tab-item-left{
    border-radius: 20px 0 0 20px;
    float: left;
}
.tab-box-center .tab-item-right{
    border-radius: 0 20px 20px 0;
}
.tab-box-center .tab-item.selected,.tab-box-center .tab-item:hover{
    color: #ffffff;
    background: #ff7300;
}
.mod-3d-upload {
    background: #ffffff;
    padding: 20px 30px;
    margin-top: 12px;
}
.mod-3d-upload::after {
    display: block;
    clear: both;
    height: 0;
    content: '';
}
.mod-3d-upload .mod-3d-upload-header{
    float: left;
    width: 105px;
    line-height: 54px;
}
.mod-3d-upload .mod-3d-upload-content{
    width: 1023px;
    float: right;
}
.mod-3d-upload .mod-3d-upload-content textarea{
    width: 100%;
    height: 50px;
    resize: none;
    padding: 5px;
    border: 1px solid #cccccc;
}
.mod-3d-upload .unit-design-upload .btn-simple{
    float: left;
    width: 165px;
}
.mod-3d-upload .desc{
    float:left;
    line-height: 34px;
}
.mod-3d-upload .desc a{
    color: #cc0000;
    text-decoration: underline;
}

.mod-3d-drawing{
    height: 200px;
}
.mod-3d-drawing img{
    display: block;
    max-width: 100%;
}
/*3D预览end*/

/*帮助中心start*/
.help{
    position: relative;
    background: #f5f5f5;
    padding: 0 0 30px;
}
.help .header {
    background: url("/images/help-bg.jpg") 50% no-repeat;
    height: 180px;
}
.help .search{
    width: 600px;
    margin: 0 auto;
    position: relative;
    padding-top: 40px;
}
.help .search .input-box{
    float: left;
    width: 520px;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    border-radius: 20px 0 0 0;
    position: relative;
    overflow: hidden;
}
.help .search .input-box .iconfont {
    float: left;
    display: inline-block;
    font-size: 18px;
    height: auto;
    vertical-align: middle;
    width: 14px;
    line-height: 40px;
    margin: 0 6px 0 12px;
    color: #cccccc;
    overflow: hidden;
}
.help .search .input-box.focus .iconfont {
    display: none;
}

.help .search .input-box .search-input {
    height: 38px;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    width: 480px;
    display: inline-block;
    float: left;
    line-height: 40px;
}
.help .search .input-box.focus .search-input {
    text-indent: 10px;
}
.help .search .search-btn {
    float: left;
    width: 80px;
    height: 40px;
    border-radius: 0 40px 40px 0;
    color: #ffffff;
    background: #f7931e;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
}
.help .search .search-hot-words ul{}
.help .search .search-hot-words ul li {
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    margin: 0 36px 0 0;
    padding: 0;
    float: left;
    font-size: 14px;
    list-style-type: none;
}
.help .search .search-hot-words ul li.hot a {
    color: #f7931e;
}
.help .subside-box {
    width: 220px;
    float: left;
    border-radius: 10px 10px 10px 0;
    overflow: hidden;
}
.help .subside-box .h3-title {
    background-color: #f7931e;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    font-family: "microsoft yahei";
    font-weight: normal;
}
.help .subside-box .subside-mod .title {
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    background-color: #eaeaea;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    font-family: "microsoft yahei";
    position: relative;
    cursor: pointer;
}

.help .subside-box .subside-mod .icon02 {
    border-style: solid dashed solid dashed;
    border-color: #999 transparent #999 transparent;
    border-width: 5px 5px 0;
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}
.help .subside-box .on .icon02 {
    border-width: 0 5px 5px;
}

.help .subside-box .subside-cnt {
    display: none;
    background-color: #ffffff;
}
.help .subside-box .on .subside-cnt {
    display: block;
}
.help .subside-box .subside-list .list-item {
    height: 30px;
    line-height: 30px;
    padding-left: 45px;
    border-bottom: 1px solid #faf8f9;
}
.help .subside-box .subside-list .list-item a {
    color: #222222;
}
.help .subside-box .subside-list .list-item a:hover,.help .subside-box .subside-list .list-item.on a{
    font-weight: bold;
    color: #f7931e;
}
.help .body{
    width: 980px;
    margin:-42px auto 50px;
}
.help .body .right-info {
    width: 750px;
    float: right;
}

.help .body .right-info .usual-box {
    background: #ffffff;
    border-radius: 10px 10px 10px 0;
    margin-bottom: 10px;
}
.help .body .right-info .usual-box .tab {
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
.help .body .right-info .usual-box .tab .wrapper {
    position: absolute;
    left: 0;
    top: 0;
}

.help .body .right-info .usual-box .tab .wrapper .cell {
    float: left;
    color: #c7c7c7;
    padding: 0 12px;
    margin: 0 15px 0 0;
    cursor: pointer;
}
.help .body .right-info .usual-box .tab .wrapper .cell.selected {
    color: #666666;
    border-bottom: 2px solid #f7931e;
}

.help .body .right-info .usual-box .tab .wrapper .cell .iconfont {
    font-style: normal;
    height: auto;
    -webkit-font-smoothing: antialiased;
    margin: 0 6px 0 0;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    color: #ffffff;
    border-radius: 13px;
    background: #c7c7c7;
    display: inline-block;
    line-height: 27px;
    font-size: 18px;
    text-align: center;
}
.help .body .right-info .usual-box .tab .wrapper .cell.selected .iconfont {
    background: #f7931e;
}
.help .body .right-info .usual-box .tab-info {
    padding: 15px 0;
}
.help .body .right-info .usual-box .tab-info ul {
    padding: 0 0 0 51px;
    margin: 0;
}
.help .body .right-info .usual-box .tab-info ul li {
    width: 50%;
    float: left;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    list-style-type: disc;
    list-style-position: inside;
    overflow: hidden;
}
.help .body .right-info .usual-box .tab-info ul li a:hover{
    text-decoration: underline;
}

.help .body .right-info .tools-box {
    background: #ffffff;
    border-radius: 10px 10px 10px 0;
    margin-bottom: 10px;
}
.help .body .right-info .tools-box .tit {
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    color: #666666;
}
.help .body .right-info .tools-box .tit .iconfont {
    font-size: 18px;
    font-style: normal;
    height: auto;
    -webkit-font-smoothing: antialiased;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin: 0 6px 0 12px;
    color: #ffffff;
    border-radius: 13px;
    background: #f7931e;
    display: inline-block;
    line-height: 26px;
    font-size: 16px;
    text-align: center;
}
.help .body .right-info .tools-box ul li {
    width: 118px;
    float: left;
    vertical-align: middle;
    text-align: center;
    list-style-type: none;
}
.help .body .right-info .tools-box ul li a .name {
    display: inline-block;
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.help .body .right-info .tools-box ul li a .icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    background: #000;
}
.help .body .right-info .tools-box ul li a:hover .icon {
    opacity: 0.8;
}
.help .body .right-info .tools-box ul .edit-phone a .icon {
    background: url("//img.alicdn.com/tps/TB1luR_LXXXXXcRXpXXXXXXXXXX-70-70.png");
}
.help .body .right-info .tools-box ul .bind-zfb a .icon {
    background: url("//img.alicdn.com/tps/TB1U.pTLXXXXXXCaXXXXXXXXXXX-71-70.png");
}
.help .body .right-info .tools-box ul .lock-account a .icon {
    background: url("//img.alicdn.com/tps/TB1M3ifLXXXXXbOXXXXXXXXXXXX-71-70.png");
}
.help .body .right-info .tools-box ul .find-pass a .icon {
    background: url("//img.alicdn.com/tps/TB10dtVLXXXXXahaXXXXXXXXXXX-71-70.png");
}
.help .body .right-info .tools-box ul .logout a .icon {
    background: url("//img.alicdn.com/tps/TB1bsJNLXXXXXc4aXXXXXXXXXXX-71-70.png");
}
.help .body .right-info .tools-box ul .record a > .icon {
    background: url("//img.alicdn.com/tps/TB1yuCdLXXXXXcZXXXXXXXXXXXX-71-70.png");
}
.help .body .right-info .speed-box {
    background: #ffffff;
    border-radius: 10px 10px 10px 0;
    margin: 0;
}
.help .body .right-info .speed-box .tit {
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    color: #666666;
}
.help .body .right-info .speed-box .tit .iconfont {
    font-size: 18px;
    font-style: normal;
    height: auto;
    -webkit-font-smoothing: antialiased;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin: 0 6px 0 12px;
    color: #ffffff;
    border-radius: 13px;
    background: #f7931e;
    display: inline-block;
    line-height: 26px;
    font-size: 16px;
    text-align: center;
}
.help .body .right-info .speed-box .d-body > div {
    width: 350px;
    float: left;
}
.help .body .right-info .speed-box .d-body dl {
    width: 320px;
    padding: 0 0 0 30px;
    margin: 0 0 15px 18px;
    overflow: hidden;
}
.help .body .right-info .speed-box .d-body dl dt {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    clear: both;
    display: list-item;
    list-style-type: disc;
    margin: 0 0 4px;
}
.help .body .right-info .speed-box .d-body dl dd {
    float: left;
    padding: 0;
    margin: 0 10px 0 0;
    height: 20px;
    line-height: 20px;
}
.help .body .right-info .speed-box .d-body a{
    color: #999999;
    text-decoration: none;
}
.help .search-list {
    width: 750px;
    min-height: 750px;
    float: right;
    background: #ffffff;
    border-radius: 10px 10px 10px 0;
    padding: 0 0 20px;
}
.help .search-list .search-info .number-box {
    height: 48px;
    line-height: 48px;
    color: #666666;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
    text-indent: 30px;
}
.help .search-list .search-info .search-list-box ul {
    margin: 0;
    padding: 10px 30px 15px;
}
.help .search-list .search-info .search-list-box ul li {
    padding: 15px 0;
    list-style-type: none;
    border-bottom: 1px solid #f5f5f5;
}
.help .search-list .search-info .search-list-box ul li .tit {
    font-size: 16px;
    line-height: 24px;
    height: 24px;
}
.help .search-list .search-info .search-list-box ul li .tit a {
    width: 100%;
    color: #09f;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.help .search-list .search-info .search-list-box ul li .info {
    margin: 6px 0 0;
    line-height: 20px;
    font-size: 14px;
    text-align: justify;
    cursor: pointer;
}
.help .detail {
    width: 750px;
    float: right;
    background: #ffffff;
    border-radius: 10px 10px 10px 0;
}
.help .detail .crumbs-box {
    height: 44px;
    line-height: 44px;
    color: #666666;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
    text-indent: 30px;
}
.help .detail .tit-box {
    line-height: 30px;
    font-size: 18px;
    color: #666666;
    padding: 10px 0;
    margin: 0 0 0 30px;
    border-bottom: 1px solid #f5f5f5;
}
.help .detail .info-box {
    padding: 10px 30px;
}
.help .detail .updown-box {
    padding: 0 0 30px;
}
.help .detail .updown-box .tip-boxs {
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 16px 30px 0;
}
.help .detail .updown-box .tip-boxs .line {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ececec;
    left: 0;
    top: 14px;
}
.help .detail .updown-box .tip-boxs .text {
    position: absolute;
    width: 180px;
    left: 50%;
    top: 0;
    margin: 0 0 0 -90px;
    background: #ffffff;
    color: #999999;
}
.help .detail .updown-box .btn-box {
    width: 267px;
    height: 40px;
    margin: 20px auto 0;
}
.help .detail .updown-box .btn-box > div {
    width: 124px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #cccccc;
    text-align: center;
    color: #999999;
    cursor: pointer;
    float: left;
    border-radius: 3px;
}
.help .detail .updown-box .btn-box > div:hover {
    border: 1px solid #f7931e;
    color: #f7931e;
}
.help .detail .updown-box .btn-box .upBtn {
    margin: 0 15px 0 0;
}
.help .detail .updown-box .btn-box > div .iconfont {
    font-size: 18px;
    font-style: normal;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px 0 0;
}
.help .detail .thanks-box {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #222222;
    display: none;
}
/*帮助中心end*/
/*自助下单start*/
.bg-self-done{
/* background-color: #eff2f9; */
}
.self-done{}
.self-done .left-nav{
    float: left;
    width: 145px;
}

.self-done .right-content{
    position: relative;
    float: right;
    width: 1035px;
    background: #ffffff;
    border-left: 2px solid #eff2f9;
    padding-left: 18px;
    overflow-x: hidden;
}

.self-done .right-content .active-line{
    position: absolute;
    display: block;
    width: 2px;
    background-color: #ffffff;
    top: 0;
    left: -2px;
}
.zone-category-ul{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:center;
}
.zone-category-ul h3{
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 10px;
    border-bottom: 1px solid #eff2f9;
}
.zone-category-ul>li{
    border-left:2px solid #eff2f9;
    cursor: pointer;
    color:#666666;
    background-color: #f8f8f8;
}
.zone-category-ul>li.active{
    border-color:#ff7300;
    background: #ffffff;
}
.zone-category-ul>li.active h3{
    padding-top: 0;
    border-bottom: 0;
    color:#000;
}
.zone-child-category-ul {display: none;}
.zone-category-ul>li.active .zone-child-category-ul{
    display: block;
}
.zone-child-category-ul li{
line-height: 30px;
}
.zone-child-category-ul li.active{
color:#ff7300;
}
.no-goods-category{
    font-size: 20px;
    padding: 30px;
    color: red;
}
.boxtype{

}
.boxtype .imgbox{
    width: 106px;
    height: 110px;
    border: 2px dotted #d1d1d1;
    display: block;
    border-radius: 8px;
    margin: 0 10px 0px;
}
.boxtype .imgbox img {
    width: 100%;
    border-radius: 8px;
}
.boxtype.curr .imgbox{
    border: 2px dotted #ff7300;
}
.boxtype .name {
    display: inline-block;
    display: block;
    max-width: 130px;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    text-align: center;
}
.boxtype.curr .name {
    color: #ff7300;
}
.boxtype.more:hover .imgbox{
    border-color: #ff7300;
}
.boxtype.more .iconfont{
    font-size: 55px;
    line-height: 110px;
    color: #d1d1d1;
}
.boxtype.more:hover .iconfont{
    color: #ff7300;
}
.boxtype.more:hover .name{
    color: #ff7300;
}
.iframe-div{
    height: 100%;
    overflow: hidden;
}
.iframe-div iframe{
    width:100%;
    height: 100%;
    padding:0;
    margin:0;
    overflow: hidden;
}
.self-done .left-nav h2{
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0;
    /* text-align: center; */
    text-indent: 20px;
}

.zone-category-ul2{
    border-left: 1px solid #dedede;
    margin-left: 24px;
    position: relative;
}
.zone-category-ul2 ol, .zone-category-ul2 li i {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #bbbbbb;
}
.zone-category-ul2 ol {
    left: -6px;
    position: relative;
    margin-bottom: 10px;
    background-color: #ffffff;
}
.zone-category-ul2 li {
    height: 42px;
    line-height: 42px;
    color: #333333;
    padding-left: 20px;
    padding-bottom: 10px;
    position: relative;
    cursor: pointer;
    /* overflow: hidden; */
}
.zone-category-ul2 li i {
    display: block;
    position: absolute;
    left: -7px;
    background-color: #bbbbbb;
    top: 14px;
}
.zone-category-ul2 li.curr {
    color: #ff7300;
    font-weight: bold;
}
.zone-category-ul2 li.curr i {
    background-color: #ff7300;
    border-color: #ff7300;
}
.zone-category-ul2 .noline {
    color: #d1d1d1;
}
/*自助下单end*/
/*报价下单start*/
.box-introduce-banner{
    position: relative;
    width: 100%;
}
.box-introduce-banner .box-introduce-banner-img{
    width: 100%;
}
.box-introduce-banner .box-introduce-banner-video-img{
    position: absolute;
    width: 135px;
    top: 70px;
    right: 20px;
    cursor: pointer;
}
.mod-demand{
    /* width: 1190px; */
    position: relative;
    border-top: 0;
    border-bottom: 0 none;
    margin-top: 12px;
    padding-top: 30px;
    padding: 20px 25px;
    padding-bottom: 0;
    background: #ffffff;
}
.mod-demand .content {
    width: 1023px;
    float: right;
}
.mod-demand::after {
    position: relative;
    background: url(../images/2862099_118426529.png);
    display: block;
    content: "";
    height: 10px;
    left: -35px;
    top: 5px;
}
.mod-demand .content .container::after, .mod-demand::after {
    content: "";
    display: block;
    clear: both;
}
.mod-demand .header {
    float: left;
    width: 105px;
    color: #999999;
}
.zone-demand {
    margin-bottom: 20px;
    border: 1px solid #e2edf8;
}
.zone-demand .col-custom-goods-name {
    width: 20%;
}
.zone-demand .col-goods-num {
    width: 25%;
}
.zone-demand .col-description {
    width: 30%;
}
.zone-demand .col-design-file {
    width: 20%;
}
.zone-demand .col-purchase-target {
    width: 20%;
}
/* .zone-demand .col-model-file{
    width: 25%;
} */
.zone-demand .col-act {
    width: 10%;
}
.zone-demand .edit-one,.zone-demand .delete-one{
    color: red;
    text-decoration: underline;
    cursor: pointer;
}
.zone-demand .goods-thead {
    height: 40px;
    line-height: 40px;
    background: #f9fbff;
    background: #e2edf8;
    text-align: center;
}
.zone-demand .goods-thead .col-custom-goods-name {
    text-align: left;
    text-indent: 20px;
}
.zone-demand .goods-thead .list{}
.zone-demand .goods-thead .list li {
    float: left;
}
.zone-demand .goods-thead .list li .bundle-detail{
    width: 16px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: url(../images/icon_question_gray0.png) no-repeat left center;
    margin-left: 8px;
}
.zone-demand .offers {
    position: relative;
    background: #f9fbff;
}
.zone-demand tr td {
    text-align: center;
    height: 60px;
    padding: 12px 0;
    border-top: 1px solid #e2edf8;
}
.zone-demand tr td .icon-edit{
    font-size: 25px;
    cursor: pointer;
}
.zone-demand tr td .icon-edit:hover{
    color:#ff7300;
}
/*
.zone-demand table .custom-name {
    float: left;
    width: 185px;
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #cccccc;
    outline: 0;
    color: #666666;
    vertical-align: top;
}
*/
.zone-demand table .custom-name {
    float: left;
    text-indent: 20px;
}
.zone-demand table .goods-description {
    text-align: left;
}
.zone-demand table .purchase-target {
    text-align: left;
}
.zone-demand table .unit-finecontrol{

}
.zone-demand .btn-design {
    position: relative;
    width: 110px;
    height: 30px;
    line-height: 30px;
    color: #ff6700;
    border: 1px solid #ff6700;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin:0 auto;
}
.zone-demand .btn-design .ok {
    display: none;
}
.zone-demand .btn-design.finished .upload {
    display: none;
}
.zone-demand .btn-design.finished {
    color: #5bb75b;
    border: 1px solid #5bb75b;
}
.zone-demand .btn-design.finished .ok {
    display: block;
}
.zone-demand .btn-design .upload-file {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.zone-demand .icon-delete{
    display:inline-block;
    background:url(../images/2257779_1955610150.png) no-repeat -100px;
    width:11px;
    height:14px;
    line-height:45px;
    overflow:hidden;
    text-indent:-999px;
    background-position:0 0;
}
.zone-demand .icon-delete:hover {
    background-position:0 -26px
}
.zone-demand .insert-item{
    display: block;
    font-weight: bold;
    border: 1px dotted #ff6700;
    background-color: #f9fbff;
    padding: 10px 0;
    text-align: center;
    color: #ff7300;
    margin: 0 auto;
    text-indent: -100px;
    cursor: pointer;
}
.zone-demand .insert-item:hover{
    border-color: #ff7300;
    color: #ffffff;
    background-color: #ff7300;
}
.mod-detail-des{
    background: #ffffff;
    padding: 20px 30px;
    margin-top: 12px;
}
.mod-detail-des .header {
    float: left;
    width: 105px;
}
.mod-detail-des .content {
    width: 1023px;
    float: right;
}
.mod-detail-des::after,.mod-detail-des .content::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.mod-detail-des .content input[type="text"],.mod-detail-des .content input[type="tel"]{
    width: 50%;
    padding: 5px;
    border: 1px solid #cccccc;
}
.mod-detail-des .content textarea{
    width: 100%;
    height: 70px;
    resize: none;
    padding: 5px;
    border: 1px solid #cccccc;
}
.mod-detail-des .content .look-demo {
    display: inline-block;
    position: relative;
    color: #0C4C7F;
    padding: 5px 0;
}
.mod-detail-des .content .look-demo a{
    color: #0C4C7F;
    cursor: pointer;
}
.mod-detail-des .content .look-demo .tooltip {
    display: none;
    width: 190px;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    left: -35px;
    bottom: 28px;
    box-shadow: 1px 1px 10px 0 #eeeeee;
    background: #eeeeee;
    -webkit-transition: margin .5s ease-in-out;
    -moz-transition: margin .5s ease-in-out;
}
.mod-detail-des .content .look-demo:hover .tooltip {
    display: block;
}
.mod-detail-des .content .look-demo .tooltip .arrow {
        position: absolute;
        margin: 10px 0 0 50px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #eeeeee;
}
.mod-detail-des .btn-design {
    position: relative;
    width: 110px;
    height: 30px;
    line-height: 30px;
    color: #ff6700;
    border: 1px solid #ff6700;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}
.mod-detail-des .btn-design.finished {
    color: #5bb75b;
    border: 1px #5bb75b solid;
}

.mod-detail-des .btn-design .ok {
    display: none;
}
.mod-detail-des .btn-design .upload-file {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.mod-detail-des .file-link {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    margin-left: 10px;
    color: #1e77fe;
    text-decoration: underline;
}
.mod-contacts {
    background: #ffffff;
    padding: 20px 30px;
    margin-top: 12px;
}
.mod-contacts::after,.mod-contacts .content::after{
    display: block;
    clear: both;
    height: 0;
    content: "";
}
.mod-contacts .header {
    float: left;
    width: 105px;
    color: #999999;
}
.mod-contacts .content {
    width: 1023px;
    float: right;
}
.mod-contacts .content input{
    width: 185px;
    /* margin-right: 10px; */
    padding: 5px;
    border: 1px solid #cccccc;
    outline: 0;
    vertical-align: middle;
}
.mod-contacts .content .content-row{
    padding: 5px 0;
}
.unit-select {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    position:relative;
    border:1px solid #cccccc;
    height:28px;
    background-color:#ffffff;
    -o-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none
}
.unit-select .main {
    height:26px;
    line-height:26px;
    padding-left:12px;
    padding-right:40px;
    overflow:hidden;
    cursor:pointer
}
.unit-select .main:after {
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    width:26px;
    height:26px;
    content:" ";
    background-image:url(../images/2856199_1955610150.png);
    background-repeat:no-repeat;
    background-position:-443px -93px;
    border-left:1px solid #cccccc;
    cursor:pointer
}
.unit-select:hover .main:after {
    background-position:-443px -144px
}
.unit-select .selection {
    display:none;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    position:absolute;
    overflow:auto;
    max-height:280px;
    z-index:100;
    border:1px solid #cccccc;
    top:26px;
    left:-1px;
    width:100%;
    min-width: 165px;
}
.unit-select .selection.active {
    display:block;
}
.unit-select .selection .option {
    background-color:#ffffff;
    height:36px;
    line-height:36px;
    padding:0 20px;
    overflow:hidden;
    cursor:pointer
}
.unit-select .selection .option:hover {
    background-color:#f5f5f5
}
.unit-select.dropdown .selection {
    display:block
}
.unit-select.disabled {
    border-color:#e5e5e5
}
.unit-select.disabled .main {
    cursor:not-allowed
}
.unit-select.disabled .main:after {
    border-left-color:#e5e5e5
}
.unit-select.disabled .main .selected {
    color:#aaa
}
.unit-select.disabled:hover .main:after {
    background-position:-443px -93px
}
.mod-cs{
    background: #ffffff;
    padding: 20px 30px;
    margin-top: 12px;
}
.mod-cs::after {
    display: block;
    clear: both;
    height: 0;
    content: "";
}
.mod-cs .header {
    float: left;
    width: 105px;
    color: #999999;
}
.mod-cs .content {
    width: 1023px;
    float: right;
}
.mod-demand-submit {
    background: #ffffff;
    padding:10px 0;
    margin-top: 10px;
}
.mod-demand-submit .button-common1{
    display: block;
    width: 20%;
    margin:0 auto;
}
.mod-custom-done-success{
    background: #ffffff;
    padding: 25px 30px;
}
.mod-custom-done-success .success-title{
    text-align: center;
    color:#ff7300;
    font-size: 20px;
    padding:10px 0;
}
.mod-custom-done-success .success-title a{
    color: #005a9d;
}
.mod-custom-done-success .success-title a:hover{
    text-decoration: underline;
}
.mod-custom-done-success .success-sub-title{
    font-size: 16px;
    text-align: center;
    color: green;
    padding: 10px 0;
}
.mod-custom-done-success .warning{
    text-align: center;
    padding: 10px 0;
}
.mod-custom-done-success .detail{
    text-align: center;
    padding: 10px 0;
}
.mod-custom-done-success .detail p{
    padding:10px 0;
}
.mod-custom-done-success .actions{
    border-top: 1px #e0e0e0 dashed;
    padding: 30px 0;
    text-align: center;
}
.mod-custom-done-success .actions .btn-act{
    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    color: #ff6700;
    border: 1px #ff6700 solid;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-right:30px;
}
.mod-custom-done-success .actions .btn-act.ok{
    background: #ff6700;
    color: #ffffff;
}
.mod-custom-done-success .actions .btn-act:last-child{
    margin-right: 0;
}

.mod-custom-done-success .actions .button{
    display: block;
    width: 25%;
    margin: 0 auto;
}
.mod-custom-done-success .after-do{
    text-align: center;
}
.mod-custom-done-success .after-do a{
    color: #005a9d;
}
.mod-custom-done-success .after-do .promotion{
    padding: 5px;
    margin-left: 10px;
    border: 1px dashed #bbe8a3;
}
.mod-custom-done-success .after-do .promotion a{
    color:#7ABD54;
}
.mod-popup-summary-description{
    background: #ffffff;
    padding: 20px 30px;
    /* margin-top: 5px; */
}
.mod-popup-summary-description .header {
    float: left;
    width: 105px;
}
.mod-popup-summary-description .content {
    width: 1023px;
    float: right;
}
.mod-popup-summary-description::after,.mod-popup-summary-description .content::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.mod-popup-summary-description .content input{
    width: 50%;
    padding: 5px;
    border: 1px solid #cccccc;
}
.mod-popup-summary-description .content textarea{
    width: 100%;
    height: 60px;
    resize: none;
    padding: 5px;
    border: 1px solid #cccccc;
}

.mod-popup-attribute-description{
    background: #ffffff;
    padding: 20px 30px;
    /* margin-top: 12px; */
}
.mod-popup-attribute-description .header {
    float: left;
    width: 105px;
}
.mod-popup-attribute-description .content {
    width: 1023px;
    float: right;
}
.mod-popup-attribute-description::after,.mod-popup-attribute-description .content::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.mod-product-category {
    background: #ffffff;
    padding: 20px 30px;
    margin-top: 5px;
}
.mod-product-category .zone-sublevel::after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020";
}
.mod-product-category .zone-sublevel .sub-header {
    float: left;
    width: 105px;
}
.mod-product-category .zone-sublevel .sub-header .sub-title {
    font-size: 100%;
}
.mod-product-category .zone-sublevel .sub-content {
    width: 1023px;
    float: right;
}

/*报价下单end*/
/*下载刀模start*/
.mod-diecut-detail{
    margin: 0 auto;
    text-align: center;
    padding: 300px 0 200px;
}
.mod-diecut-detail .button{
    position: relative;
    text-align: center;
    /* margin-top:150px; */
    background: #ffffff;
    color: #ff7300 !important;
}
.mod-diecut-detail .button:hover{
    background: #ff7300;
    color: #ffffff !important;
}
.mod-diecut-detail .button .icon-good{
    position: absolute;
    top: -5px;
    right:-10px;
    padding: 2px;
    text-align: center;
    vertical-align: text-bottom;
    font-size: 12px;
    line-height: 100%;
    font-style: normal;
    font-weight: 400;
    color: #ffffff;
    background-color: #f13f40;
    overflow: hidden;
    vertical-align: middle;
}

.mod-diecut-detail-li{
    position: relative;
    display: inline-block;
}
.mod-diecut-detail-li .dialog-white-border {
    display: none;
    position: absolute;
    top:-230px;
    left: 0px;
    z-index: 999;
}
.mod-diecut-detail-li:hover .dialog-white-border{
    display: block;
}
.dialog-white-border .dialog-white-border-content {
    position: relative;
    width: 500px;
    height: 200px;
    background: white;
    margin: 0 auto;
    border-radius: 2px;
    position: relative;
    border: 1px solid white;
    color: #222222;
}
.dialog-white-border .dialog-white-border-content::before {
    content: '';
    position: absolute;
    top: 200px;
    left: 120px;
    left:45%;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid white;
}

.dialog-white-border .dialog-white-border-content .paddingT{
    padding: 20px;
}
.dialog-white-border-content .file-icon {
    float: left;
    background: url('/images/file-icon.png') no-repeat center center;
    text-align: center;
    padding: 16px 6px 0 6px;
    margin-right: 20px;
    margin-bottom: 10px;
    width: 54px;
    height: 64px;
    display: block;
}
.dialog-white-border-content .file-icon span {
    display: block;
    background: #fd9727;
    color: #ffffff;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    width: 100%;
}
.dialog-white-border-content table {
    width:auto;
    margin: 10px 0;
}
.dialog-white-border-content table strong{
    font-weight: bold;
}
.dialog-white-border-content .description{
    text-align: left;
    font-size: 14px;
    padding: 5px 0;
}
/*下载刀模end*/
/*支付相关start*/
.mod-wxpay {
    background: #ffffff;
    padding: 25px 30px;
}
.mod-wxpay .hd{
    text-align: center;
}
.mod-wxpay .hd-title{
    text-align: center;
    color: #ff7300;
    font-size: 20px;
    padding: 5px 0;
}
.mod-wxpay .hd-title a {
    color: #005a9d;
}
.mod-wxpay .hd-amount {
    padding:10px 0;
}
.mod-wxpay .hd-amount .val{
    color:red;
    font-size: 20px;
}
.mod-wxpay .hd-warning {
    padding:15px 0;
}
.mod-wxpay .bd{
    position: relative;
    width: 730px;
    margin: 0 auto;
}
.mod-wxpay .bd-box{
    float: left;
    width: 300px;
    margin-top: 25px;
}
.mod-wxpay .bd-box-tips{
    text-align: center;
    display: block;
    padding: 2px 0;
    color: #DC143C;
}
.mod-wxpay .bd-box-hd{
    margin-bottom: 20px;
    border: 1px solid #dddddd;
    width: 298px;
    height: 298px;
}
.mod-wxpay .bd-box-hd img {
    display: block;
    width: 298px;
    height: 298px;
    max-width: 100%;
    background:url(../images/loadding2.gif) center center no-repeat;
}
.mod-wxpay .bd-box-ft{
    height: 44px;
    padding: 8px 0 8px 125px;
    background: #ff7674 url(../images/shooting.png) 50px 8px no-repeat;
}
.mod-wxpay .bd-box-ft p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 700;
}

.mod-wxpay .bd-sidebar{
    float: left;
    width: 379px;
    height: 421px;
    padding-left: 50px;
    background: url(../images/wechat-scan.png) 50px 0 no-repeat;
}
.payment-change{
    background: #ffffff;
    display: block;
    height: 60px;
    line-height: 56px;
    padding: 0 20px;
    transition: all .1s;
    color: #67a4ff;
}
.payment-change i{
    margin-right: 15px;
}
.mod-msg-panel {
    padding: 100px 0px;
    background-color: #ffffff;
    color: #555555;
}
.mod-msg-panel .icon-success-largest {
    background: transparent url("../images/2421451_532208266.gif") no-repeat scroll left top;
}
.mod-msg-panel .main-icon {
    width: 48px;
    height: 48px;
    overflow: hidden;
    margin: 0px auto;
}
.mod-msg-panel .title {
    padding: 35px 0px 25px;
    text-align: center;
    font-size: 20px;
}
.mod-msg-panel .desc {
    text-align: center;
}
.mod-msg-panel .desc-left {
    text-align: left;
    padding: 0px 200px 0px 525px;
}
.mod-bankpay-index{
    background: #ffffff;
    padding: 25px 30px;
}
.mod-bankpay-index .success-title{
    text-align: center;
    color:#ff7300;
    font-size: 20px;
    padding:5px 0;
}
.mod-bankpay-index .success-title a{
    color: #005a9d;
}
.mod-bankpay-index .success-title a:hover{
    text-decoration: underline;
}
.mod-bankpay-index .warning{
    text-align: center;
    padding: 10px 0;
    color: #666666;
}
.mod-bankpay-index .detail{
    text-align: center;
    padding: 10px 0;
}
.mod-bankpay-index .detail p{
    padding:10px 0;
}
.mod-bankpay-index .detail p.bank-info{
    font-size: 14px;
    font-weight: bold;
    color: #005a9d;
}
.mod-bankpay-index .careful{
    margin:10px 0;
    color:#099;
    padding: 10px;
    border: 1px solid rgb(205, 225, 235);
}
.mod-bankpay-index .careful ul{
    text-align: right;
    list-style-type: disc;
    list-style-position: inside;
}
.mod-bankpay-index .careful ul li{
    padding:2px 0;
}
.mod-bankpay-index .submit-voucher-success{
    text-align: center;
    font-size: 20px;
    margin: 50px 0;
    border: 1px solid rgb(205, 225, 235);
    color:#099;
    padding: 10px;
}
.mod-bankpay-index .submit-voucher-success a{
    font-size: 14px;
    color:green;
    text-decoration: underline;
    position: relative;
}
/*
.mod-bankpay-index .submit-voucher-success a::after {
    background-image: url("../images/hand_key_points_02.svg");
    background-image: url("../images/hand_key_points_01.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: .3em;
    left: -.2em;
    position: absolute;
    top: calc(100% - .15em);
    width: calc(100% + .4em);
}
*/
.mod-bankpay-index .actions{
    border-top: 1px #e0e0e0 dashed;
    padding: 30px 0;
}
.mod-bankpay-index .actions .button{
    display: block;
    width: 25%;
    margin: 0 auto;
}
.mod-bankpay-index .after-do{
    text-align: center;
}
.mod-bankpay-index .after-do a{
    color: #005a9d;
}
.mod-bankpay-index .after-do .promotion{
    padding: 5px;
    margin-left: 10px;
    border: 1px dashed #bbe8a3;
}
.mod-bankpay-index .after-do .promotion a{
    color:#7ABD54;
}

.sm-zone-edit-payment-voucher {
    width: 590px;
    line-height: 34px;
    padding-left: 105px;
    padding-top:15px;
}
.sm-zone-edit-payment-voucher .unit-line {
    margin-bottom: 5px;
}
.sm-zone-edit-payment-voucher dl.unit-line dt {
    float: left;
    width: 90px;
    text-align: left;
    line-height: 34px;
}
.sm-zone-edit-payment-voucher .letter-2 {
    margin: 0 6px;
}
.sm-zone-edit-payment-voucher dl.unit-line dd {
    width: 510px;
}
.sm-zone-edit-payment-voucher .icon-add1 {
    font-weight: bold;
    font-size: 25px;
    cursor: pointer;
}
.sm-zone-edit-payment-voucher .del-link{
    margin-left: 10px;
    text-decoration: underline;
    cursor: pointer;
}
.sm-zone-edit-payment-voucher .msg {
    vertical-align: bottom;
    margin-left: 4px;
}
.sm-zone-edit-payment-voucher .input {
    height: 18px;
    line-height: 18px;
    padding: 3px 10px 2px;
    color: #222222;
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    vertical-align: middle;
}
.sm-zone-edit-payment-voucher .input-select {
    border: 1px solid #e8e8e8;
    width: 86px;
    height: 25px;
    line-height: 25px;
    border-radius: 0;
    overflow: hidden;
}
.sm-zone-edit-payment-voucher .input-large {
    padding-top: 5px;
    padding-bottom: 5px;
}
.sm-zone-edit-payment-voucher .input-name{
    width: 250px;
}
.sm-zone-edit-payment-voucher .span-upload{
    display: inline-block;
    position: relative;
    width: 100px;
    height:100px;
    cursor: pointer;
}
.sm-zone-edit-payment-voucher .span-upload .img-upload{
    width: 100px;
    height: 100px;
}
.sm-zone-edit-payment-voucher .span-upload .input-file{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0px;
    top: 0px;
    z-index: 100;
    cursor: pointer;
}

/*支付相关end*/

/*首页start*/
.sitenav {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    border-bottom: 0;
    z-index: 120;
    color: #333333;
}
.sitenav .area {
    min-width: 980px;
    width: 1200px;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    background-color: #FFFFFF;
    overflow: visible;
}
.sitenav a{
    color: #444444;
}
.sitenav a:hover {
    color: #ff7300;
    text-decoration: none;
}
.sitenav .left{
    float: left;
    margin-right: 8px;
}
.sitenav .right{
    float: right;
}
.sitenav .right-item{
    float: left;
}
.sitenav .right-item::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    height: 10px;
    border-right: 1px solid #5c5c5c;
    vertical-align: middle;
}
.sitenav .right-item.first::before {
    border-right: none;
}
.sitenav .right-item a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 10px;
    padding: 0 8px;
    height: 28px;
}
.sitenav .right-item.first a:first-child {
    padding: 0 5px;
}
.site-header {
    position: relative;
	height: 100px;
    z-index: 20;
    margin: 5px 0;
}
.site-header .container {
    position: relative;
	width: 1200px;
	margin:0 auto;
}
.site-header .header-logo {
    float: left;
    /* width: 100px; */
    /* margin-top: 22px; */
}
.site-header .logo {
    position: relative;
    display: block;
    /* width: 100px; */
    /* height: 100px; */
    overflow: hidden;
}
.site-header .header-nav {
	width: 850px;
	width: 800px;
    float: left;
}
.site-header .nav-list {
    position: relative;
    z-index: 10;
    float: left;
    margin: 0;
    padding: 12px 0 0 30px;
    padding: 12px 0 0 50px;
    list-style-type: none;
    font-size: 16px;
}
.site-header .nav-item {
    float: left;
}
.site-header .nav-item .link {
    display: block;
    padding: 26px 10px 38px;
    color: #222222;
}
.site-header .nav-item .link:hover {
    color: #ff500b;
}
.site-header .nav-item .link .design{
    background: #a483ff;
    color: white;
    border-radius: 4px;
    padding: 4px;
    background-color: #00bdff;
    background-image: linear-gradient(90deg, #829fff, #00bdff);
    /* color: #a483ff; */
}
.site-header .nav-item .link .dy{
    background: #ff500b;
    color: white;
    border-radius: 4px;
    padding: 4px;
}
.site-header .nav-category {
    position: relative;
    float: left;
    width: 127px;
    padding-right: 15px;
}
.site-header .nav-category .link-category {
    display: block;
    padding: 26px 0 38px;
    text-align: right;
    color: #222222;
}
.site-category {
    position: absolute;
    top: 93px;
    left: -410px;
    left: -430px;
    z-index: 21;
    width: 234px;
    height: 460px;
    font-size: 14px;
}
.site-category-list {
    height: 420px;
	height: 460px;
    border: 0;
    color: #ffffff;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")\9;
}
.site-category-list .title {
    position: relative;
    display: block;
    padding-left: 30px;
    height: 42px;
    line-height: 42px;
    color: #ffffff;
}
.site-category-list .category-item{

}
.site-category-list .category-item.smart-blue{
    background: #a483ff;
    color: white;
    background-color: #00bdff;
    background-image: linear-gradient(90deg, #829fff, #00bdff);
}
.site-category-list .category-item a i{
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 20px;
	line-height: 20px;
}
.site-category-list .category-item:hover .title {
    background: #ff500b;
    color: #ffffff;
}
.site-category-list .children {
    display: none;
    position: absolute;
    left: 234px;
    top: 0;
    z-index: 24;
    height: 458px;
    border: 1px solid #e0e0e0;
    border-left: 0;
    background: #ffffff;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.18);
    box-shadow: 0 8px 16px rgba(0,0,0,0.18);
}
.site-category-list .category-item:hover .children {
    display: block;
}
.site-category-list .children-col-4 {
    width: 992px;
}

.site-category-list .children-list {
    height: 458px;
    margin: 0;
    padding: 2px 0;
    list-style-type: none;
}

.site-category-list .children-list-col {
    float: left;
    width: 265px;
}
.site-category-list .children-col-4 .children-list-col {
    width: 248px;
}
.site-category-list .children-list li {
    position: relative;
    float: left;
    width: 265px;
    height: 76px;
}
.site-category-list .children-list .link {
    display: block;
    padding: 18px 20px;
    line-height: 40px;
    color: #222222;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.site-category-list .children-list .thumb {
    margin-right: 12px;
    vertical-align: middle;
}
.site-category-list .children-list .text {
    line-height: 40px;
}
.site-category-list .children-list li:hover .text{
    color: #ff500b;
}


.site-header .header-search {
    float: right;
    /* width: 250px; */
    margin-top: 40px;
}
.site-header .search-form {
    position: relative;
    /* height: 50px; */
}
.site-header .search-text {
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 999;
    /* width: 223px; */
    height: 48px;
	line-height: 48px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    outline: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.site-header .search-form-focus .search-text {
    border-color: #ff6700;
}
.site-header .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 52px;
    /* height: 50px; */
	height: 48px;
    border: 1px solid #e0e0e0;
    font-size: 24px;
	font-weight: bold;
    /* line-height: 24px; */
    background: #ffffff;
    color: #616161;
    outline: 0;
	cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.site-header .search-btn:hover{
	background: #ff6700;
	color: #ffffff;
}
.site-header .search-form-focus .search-btn {
    border-color: #ff6700;
}

.home-hero {
    position: relative;
	margin-bottom: 20px;
}
.home-hero-container{
	width: 1200px;
	margin:0 auto;
}
.home-hero-slider {
    position: relative;
    height: 460px;
    overflow: hidden;
}

.live-section{
	width: 1200px;
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.live-section-content{
	display: flex;
	flex-direction: column;
	flex-flow: row wrap;
	margin-left: -12px;
	margin-right: -12px;
}
.live-section .live-section-left{
	position: relative;
	display: block;
    width: 66.6667%;
	width: 750px;
	height: 400px;
    padding-left: 12px;
    padding-right: 12px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
}
.live-section .live-section-avatar{
	width: 210px;
	height: 300px;
	position: absolute;
	left: 255px;
	top: 75px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-image: url("/images/teacher.png");
	background-size: contain;
}
.live-top-btn{
	position: absolute;
	left: -8px;
	top: 12px;
	z-index: 10;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solidtransparent;
	font-weight: 700;
	cursor: pointer;
	transition: all .1s ease-in;
	padding: 0 13px 0 11px;
	font-size: 14px;
	min-width: 88px;
	height: 36px;
	font-weight: 500;
	border-radius: 4px;
	border-color:transparent;
	color:#ffffff;
	background-color: #ff500b;
}
.live-top-btn:hover {
	border-color:transparent;
    color: #ffffff;
	background-color: #ff6700;

}
.live-top-btn-arrow {
    width: 8px;
    height: 8px;
    margin: -7px 0 0 -2px;
    font-size: 100px;
    -webkit-transform: scale(.08);
    transform: scale(.08);
	display: inline-block;
}
.live-section .live-section-poster{
	width: 100%;
	height:100%;
}
.live-section .video-list-wrap{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 303px;
	overflow: hidden;
	overflow-y: scroll;
}
.live-section .video-list-wrap ul{
	background: rgba(0,0,0,.24);
}
.live-section .video-list-wrap li{
	display: flex;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	transition: all .2s linear;
}
.live-section .video-list-wrap li .word{
	flex: 1 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	margin-right: 7px;
	padding-top: 18px;
	border-bottom: 1px solid
	hsla(0,0%,100%,.1);
}
.live-section .video-list-wrap .sub-num {
    font-weight: 700;
    font-size: 14px;
    color: hsla(0,0%,100%,.6);
    margin-bottom: 2px;
    line-height: 20px;
}
.live-section .video-list-wrap .video-name {
	font-size: 16px;
	color:#ffffff;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .2s linear;
}

.live-main {
	position: absolute;
	left: 22px;
    top: 135px;
}
.live-main-title {
    font-size: 32px;
    color: #ffffff;
    text-align: justify;
    line-height: 45px;
    margin-bottom: 5px;
    font-weight: 700;
    max-height: 90px;
    max-width: 238px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.live-sub-title {
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    text-align: justify;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.live-bottom-btn {
	position: absolute;
	top: 295px;
    left: 25px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    font-weight: 700;
    cursor: pointer;
    transition: all .1s ease-in;
	color:#ffffff;
	background-color:transparent;
	border-color:#ffffff;

	height: 40px;
	font-weight: 500;
	border-radius: 20px;
	padding: 0 19px;
	font-size: 16px;
	min-width: 104px;
}
.live-bottom-btn:hover{
    color: #ffffff;
	background-color:hsla(0,0%,100%,.2);
	border-color:#ffffff;
}
.live-list-wrap {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    overflow: hidden;
    overflow-y: scroll;
    overflow-y: auto;
}
.live-list-ul {
	box-sizing: border-box;
    margin-left: 5px;
    background: rgba(0,0,0,.24);
}
.live-item-link {
    display: block;
}

.live-item {
    display: flex;
    position: relative;
    cursor: pointer;
    transition: all .2s linear;
}
.live-item.active {
    background: rgba(0,0,0,.14);
}
.live-item.active::before {
    position: absolute;
    content: "";
    border: 5px solid transparent;
	border-right-color: transparent;
	border-right-color:rgba(0,0,0,.38);
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.live-item-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 85px;
    padding: 18px 0;
}
.live-item-left-nothing {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30px;
    padding: 18px 0;
}

.living-img-icon {
    width: 18px;
    margin-bottom: 5px;
}
.living-date {
    font-size: 14px;
    color:
    hsla(0,0%,100%,.6);
    white-space: nowrap;
    margin-bottom: 2px;
    line-height: 20px;
}
.living-time {
    font-size: 19px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 700;
    white-space: nowrap;
}
.living-time.living-time-big {
    font-size: 16px;
}

.live-item-right {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-right: 7px;
    padding-top: 18px;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
}
.live-item.active .live-item-right {
    border-bottom: 1px solid transparent;
}
.live-item-right .sub-num {
    font-weight: 700;
    font-size: 14px;
    color: hsla(0,0%,100%,.6);
    margin-bottom: 2px;
    line-height: 20px;
}

.living-name {
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .2s linear;
}
.living-name.active {
    font-size: 20px;
    line-height: 28px;
}
.live-section-right{
    width: 33.3333%;
	width: 340px;
    display: block;
    padding-left: 12px;
    padding-right: 12px;
}
.live-section-right .expect-more{
	height: 400px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("/images/expect_more.jpg?v=2");
}

.course-section{
	width: 1200px;
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.course-section-content{
	position: relative;
	height: 400px;
	cursor: pointer;
}
.course-section .course-section-content .avatar{
	width: 210px;
	height: 300px;
	position: absolute;
	left: 500px;
	top: 75px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-image: url("/images/teacher.png");
	background-size: contain;
}
.course-section .course-section-content .text-main {
    position: absolute;
    left: 180px;
    top: 170px;
}
.course-section .course-section-content .text-main .title {
    font-size: 32px;
    color: #ffffff;
    text-align: justify;
    line-height: 45px;
    margin-bottom: 5px;
    font-weight: 700;
    max-height: 90px;
    max-width: 238px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.course-section .course-section-content .text-main .sub {
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    text-align: justify;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.course-section .course-section-content .catalog-wrap {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 380px;
    overflow: hidden;
    overflow-y: scroll;
    overflow-y: auto;
}
.course-section .course-section-content .catalog-ul {
    box-sizing: border-box;
    margin-left: 5px;
    background: rgba(0,0,0,.24);
	height: 100%;
	
}
.course-section .course-section-content .catalog-li {
    display: flex;
    position: relative;
    cursor: pointer;
    transition: all .2s linear;
}
.course-section .course-section-content .catalog-li.active {
    background: rgba(0,0,0,.14);
}
.course-section .course-section-content .catalog-li.active::before {
    position: absolute;
    content: "";
    border: 5px solid transparent;
	border-right-color: transparent;
	border-right-color:rgba(0,0,0,.38);
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.course-section .course-section-content .catalog-li .name {
	height: 80px;
	line-height: 80px;
    font-size: 16px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .2s linear;
	text-indent: 40px;
}
.course-section .course-section-content .catalog-li .sub{
	display: none;
}

.section-main{
	margin-top: 40px;
}
.section-main .main-title{
    width:100%;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 4px;
    line-height: 1.2;
	text-align: center;
    font-size: 32px;
    font-weight: bold;
}
.section-main .sub-title{
    width:100%;
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 20px;
    font-size: 18px;
	font-weight: 300;
    line-height: 1.3;
    margin-bottom: 40px;
    color: #555555;
	text-align: center;
}
.section-main .container{
	width: 1200px;
	margin:0 auto;
}
.section-main .products{
    width: 40.67797%;
    float: left;
	margin-top: 10px;
    margin-right: 1.69492%;
    padding-left: 80px;
    padding-right: 10px;
}
.section-main .products .item{
    position: relative;
    padding-left: 74px;
    margin-bottom: 30px;
	font-weight: 300;
}
.section-main .products .item .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    text-align: center;
}
.section-main .products .item .img img{
    border-radius: 50%;
}
.section-main .products .item .title {
    font-size: 20px;
    color: #0d253e;
    font-weight: 400;
}
.section-main .products .item p{
    line-height: 24px;
    margin: 4px 0 0;
    font-size: 16px;
    text-align: justify;
    color: #777777;
}
.section-main .right{
    width: 50%;
    float: right;
    margin-right: 0;
    text-align: center;
}
.home-logos{
	width: 1200px;
	margin:0 auto;
	padding-bottom: 20px;
}
.home-logos .item{
    width: 17.64706%;
    float: left;
    margin-bottom: 3.38983%;
    text-align: center;
    /* border: 1px solid #eeeeee; */
    height: 150px;
    position: relative;
    overflow: hidden;
    transition: all .2s ease-out;
}
.home-logos .item:nth-child(5n+1) {
    margin-right: -100%;
    clear: both;
    margin-left: 0;
}
.home-logos .item:nth-child(5n+2) {
    margin-left: 20.58824%;
    margin-right: -100%;
    clear: none;
}
.home-logos .item:nth-child(5n+3) {
    margin-left: 41.17647%;
    margin-right: -100%;
    clear: none;
}
.home-logos .item:nth-child(5n+4) {
    margin-left: 61.76471%;
    margin-right: -100%;
    clear: none;
}
.home-logos .item:nth-child(5n+5) {
    margin-left: 82.35294%;
    margin-right: -100%;
    clear: none;
}
.home-logos .item:hover{
	border-color: #ff500b;
    box-shadow: 0 10px 30px 0 rgba(70,100,180,.1);
}
.home-logos .item .img{
	height: 150px;
    background-size: 150px;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .2s ease-out;
    /* margin-bottom: 20px; */
}
.home-logos .pages{
	width: 50%;
	margin:0 auto;
}
.home-logos .pages li{
	display: inline-block;
	margin-right: 5px;
}
.home-logos .pages li:last-child{
	margin-right: 0;
}
.home-logos .pages .dot{
	background-color: #b0b0b0;
	border-radius: 50%;
	display: inline-block;
	width: 6px;
	height: 6px;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
}
.home-logos .pages li.active .dot{
	background-color: #ff500b;
}
.home-logos .thumbs{
	height: 130px;
}
.home-logos .thumbs img{
	height: 130px;
}
.home-logos .item:hover .img{
	display: none;
}
.home-logos .item:hover .thumbs{
	display: block;
}
/*首页end*/

/*账号安全start*/
.account-security-wrapper{
	width: 400px;
	margin: 0 auto;
}
.account-security-wrapper .icon-warming1{
	display: block;
	text-align: center;
	color:#f82;
	font-size: 65px;
}
.account-security-wrapper .desc-text{
	text-align: center;
}
.account-security-wrapper .desc-text .title{
    margin: 0 auto 15px;
    font-size: 16px;
    color: #222222;
}
.account-security-wrapper .desc-text .sub-title{
    margin: 0 auto 15px;
    font-size: 14px;
    color: #666666;
}
.account-security-wrapper .acts{
	margin-top: 30px;
}
.account-security-wrapper .acts a{
	width: 100%;
}
/*账号安全end*/

/*变更支付方式start*/
.payment-select{
    text-align: center;
    vertical-align: middle;
    width: 55%;
    margin: 0 auto;
    padding: 100px 0;
}
.payment-select .payment-item{
    display: inline-block;
    /* width: 32.1%; */
    width: 24.5%;
}
.payment-select .payment-item img{
    display: block;
    height: 150px;
    margin: 0 auto;
    padding: 10px 0;
    border:2px solid #ffffff;
}
.payment-select .payment-item:hover img{
    border-color:#ff7300;
}
/*变更支付方式end*/

/*人工下单start*/
.advance-order-index-banner{
    display: flex;
    max-width: 1432px;
    width: 100%;
    margin: 0 auto;
    background: #f6f8f9;
}
.advance-order-index-banner .left,.advance-order-index-banner .right{
    -ms-flex: 1 1;
    flex: 1 1;
}
.advance-order-index-banner .left{
    text-align: left;
    /* width: 500px; */
    padding: 50px 0 0 50px;
}
.advance-order-index-banner .left .title{
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 15px;
}
.advance-order-index-banner .left .title .strong{
    font-size: 22px;
    color:#ff7300;
}
.advance-order-index-banner .left .features{

}
.advance-order-index-banner .left .features .row{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    height: 30px;
    margin-left: 11px;
}
.advance-order-index-banner .left .features .row .icon{

    margin-right: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid #ff7300;
    background: #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
}
.advance-order-index-banner .left .features .row .icon i{
    display: inline-block;
    margin: 3px;
    background: #ff7300;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}
.advance-order-index-banner .left .features .row .item{
    color: #555555;
    font-size: 16px;
}

.advance-order-index-wrapper{
    text-align: center;
    padding: 20px 0 50px;
    margin-top: 10px;
}
.advance-order-index-wrapper .title{
    font-size: 32px;
    font-weight: bold;
    padding: 25px 0;
}
.advance-order-index-wrapper .title-desc{
    font-size: 16px;
    margin-bottom: 80px;
}
.advance-order-index-wrapper .contact-list{
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}
.advance-order-index-wrapper .contact-list li {
    width: 400px;
}
.advance-order-index-wrapper .contact-list li:last-child {
    margin-right: 0px;
}
.advance-order-index-wrapper .contact-list .msg-title {
    font-size: 20px;
    font-weight: bold;
}
.advance-order-index-wrapper .contact-list .msg-desc {
    font-size: 14px;
    margin: 25px 0px;
    color: #55555;
}
.advance-order-index-wrapper .contact-list .btn{
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 228px;
    height: 46px;
    border-radius: 8px;
    font-size: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    color: #000000;
    background: #ffffff;
}
.advance-order-index-wrapper .contact-list .btn.btn-primary{
    color: #ffffff;
    background: #ff7300;
    cursor: pointer;
}
.advance-order-index-wrapper .contact-list .btn.btn-hover-clickible{
    color: #000000;
    background: #eeeeee;
    cursor: pointer;
}
.advance-order-index-wrapper .contact-list .btn.btn-hover-clickible:hover{
    color: #ffffff;
    background: #ff7300;
}
/*人工下单end*/