@charset "utf-8";
/* CSS Document */
/*font*/
ol, ul, li, p, span, div, img, h1, h2, h3, h4, a, body, input, textarea {
    padding: 0px;
    margin: 0px;
    border: none;
}
body {
    font-size: 12px;
    color: #000;
    font-family: "Microsoft YaHei", "微软雅黑", Arial;
    overflow-x: hidden;
}
a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
    color: #000;
}
a:hover { /*color:#e60012;*/
}
ol, ul, li {
    list-style: none;
    *margin: 0px;
    *padding: 0px;
}

table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}

.clear:after {
    clear: both;
    display: block;
    height: 0px;
    visibility: hidden;
    content: ".";
}

.clear {
    *zoom: 1;
}

input, textarea {
    outline: none;
    vertical-align: middle;
    font-size: 13px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}

input.submit, input.reset {
    cursor: pointer;
}

.text_overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

p {
    line-height: 22px;
}

h1 {
    font-size: 42px;
    font-weight: 400;
}

h2 {
    font-size: 30px;
    font-weight: 700;
}

h3 {
    font-size: 24px;
}

.w1160 {
    width: 1160px;
    margin: 0 auto;
}

.none {
    display: none;
    height: 0px;
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
}

input[type=radio] {
    -webkit-appearance: radio;
}

/*--------------------top---------*/
#top {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    _position: absolute;
    right: 4px;
    bottom: 50px;
    _bottom: "auto";
    filter: Alpha(opacity=170);
    background: url(../images/arrow-top.png) no-repeat center center;
    cursor: pointer;
    z-index: 80;
}

.header{padding-left:0;}

.logo_box{width:165px;height:64px;padding:0 20px 0 24px;background-color:#54abcb;overflow:hidden;}
    .logo_box.on{height:128px;}
    .logo_box.on .menu{background:url(../images/logo-menu-icon-close.png) no-repeat;}
    .logo_ytj{height:52px;padding-top:0px;}
    .logo_ytj .menu{display:block;float:right;width:20px;height:20px;margin-top:10px;cursor:pointer;background:url(../images/logo-menu-icon.png) no-repeat;position:relative;padding:0;border-width:0;}
    .logo_yyz{height:46px;padding-top:18px;}
    .logo_yyz .arr{display:block;float:right;width:19px;height:19px;margin-top:5px;cursor:pointer;background:url(../images/logo-arrow.png) no-repeat;}

/*--------------header start---------------*/
.top-header {
    width: 100%;
    height: 28px;
    padding: 0px 20px;
    background-color: #525555;
    color: #AAA;
    position: fixed;
    z-index: 8999;
    top: 0px;
    left: 50%;
    margin-left: -50%;
}

.top-header p {
    line-height: 28px;
}

.top-header .right {
    width: 890px;
    position: absolute;
    right: 70px;
    top: 0px;
    text-align: right;
}

.top-header .right a {
    color: #AAA;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 28px;
    padding-right: 18px;
}

.top-header .right a:hover {
    color: #f57f0e;
}
.top-header .right a.uservip i{
	display: inline-block;
    width: 28px;
    height: 18px;
    background: url(../images/vip.png) no-repeat 0 -26px;
    position: relative;
    top: 2px;
}

.header {
    width: 100%;
    background-color: #439cbd;
    height: 64px;
    position: relative;
    padding: 0px 20px;
    position: fixed;
    z-index: 8999;
    top: 28px;
    left: 50%;
    margin-left: -50%;
}

.header .logo {
    display: block;
    width: 230px;
    height: 32px;
    padding-top: 15px;
}

.header .logo img {
    width: 100%;
    height: auto !important;
}

.header .nav {
    width: 860px;
    height: 64px;
    position: absolute;
    right: 68px;
    top: 0px;
    text-align: right;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.header .nav > ul > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 64px;
    position: relative;
}

.header .nav > ul > li > a {
    color: #FFF;
    font-size: 16px;
    font-family: "Microsoft YaHei Light", "微软雅黑", Arial;
    display: block;
    padding: 0px 20px;
}

.header .nav > ul > li > em.new{
	position: absolute;
    background-image: url(../images/new.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 22px;
    left: 120px;
    width: 24px;
    height: 16px;
}

.header .nav > ul > li > em.rts{
	position: absolute;
    background-image: url(../images/rts.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 22px;
    left: 88px;
    width: 24px;
    height: 16px;
}

.header .nav > ul > li > i {
    width: 0;
    height: 2px;
    background-color: #f57f0e;
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -35%;
    display: block;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.header .nav > ul > li:nth-child(1) > i {
    background-color: #2f363b;
}

.header .nav > ul > li:nth-child(3) > i {
    background-color: #7cd847;
}

.header .nav > ul > li:nth-child(4) > i {
    background-color: #47cdd9;
}

.header .nav > ul > li:hover {
    background-color: #54abca;
}

.header .nav > ul > li:hover > i, .header .nav > ul > li.now > i {
    display: block;
    width: 70%;
}

.header .nav > ul > li .xia-box {
    width: 520px;
    position: absolute;
    z-index: 999;
    top: 63px;
    right: 0px;
    background-color: #54abca;
    padding: 20px;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    display: none;
}

.header .nav > ul > li .xia-box ul li {
    width: 135px;
    float: left;
    text-align: left;
    margin-left: 52px;
}

.header .nav > ul > li .xia-box ul li:first-child {
    margin-left: 0px;
}

.header .nav > ul > li .xia-box ul li h3 {
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #6ec2e1;
    margin-bottom: 4px;
}

.header .nav > ul > li .xia-box ul li p a {
    color: #ccf1ff;
    font-size: 12px;
    display: block;
    padding: 2px 0px;
}

.header .nav > ul > li .xia-box ul li p em.new{
	position: absolute;
    background-image: url(../images/new.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 295px;
    left: 260px;
    width: 24px;
    height: 16px;
}

.header .nav > ul > li .xia-box ul li p em.rts{
	position: absolute;
    background-image: url(../images/rts.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 155px;
    left: 105px;
    width: 24px;
    height: 16px;
}

.header .nav > ul > li .xia-box ul li p a:hover {
    color: #f28207;
}

.header .nav > ul > li:hover .xia-box {
    display: block;
}

.main-box {
    padding-top: 92px;
}

.menu-box {
    width: 205px;
    height: 100%;
    background-color: #f5f5f5;
    position: fixed;
    z-index: 100;
    left: 0px;
    top: 92px;
    overflow: auto;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.nav-left {
    width: 80%;
    margin: 0 auto;
    padding-top: 30px;
    max-height: 560px;
    overflow: auto;
}

.nav-left ul li {

}

.nav-left ul li h3 {
    position: relative;
    font-size: 14px;
    color: #000;
    line-height: 40px;
    border-bottom: 1px solid #dbdbdb;
    cursor: pointer;
    margin-bottom: 6px;
}

.nav-left ul li h3 i {
    display: block;
    width: 5px;
    height: 8px;
    background: url(../images/nav-left-icon.png) no-repeat top center;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -4px;
}

.nav-left ul li .list {
    overflow: hidden;
    padding-bottom: 14px;
}

.nav-left ul li h4 a {
    display: block;
    padding: 4px 10px;
    font-size: 13px;
    color: #555;
    font-family: "Microsoft YaHei Light", "微软雅黑", Arial;
    margin-bottom: 2px;
}

.nav-left ul li h4 a.active, .nav-left ul li h4 a:hover {
    color: #FFF;
    background-color: #54abca;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.nav-left ul li h4 em.new{
	position: absolute;
    background-image: url(../images/new.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 525px;
    left: 95px;
    width: 24px;
    height: 16px;
}

.nav-left ul li h4 em.rts{
	position: absolute;
    background-image: url(../images/rts.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 220px;
    left: 130px;
    width: 24px;
    height: 16px;
}

.nav-left ul li p a {
    display: block;
    padding: 6px 10px 6px 30px;
    color: #888;
}

.nav-left ul li p a.on, .nav-left ul li p a:hover {
    background-color: #999;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
}

.content-box {
    margin-left: 205px;
    padding: 0 20px;
}

.content-box h1 {
    font-size: 21px;
    padding: 16px 0px 16px 0px;
}

.content-box .serach-box {
    height: 24px;
    position: relative;
    margin: 18px 0 14px;
}

.content-box .serach-box .input {
    width: 200px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.content-box .serach-box .input input {
    display: block;
    width: 168px;
    height: 26px;
    line-height: 26px;
    text-indent: 12px;
}

.content-box .serach-box .input span {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.category-box .serach-box {
    height: 28px;
    position: relative;
    margin: 18px 0 14px;
}

.category-box .serach-box .input {
    width: 200px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.category-box .serach-box .input input {
    display: block;
    width: 168px;
    height: 26px;
    line-height: 26px;
    text-indent: 12px;
}

.category-box .serach-box .input span {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.mykeys .content-box .serach-box .mkey-sousuo, .mykeys .content-box .mkey-caozuo {
    width: 100px;
    height: 28px;
    position: absolute;
    left: 515px;
    top: 0px;
    display: none;
}

.mykeys .content-box .mkey-caozuo {
    left: 532px;
}

.mykeys .content-box .serach-box .mkey-sousuo p, .mykeys .content-box .mkey-caozuo p {
    padding-left: 16px;
    line-height: 28px;
    background-color: #54abca;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    cursor: pointer;
}

.mykeys .content-box .serach-box .mkey-sousuo p i, .mykeys .content-box .mkey-caozuo p i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #FFF;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 16px;
}
.mykeys .content-box .serach-box .mkey-box.on, .mykeys .content-box .panel-box .mkey-box2.on {
    display: block;
}
.content-box .serach-box .set {
    width: 130px;
    height: 37px;
    background: url(../images/ser-set.png) no-repeat top center;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: -40px;
    display: none;
}

.content-box .serach-box .set p {
    text-align: center;
    color: #FFF;
    line-height: 30px;
    position: relative;
}

.content-box .serach-box .ser-select {
    width: 100px;
    height: 28px;
    position: absolute;
    left: 210px;
    top: 0px;
}

.content-box .serach-box .ser-select > p {
    padding-left: 16px;
    line-height: 28px;
    background-color: #54abca;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    cursor: pointer;
}

.content-box .serach-box .ser-select p i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #FFF;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 16px;
}
.content-box .serach-box .ser-select:hover .set {
    display: block;
}
.content-box .serach-box .clear {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 310px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.content-box .serach-box .clear:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}
.huishou-box .huishou-sousuo {
    width: 100px;
    height: 28px;
    position: absolute;
    left: 462px;
    top: 0px;
    display: none;
}
.huishou-box .huishou-sousuo {
    left: 451px;
}

.huishou-box .huishou-sousuo p {
    padding-left: 16px;
    line-height: 28px;
    background-color: #54abca;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    cursor: pointer;
}

.huishou-box .huishou-sousuo p i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #FFF;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 16px;
}
.huishou-box .hshou-box.on {
    display: block;
}
.choose-keybox .choose-sousuo {
    width: 100px;
    height: 28px;
    position: absolute;
    left: 462px;
    top: 0px;
    display: none;
}
.choose-keybox .choose-sousuo p {
    padding-left: 16px;
    line-height: 28px;
    background-color: #54abca;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    cursor: pointer;
}

.choose-keybox .choose-sousuo p i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #FFF;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 16px;
}

.choose-keybox .choose-box.on {
    display: block;
}

.content-box .serach-box .search, .content-box .serach-box .button {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 320px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.content-box .serach-box .search:hover, .content-box .serach-box .button:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.category-box .serach-box .search {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 320px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.category-box .serach-box .search:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.content-box .serach-box .return {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #FFF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 320px;
    cursor: pointer;
    background-color: #54abca;
    border: 1px solid #54abca;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.products-serach-box .search {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 320px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.products-serach-box .search:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.products-serach-box .cancel {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.products-serach-box .cancel:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.content-box .serach-box .ranking-select {
    width: 164px;
    height: 28px;
    position: absolute;
    top: 0px;
    right: 54px;
}

.content-box .serach-box .ranking-select > p {
    padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.content-box .serach-box .ranking-select > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.content-box .serach-box .ranking-select > p i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 16px;
}

.content-box .serach-box .num-select {
    width: 46px;
    height: 28px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.content-box .serach-box .num-select > p {
    padding-left: 4px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.content-box .serach-box .num-select > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.content-box .serach-box .num-select > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
}

.content-box .multistage-select {
    height: 24px;
    margin-top: 14px;
    position: relative;
    display: none;
    margin-bottom: 18px;
}

.content-box .multistage-select .show {
    display: block;
}

.content-box .multistage-select .spread {
    width: 178px;
    height: 28px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.content-box .multistage-select > div > p {
    padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;

}

.content-box .multistage-select > div > p span {
    width: 90%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-box .multistage-select > div > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.content-box .multistage-select > select:hover {
    background-color: #e9e9e9;
    color: #333;
}

.content-box .multistage-select > div > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
}

.content-box .multistage-select .products {
    width: 130px;
    height: 28px;
    position: absolute;
    left: 185px;
    top: 0px;
}

.content-box .multistage-select .effect {
    width: 118px;
    height: 28px;
    position: absolute;
    left: 322px;
    top: 0px;
}

.content-box .serach-box .num-select .select-box, .content-box .serach-box .ranking-select .select-box,
.content-box .multistage-select .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
    max-height: 280px;
    overflow: auto;
}

.content-box .serach-box .num-select .select-box p, .content-box .serach-box .ranking-select .select-box p,
.content-box .multistage-select .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.content-box .serach-box .num-select .select-box p:hover, .content-box .serach-box .ranking-select .select-box p:hover,
.content-box .multistage-select .select-box p:hover {
    background-color: #f5f5f5;
}

.content-box .serach-box .num-select .select-box.show, .content-box .serach-box .ranking-select .select-box.show,
.content-box .multistage-select .select-box.show {
    display: block;
}

.content-box .multistage-select .groups .select-box .input-search {
    position: relative;
    width: 100%;
    padding: 10px 0px;
}

.content-box .multistage-select .groups .select-box .input-search input {
    display: block;
    width: 92%;
    height: 14px;
    padding: 5px 0px 5px 0px;
    border: 1px solid #dbdbdb;
    margin: 0 auto;
}

.content-box .multistage-select .groups .select-box .input-search em {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 6px;
    top: 11px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.content-box .keyword-table {
    padding-top: 28px;
}

.content-box .keyword-table table {
    border-bottom: 1px solid #dcdcdc;
}

.content-box .keyword-table table tr th {
    text-align: left;
    border-bottom: 1px solid #dbdbdb;
    font-family: "Microsoft YaHei Light", "微软雅黑", Arial;
    padding: 10px 14px;
    color: #333;
    background-color: #e4e4e4;
}

.content-box .keyword-table table tr td {
    padding: 10px 14px;
    color: #555;
}

.content-box .keyword-table table tr td a {
    color: #39c;
}

.content-box .keyword-table table tr td a:hover {
    text-decoration: underline;
}

.content-box .keyword-table table tr:nth-child(2n+1) td {
    background-color: #f9f9f9;
}

.content-box .keyword-table table tr:hover td {
    background-color: #EEE;
}

.content-box .keyword-table table .checkbox {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) no-repeat 0px 0px;
    position: relative;
}

.content-box .keyword-table table .checkbox.on {
    background-position: 0px -10px;
}

.content-box .keyword-table table input[type='checkbox'] {
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0px;
}

.sub-page {
    height: 28px;
    padding: 20px 0px 60px 0px;
    text-align: right;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.sub-page ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 10px;
}

.sub-page ul li a {
    display: block;
    padding: 6px 8px;
    font-size: 12px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.sub-page ul li span {
    display: block;
    padding: 6px 8px;
    font-size: 12px;
}

.sub-page ul li a.on, .sub-page ul li a:hover {
    background-color: #559cc7;
    color: #FFF;
    border-color: #559cc7;
}

.content-box .statistics-box {
    height: 24px;
    margin-bottom: 20px;
    position: relative;
}

.content-box .statistics-box .week {
    width: 120px;
    height: 28px;
    position: absolute;
    left: 130px;
    top: 0px;
}

.content-box .statistics-box .month.on {

}

.content-box .statistics-box > div > p {
    padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.content-box .statistics-box > div > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.content-box .statistics-box > div > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
}

.content-box .statistics-box .week .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.content-box .statistics-box .week .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.content-box .statistics-box .week .select-box p:hover {
    background-color: #f5f5f5;
}

.content-box .statistics-box .week .select-box.show {
    display: block;
}

.content-box .statistics-box .month {
    width: 120px;
    height: 28px;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 28px;
    cursor: pointer;
}

.content-box .statistics-box .month.on {

}
.content-box .statistics-box .month .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.content-box .statistics-box .month .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.content-box .statistics-box .month .select-box p:hover {
    background-color: #f5f5f5;
}

.content-box .statistics-box .month .select-box.show {
    display: block;
}

/*帮助*/
.help-box {
    padding: 92px 20px 0px 20px;
}

.help-box h1 {
    font-size: 21px;
    color: #333;
    padding: 22px 0px 20px 0px;
}

.help-box ul li {
    width: 19.25%;
    height: 493px;
    float: left;
    margin: 0 0 48px 7.4%;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
}

.help-box ul li:first-child {
    margin-left: 0px;
}

.help-box ul li .con {
    width: 78%;
    margin: 0 auto;
}

.help-box ul li .num {
    width: 69.4%;
    margin: 38px auto 22px auto;
    height: 164px;
    text-align: center;
    line-height: 164px;
    border: 1px solid #ababab;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.help-box ul li .num h3 {
    font-size: 81px;
    color: #ababab;
    font-weight: 400;
    font-family: "Microsoft YaHei Light", "微软雅黑", Arial;
}

.help-box ul li .num i {
    width: 100%;
    height: 164px;
    position: absolute;
    z-index: 30;
    top: -3px;
    left: 0px;
    border-radius: 50%;
    border: 2px solid #5eb2d1;
    display: none;
}

.help-box ul li > em {
    display: block;
    width: 35px;
    height: 28px;
    background: url(../images/help-icon.png) no-repeat -35px 0px;
    position: absolute;
    right: -23.7%;
    top: 234px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.help-box ul li h2 {
    font-size: 24px;
    color: #000;
    font-family: "Microsoft YaHei Light", "微软雅黑", Arial;
    padding-bottom: 22px;
}

.help-box ul li p {
    font-size: 14px;
    padding: 4px 0px 4px 17%;
    border-left: 2px solid #d2d2d2;
    color: #333;
}

.help-box ul li:hover {
    background-color: #72c6e5;
    border-color: #72c6e5;
    color: #FFF;
}

.help-box ul li:hover h2 {
    color: #FFF;
}

.help-box ul li:hover p {
    border-color: #FFF;
    color: #FFF;
}

.help-box ul li:hover .num {
    background-color: #5eb2d1;
    border-color: #5eb2d1;
}

.help-box ul li:hover .num h3 {
    color: #72c6e5;
}

.help-box ul li:hover > em {
    background-position: 0px 0px;
}

.help-box ul li:hover .num i {
    -webkit-animation: footer_i 1s 1 linear;
    animation: footer_i 1s 1 linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: block;
}

/*产品信息管理*/
.product-detail-box {
    padding-top: 146px;
}

.save-close {
    width: 100%;
    height: 54px;
    background-color: #FFF;
    border-bottom: 1px solid #dcdcdc;
    position: fixed;
    z-index: 10;
    left: 0px;
    top: 92px;
}

.save-close p {
    padding: 15px 0px 0px 225px;
}

.product-detail-box.newwin .save-close p {
    padding-left: 30px;
}

.product-detail-box.newwin .product-detail {
    margin-left: 10px;
}

.save-close span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    margin-right: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.save-close span:first-child {
    background-color: #439cbd;
    color: #FFF;
}

.save-close span:hover {
    background-color: #f28207;
    color: #FFF;
}

.product-detail-box .product-detail {
    margin-left: 205px;
    padding: 0 20px 300px 20px;
}

.product-detail-box .choose-pro {
    border-bottom: 1px dashed #dbdbdb;
}

.product-detail-box .choose-pro h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold;
}

.product-detail-box .choose-pro h2 a {
    font-size: 12px;
    color: #AAA;
    padding-left: 20px;
    color: #439cbd;
}

.product-detail-box .choose-pro h2 a:hover {
    text-decoration: underline;
}

.product-detail-box .choose-pro .list > ul > li {
    padding-bottom: 16px;
}

.product-detail-box .choose-pro .list > ul > li .left {
    width: 74px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.product-detail-box .choose-pro .list > ul > li .right {
    padding-left: 86px;
}

.product-detail-box .choose-pro .list > ul > li .right p {
    padding-top: 8px;
}

.product-detail-box .choose-pro .list > ul > li .right p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 140px;
    height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 4px 0px 6px;
    border-left: 1px solid #AAA;
    line-height: 15px;
    vertical-align: middle;
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
}

.product-detail-box .choose-pro .list > ul > li .right p span:hover {
    color: #439cbd;
    font-weight: Arial;
}

.product-detail-box .choose-pro .list > ul > li .right p span:first-child {
    border-left: none;
}

.product-detail-box .choose-mo {
    border-bottom: 1px dashed #dbdbdb;
    padding-bottom: 20px;
}

.product-detail-box .choose-mo h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold;
}

.product-detail-box .choose-mo h2 span {
    font-size: 12px;
    color: #AAA;
    padding-left: 20px;
    font-weight: 400;
}

.product-detail-box .choose-mo .list > ul > li .left .star {
    display: block;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    position: absolute;
    top: 10px;
    left: 15px;
}

.product-detail-box .choose-mo .list > ul > li .left {
    width: 74px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.product-detail-box .choose-mo .list > ul > li .right {
    padding-left: 86px;
}

.product-detail-box .choose-mo .list > ul > li .mo-list ul li {
    width: 76px;
    height: 21px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    margin-right: 12px;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 28px;
}

.product-detail-box .choose-mo .list > ul > li .mo-list .checkbox {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 0px;
    top: 10px;
}

.product-detail-box .choose-mo .list > ul > li .mo-list p {
    padding-left: 14px;
    cursor: pointer;
    padding-top: 3px;
}

.product-detail-box .choose-mo .list > ul > li .mo-list ul li.on .checkbox {
    background-position: 0px -10px;
}

.product-detail-box .choose-mo .list > ul > li .mo-list ul li input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.leimu-detail {
    border-bottom: 1px dashed #dbdbdb;
}

.leimu-detail h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold;
}

.leimu-detail .list > ul > li {
    padding-bottom: 16px;
}

.leimu-detail .list > ul > li .left {
    width: 74px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.leimu-detail .list > ul > li .left .star {
    display: block;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    position: absolute;
    top: 10px;
    left: 15px;
}

.leimu-detail .list > ul > li .right {
    padding-left: 86px;
}

.leimu-detail .list > ul > li .right p {
    line-height: 30px;
    color: #AAA;
}

.leimu-detail .list > ul > li .right p span {
    display: inline;
    padding: 0px 10px;
    background: url(../images/category-icon.png) no-repeat center center;
}

.leimu-detail .list > ul > li .right p a {
    color: #439cbd;
    font-weight: bold;
    padding-left: 30px;
}

.leimu-detail .list > ul > li .right p a:hover {
    text-decoration: underline;
}

.basic-information {
    border-bottom: 1px dashed #dbdbdb;
}

.basic-information h2, .belongs-to-part h2, .product-properties h2,.product-skus h2,
.transaction h2,.special-service h2, .logistics-information h2,.country-card h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold;
}

.basic-information .list > ul > li {
    padding-bottom: 16px;
}

.basic-information .list > ul > li .left {
    width: 80px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.product-detail .list > ul > li .left .star {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    vertical-align: top;
    margin: 4px 2px 0px 0px;
}

.basic-information .list > ul > li .left .star {
    margin: 10px 2px 0px 0px;
}

.basic-information .list > ul > li .right {
    padding-left: 86px;
}

.basic-information .list > ul > li .right input[type='text'] {
    display: block;
    width: 400px;
    border: 1px solid #dcdcdc;
    height: 18px;
    padding: 5px 0px 5px 4px;
}

.basic-information .list > ul > li .right .choose {
    position: relative;
    height: 26px;
}

.logistics-information .list > ul > li .right .choose {
    position: relative;
    height: 26px;
}

.basic-information .list > ul > li .right .upload {
    width: 82px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

.basic-information .list > ul > li .right .upload span {
    display: block;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.basic-information .list > ul > li .right .upload:hover span {
    background-color: #439cbd;
    color: #FFF;
}

.basic-information .list > ul > li .right .upload input {
    display: block;
    width: 80px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.basic-information .list > ul > li .right .choose p {
    padding-left: 98px;
    line-height: 28px;
}

.basic-information .list > ul > li .right .choose p a {
    color: #439cbd;
    padding-right: 20px;
    font-weight: bold;
}

.basic-information .list > ul > li .right .choose p a:hover {
    text-decoration: underline;
}


.basic-information .productPhoto .choose p span{
	display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    margin-right: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
} 


.logistics-information .list > ul > li .right .choose p {
    line-height: 28px;
}

.logistics-information .list > ul > li .right .choose p a {
    color: #439cbd;
    padding-right: 20px;
    font-weight: bold;
}

.logistics-information .list > ul > li .right .choose p a:hover {
    text-decoration: underline;
}

.basic-information .list > ul > li .right .need,.logistics-information .list > ul > li .right .need {
    padding: 10px 0px 16px 0px;
    line-height: 16px;
    color: #AAA;
}

.basic-information .list > ul > li .right .need span {
    color: #f67f0b;
}

.basic-information .list > ul > li .right .max6,.logistics-information .list > ul > li .right .max6 {
    width: 518px;
    padding: 3px 0px;
    position: relative;
    background-color: #fff1ee;
    border: 1px solid #dcdcdc;
    margin-bottom: 8px;
    cursor: pointer;
    display: none;
}

.basic-information .list > ul > li .right .max6 p,.logistics-information .list > ul > li .right .max6 p {
    line-height: 24px;
    padding-left: 38px;
}

.basic-information .list > ul > li .right .max6 i,.logistics-information .list > ul > li .right .max6 i {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/close.png) no-repeat top center;
    position: absolute;
    left: 10px;
    top: 7px;
}

.basic-information .list > ul > li .right .img-list,.logistics-information .list > ul > li .right .img-list {
    /*height:80px;overflow: hidden;*/
    margin-bottom: 8px;
}

.basic-information .list > ul > li .right .img-list ul li,.logistics-information .list > ul > li .right .img-list ul li {
    width: 78px;
    height: 78px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    border: 1px solid #dcdcdc;
    float: left;
    margin-right: 8px;
    background: url(//u.alicdn.com/simg/sprites/env/productposting/uploader-bg.png) no-repeat -1px 0px;
    display: table;
    position: relative;
}

.basic-information .list > ul > li .right .img-list ul li .middle,.logistics-information .list > ul > li .right .img-list ul li .middle {
    *position: absolute;
    *top: 50%;
    vertical-align: middle;
/*     display: table-cell; */
}

.basic-information .list > ul > li .right .img-list ul li .middle .linner,.logistics-information .list > ul > li .right .img-list ul li .middle .linner {
    *position: relative;
    *top: -50%;
    text-align: center;
}

.basic-information .list > ul > li .right .img-list ul li.w1 img,.logistics-information .list > ul > li .right .img-list ul li.w1 img {
    width: 100%;
    height: auto !important;
}

.basic-information .list > ul > li .right .img-list ul li.w2 img,.logistics-information .list > ul > li .right .img-list ul li.w2 img {
    width: auto;
    height: 78px !important;
}

.basic-information .list > ul > li .right .img-list ul li > i,.logistics-information .list > ul > li .right .img-list ul li > i {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    top: 42px;
    display: none;
}

.basic-information .list > ul > li .right .img-list ul li > a.shield{
	display: none;
    width: 16px;
    height: 16px;
    background: url(../images/shield.png) no-repeat top center;
    position: absolute;
    z-index: 9;
    right: 2px;
    top: 2px;
}

.basic-information .list > ul > li .right .img-list ul li > a.shield.show{
	display: block;
}

.basic-information .list > ul > li .right .img-list ul li.on > i,.logistics-information .list > ul > li .right .img-list ul li.on > i {
    display: block;
}

.basic-information .list > ul > li .right .img-list ul li .action-wrapper,.logistics-information .list > ul > li .right .img-list ul li .action-wrapper{
	display: none;
    flex-direction: row;
    justify-content: space-around;
    padding-top: 8px;
    font-size: 12px;
    line-height: 20px;
}

.basic-information .list > ul > li .right .img-list ul li .action-wrapper.show,.logistics-information .list > ul > li .right .img-list ul li .action-wrapper.show{
	display:flex;
}

.basic-information .list > ul > li .right .img-list ul li .action-wrapper button,.logistics-information .list > ul > li .right .img-list ul li .action-wrapper button{
	font-size: 12px;
    text-transform: capitalize;
    margin: 0;
    height: 20px;
    padding: 0;
    line-height: 20px;
    border-width: 0;
    color: #2192D9;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
    cursor: pointer;
}

.basic-information .list > ul > li .right .img-list ul li .panel {
    width: 30px;
    height: 22px;
    position: absolute;
    z-index: 40;
    right: 0px;
    top: 0px;
    display: none;
}

.basic-information .list > ul > li .right .img-list ul li .panel em {
    display: block;
    width: 28px;
    height: 20px;
    background-color: #FFF;
    background-image: url(../images/xiala.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 1px solid #f67f0b;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.basic-information .list > ul > li .right .img-list ul li .panel .panel-list {
    width: 56px;
    padding: 6px 0px;
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 21px;
    border: 1px solid #f67f0b;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: none;
}

.basic-information .list > ul > li .right .img-list ul li .panel .panel-list p {
    line-height: 20px;
    font-size: 12px;
    color: #666;
    text-align: right;
    cursor: pointer;
    padding: 0px 4px;
}

.basic-information .list > ul > li .right .img-list ul li .panel .panel-list p:hover {
    background-color: #439cbd;
    color: #FFF;
}

.basic-information .list > ul > li .right .img-list ul li .panel .panel-list.show {
    display: block;
}

.basic-information .list > ul > li .right .img-list ul li.w1:hover .panel.show,
.basic-information .list > ul > li .right .img-list ul li.w2:hover .panel.show {
    display: block;
}

/*.basic-information .list>ul>li .right .img-list ul li em{width:15px;height:15px;background: url(../images/close.png) no-repeat top center;position: absolute;left:50%;margin-left: -8px;bottom:-17px;cursor: pointer;display: none;}*/
.basic-information .list > ul > li .right .check {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: relative;
    margin-top: 24px;
    display: none;
}

.basic-information .list > ul > li .right .check input {
    display: block;
    width: 10px;
    height: 12px;
    height: 12px;
    position: absolute;
    left: -1px;
    top: -1px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.basic-information .list > ul > li .right .check label {
    display: block;
    width: 140px;
    position: absolute;
    left: 0px;
    top: -2px;
    cursor: pointer;
    padding-left: 20px;
}

.basic-information .list > ul > li .right .check.on {
    background-position: 0px -10px;
}

.basic-information .list > ul > li .watermark-list {
    width: 374px;
    padding: 14px;
    border: 1px dashed #dbdbdb;
    margin-top: 20px;
    display: none;
}

.basic-information .list > ul > li .watermark-list.show {
    display: block;
}

.basic-information .list > ul > li .watermark-list > div {
    height: 20px;
    position: relative;
    line-height: 20px;
    margin-bottom: 12px;
}

.basic-information .list > ul > li .watermark-list > div div {
    width: 106px;
    height: 20px;
    position: absolute;
    top: 0px;
}

.basic-information .list > ul > li .watermark-list > div .border {
    left: 100px;
}

.basic-information .list > ul > li .watermark-list > div .border-no {
    left: 240px;
}

.basic-information .list > ul > li .watermark-list > div i {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/radio-icon.png) 0px 0px;
    margin-top: 2px;
}

.basic-information .list > ul > li .watermark-list > div .border.on i,
.basic-information .list > ul > li .watermark-list > div .border-no.on i {
    background-position: 0px -16px;
}

.basic-information .list > ul > li .watermark-list > div input {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 2px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.basic-information .list > ul > li .watermark-list > div label {
    padding-left: 20px;
    position: absolute;
    z-index: 8;
    left: 0px;
    top: 0px;
    color: #666;
    cursor: pointer;
}

.basic-information .list > ul > li .right textarea {
    display: block;
    width: 604px;
    height: 106px;
    padding: 10px;
    border: 1px solid #dcdcdc;
}

.basic-information .list > ul > li .right textarea::-webkit-input-placeholder {
    color: #666;
}

.basic-information .list > ul > li .right textarea::-moz-input-placeholder {
    color: #666;
}

.basic-information .list > ul > li .right p.text {
    padding-top: 12px;
    color: #AAA;
}

.basic-information .list > ul > li .right p.text span {
    color: #f67f0b;
}

.belongs-to-part {
    border-bottom: 1px dashed #dbdbdb;
    padding-bottom: 20px;
    display: none;
}

.belongs-to-part .part-search {
    width: 336px;
    position: relative;
    padding: 4px 0px 16px 0px;
}

.belongs-to-part input {
    display: block;
    width: 290px;
    border: 1px solid #dcdcdc;
    height: 18px;
    padding: 5px 0px 5px 4px;
}

.belongs-to-part .part-search span {
    display: block;
    width: 40px;
    height: 30px;
    background-color: #38a0be;
    background-image: url(../images/search2.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 4px;
    cursor: pointer;
}

.belongs-to-part .part-search .part-search-list {
    width: 334px;
    background-color: #FFF;
    border: 1px solid #dcdcdc;
    position: absolute;
    z-index: 8;
    left: 0px;
    top: 30px;
    padding-bottom: 20px;
    display: none;
}

.belongs-to-part .part-search .part-search-list.show {
    display: block;
}

.belongs-to-part .part-search .part-search-list p {
    font-size: 12px;
    padding: 4px;
    color: #666;
    cursor: pointer;
}

.belongs-to-part .part-search .part-search-list p:hover {
    background-color: #f5f5f5;
}

.belongs-to-part .key-choose {
    position: relative;
}

.belongs-to-part .key-choose > span {
    display: block;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.belongs-to-part .key-choose > span:hover {
    background-color: #439cbd;
    color: #FFF;
}

.belongs-to-part .key-choose p {
    padding-left: 98px;
    color: #666;
}

.product-properties,.product-skus {
    border-bottom: 1px dashed #dbdbdb;
    padding-bottom: 20px;
}

.product-properties h2 span,.product-skus h2 span {
    font-size: 12px;
    color: #AAA;
    padding-left: 20px;
    font-weight: 400;
}

.product-properties ul li,.product-skus .list>ul>li {
    padding-top: 20px;
}

.product-properties ul li.isChild,.product-skus .list>ul>li.isChild {
    display: none;
}

.product-properties ul li .left,.product-skus .list>ul>li>.left {
    width: 120px;
    min-height: 30px;
    text-align: right;
    float: left;
    position: relative; /*font-weight: bold;*/
    color: #333;
    display: table;
}

.product-properties ul li .left .middle,.product-skus .list>ul>li>.left .middle {
    *position: absolute;
    *top: 50%;
    vertical-align: middle;
    display: table-cell;
}

.product-properties ul li .left .middle .linner,.product-skus .list>ul>li>.left .middle .linner {
    *position: relative;
    *top: -50%;
}

.product-properties ul li .left label,.product-skus .list>ul>li>.left label {
    font-size: 12px;
}

.product-properties ul li .right,.product-skus .list>ul>li>.right {
    padding-left: 132px;
    position: relative;
}
.product-skus .list>ul>li>.right>ul>li{
	padding-bottom: 10px;
}
.product-properties ul li .right p.new-text,.product-skus .list>ul>li>.right p.new-text {
    padding-left: 234px;
    position: absolute;
    left: 132px;
    top: 0px;
    line-height: 30px;
}

.product-properties .place-list,.product-skus .place-list,.product-skus .place-list1 {
    width: 224px;
    height: 28px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.product-skus .place-list1 .show-color{
	display: inline-block;
	width:30px;
	height:30px;
	margin: 0;
	border-width: 1px;
    border-style: dashed;
    border-color: #C4C6CF;
    text-align: center;
    cursor: pointer;
    transition: border-color .3s ease;
    display: inline-block;
    vertical-align: top;
    float:left;
}

.product-skus .place-list1 .show-color i{
	color: #2192D9;
	position: relative;
    display: inline-block;
    font-family: NextIcon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .1px;
    box-sizing: border-box;
    margin-top: 5px;
}

.product-skus .place-list1 p{
	padding-left: 45px;
    line-height: 28px;
}

.product-skus .place-list1 p a{
	color: #439cbd;
    padding-right: 20px;
    font-weight: bold;
}

.product-properties .place-list2,.product-skus .place-list2 {
    width: 224px;
    height: 28px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 4px;
}

.product-properties ul li .text1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 550px;
    height: 18px;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dcdcdc;
}
.product-skus ul li .text1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 224px;
    height: 18px;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dcdcdc;
}

.product-properties ul li .select1,.product-skus ul li .select1 {
    width: 224px;
    height: 28px;
    border: 1px solid #dcdcdc;
    cursor: pointer;
}

.product-properties ul li .customize,.product-skus ul li .customize {
    line-height: 28px;
}

.product-properties ul li .customize span,.product-skus ul li .customize span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #AAA;
}

.product-properties ul li .customize span:first-child,.product-skus ul li .customize span:first-child {
    width: 170px;
}

.product-properties ul li ul li .name,.product-skus ul li ul li .name {
    width: 158px;
    height: 28px;
    border: 1px solid #dcdcdc;
    float: left;
    margin-right: 8px;
    overflow: hidden;
}

.product-properties ul li ul li .value,.product-skus ul li ul li .value {
    width: 286px;
    height: 28px;
    border: 1px solid #dcdcdc;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.product-properties ul li ul li .url{
	width: 360px;
    height: 28px;
    border: 1px solid #dcdcdc;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.product-properties ul li ul li .category{
	width: 240px;
    height: 28px;
    border: 1px solid #dcdcdc;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.product-properties ul li ul li input,.product-skus ul li ul li input {
    display: block;
    height: 18px;
    width: 286px;
    padding: 5px 0px 5px 4px;
    color: #666;
    font-size: 12px;
}

.product-properties .list > ul > li .properties-radio ul,.product-skus .list > ul > li .properties-radio ul {
    padding-top: 6px;
}

.product-properties .list > ul > li .properties-radio li,.product-skus .list > ul > li .properties-radio li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 16px;
    line-height: 16px;
    float: left;
    position: relative;
    padding: 0px;
    margin-right: 20px;
}

.product-properties .list > ul > li .properties-radio li .icon,.product-skus .list > ul > li .properties-radio li .icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 0px;
    background: url(../images/radio-icon.png) no-repeat 0px 0px;
}

.product-properties .list > ul > li .properties-radio li.on .icon,.product-skus .list > ul > li .properties-radio li.on .icon {
    background-position: 0px -16px;
}

.product-properties .list > ul > li .properties-radio li input,.product-skus .list > ul > li .properties-radio li input {
    display: block;
    width: 16px;
    height: 16px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.product-properties .list > ul > li .properties-radio li label,.product-skus .list > ul > li .properties-radio li label {
    padding-left: 26px;
    cursor: pointer;
}

.product-skus .list > ul > li .properties-checkbox{
	border: 1px solid #eee;
	background: #fcfcfc; 
	margin-top: 10px;
	width:600px;
	    box-sizing: border-box;
}

.product-properties .list > ul > li .properties-checkbox ul,.product-skus .list > ul > li .properties-checkbox ul {
    padding-top: 8px;
}

.product-properties .list > ul > li .properties-checkbox li,.product-skus .list > ul > li .properties-checkbox li {
    height: 21px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    margin-right: 6px;
    padding: 0px;
}

.product-properties .list > ul > li .properties-checkbox li.multi_parent .selbox{display:none;position:absolute;left:0;top:15px;width:480px;max-height:240px;padding:10px 0;box-shadow:0 0 10px #999;overflow-y:auto;background-color:#fff;z-index:999;}
.product-properties .list > ul > li .properties-checkbox li.multi_parent:hover .selbox{display:block;}
.product-properties .list > ul > li .properties-checkbox li.multi_parent .selbox li{float:left;width:130px;height:30px;line-height:30px;padding-left:10px}
.product-properties .list > ul > li .properties-checkbox li.multi_parent .selbox .checkbox{
	left: 8px;
    top: 10px;
}
.product-skus .list > ul > li .properties-checkbox li{
	margin-left: 4px;
}

.product-skus .list > ul > li .properties-checkbox li.cust i{
	display: inline-block;
}

.product-skus .list > ul > li .properties-checkbox li i{
	display: inline-block;
	width: 10px;
    height: 10px;
    background: url(../images/del-icon.png);
    background-size:100% 100%;
    cursor:pointer;
    position: absolute;
    right: -8px;
    top: 3px;
}

.product-properties .list > ul > li .properties-checkbox li .checkbox,.product-skus .list > ul > li .properties-checkbox li .checkbox {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    left: 0px;
    top: 3px;
    display: inline-block;
    vertical-align: middle;
}

.product-properties .list > ul > li .properties-checkbox li input[type='text']{
	width: 80px;
    height: 18px;
    display: inline-block;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
}

.product-properties .list > ul > li .properties-checkbox li label,
.product-properties .list > ul > li .properties-checkbox li a,
.product-skus .list > ul > li .properties-checkbox li label,
.product-skus .list > ul > li .properties-checkbox li a {
    padding-left: 14px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-properties .list > ul > li .properties-checkbox li.on>.checkbox,.product-skus .list > ul > li .properties-checkbox li.on .checkbox {
    background-position: 0px -10px;
}

.product-properties .list > ul > li .properties-checkbox li.multi_parent .selbox li.on>.checkbox{
	background-position: 0px -10px;
}

.product-properties .list > ul > li .properties-checkbox li input[type='checkbox'],.product-skus .list > ul > li .properties-checkbox li input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.transaction .list > ul > li .properties-checkbox ul {
    padding-top: 8px;
}

.transaction .list > ul > li .properties-checkbox li {
    width: 100px;
    height: 21px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    margin-right: 6px;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.transaction .list > ul > li .properties-checkbox li .checkbox {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 0px;
    top: 3px;
}

.transaction .list > ul > li .properties-checkbox li label,
.transaction .list > ul > li .properties-checkbox li a {
    padding-left: 14px;
    cursor: pointer;
}

.transaction .list > ul > li .properties-checkbox li.on .checkbox {
    background-position: 0px -10px;
}

.transaction .list > ul > li .properties-checkbox li input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.product-properties ul li ul li .arrow{
    width: 68px;
    height: 30px;
    float: left;
    font-size: 0;
    -webkit-text-size-adjust: none;
}
.product-skus ul li .right .arrow {
	width: 68px;
    height: 30px;
    display: inline-block;
    position:relative;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.product-properties ul li ul li .arrow.hide,.product-skus ul li .right .arrow.hide {
    display: none;
}

.product-properties ul li ul li .arrow span,.product-skus ul li .right .arrow span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin-top: 7px;
}

.product-properties ul li ul li .arrow .arrow-up,.product-skus ul li ul li .arrow .arrow-up{
    background: url(../images/arrow-top.png) 0px -15px;
    margin-right: 8px;
}

.product-properties ul li ul li .arrow .arrow-up.yes,.product-skus ul li ul li .arrow .arrow-up.yes{
    background-position: 0px -15px;
}

.product-properties ul li ul li .arrow .arrow-down,.product-skus ul li ul li .arrow .arrow-down {
    background: url(../images/arrow-down.png) 0px 0px;
    margin-right: 8px;
}

.product-properties ul li ul li .arrow .arrow-down.no,.product-skus ul li ul li .arrow .arrow-down.no{
    background-position: 0px -15px;
}

.product-properties ul li ul li .arrow .del,.product-skus ul li .right .arrow .del {
    background: url(../images/close.png) no-repeat 0px 0px;
}

.product-properties ul li ul li.first .arrow-up,.product-skus ul li ul li.first .arrow-up{
    background-position: 0px 0px;
    cursor: no-drop;
}

.product-properties ul li ul li.first .arrow-down,.product-skus ul li ul li.first .arrow-down {
    background-position: 0px 0px;
}

.product-properties ul li ul li.last .arrow-up,.product-skus ul li ul li.last .arrow-up{
    background-position: 0px -15px;
}

.product-properties ul li ul li.last .arrow-down,.product-skus ul li ul li.last .arrow-down {
    background-position: 0px -15px;
    cursor: no-drop;
}

.product-properties ul li ul li.one .arrow-up,.product-skus ul li ul li.one .arrow-up {
    background-position: 0px 0px;
}

.product-properties ul li ul li.one .arrow-down,.product-skus ul li ul li.one .arrow-down {
    background-position: 0px -15px;
}

.product-properties ul li .customize-add,.product-skus ul li .customize-image-add,.product-properties ul li .customize-import{
    display: block;
    width: 84px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    margin-top: 20px;
}

.product-skus ul li .customize-input-add{
    display: block;
    width: 84px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    margin-top: 20px;
}

.product-skus ul li .customize-attr-add {
	position:relative;
    display: inline-block;
    width: 60px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    margin-left: 10px;
}

.product-properties ul li .customize-add:hover,.product-skus ul li .customize-add:hover {
    background-color: #439cbd;
    color: #FFF;
}

.transaction {
    border-bottom: 1px dashed #dbdbdb;
    padding-bottom: 20px;
}

.transaction h2 span {
    font-size: 12px;
    color: #AAA;
    padding-left: 20px;
    font-weight: 400;
}

.transaction .list > ul > li {
    padding: 10px 0px;
}

.product-detail .list > ul > li .gs-contail {margin-left:90px;top: 50%;left: 50%;width: 890px;max-height: 630px; padding: 20px;box-shadow: 0 0 1px #c6c6c6;}
.product-detail .list > ul > li .gs-title {margin-bottom: 10px;}
.product-detail .list > ul > li .gs-title .title {height: 30px;font-size: 16px;line-height: 30px;}
.product-detail .list > ul > li .gs-title .check {display: inline-block;padding-left: 30px;height: 26px;font-size: 16px;line-height: 26px;color: #ED7828;background: url(https://img.alicdn.com/imgextra/i1/1737926018/O1CN011MEy2V1uKI3wWQRnU_!!1737926018.jpg) no-repeat left;box-sizing: border-box;text-decoration: none;}
.product-detail .list > ul > li .gs-title .close {display: inline-block;position: absolute;top: 20px;right: 20px;cursor: pointer;}
.product-detail .list > ul > li .gs-table {max-height: 500px;overflow-y: auto;border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;}
.product-detail .list > ul > li .gs-table table {width: 100%;border: 1px solid #DCDCDC;border-top: none;border-bottom: none;}
.product-detail .list > ul > li .gs-table table td {padding: 0 5px;width: 11%;height: 40px;font-size: 12px;line-height: 40px;border: 1px solid #DCDCDC;box-sizing: border-box;}
.product-detail .list > ul > li .gs-table table td .pro-num {padding-right: 5px;text-align: right;box-sizing: border-box;}
.product-detail .list > ul > li .gs-table table td .oper {display: inline-block;width: 40%;color: #5EBEE8;text-align: center;text-decoration: none;}
.product-detail .list > ul > li .gs-table table thead td {border: none;text-align: center;line-height: 20px;}
.product-detail .list > ul > li .gs-table table thead td .price {color: #A85D64;}
.product-detail .list > ul > li .gs-table table td input[type='text'] {width: 80px;height: 30px;box-sizing: border-box;border:1px solid #dcdcdc;}
.product-detail .list > ul > li .gs-btn {margin-top: 10px;}
.product-detail .list > ul > li .gs-btn .btn {float: right;display: inline-block;width: 60px;height: 30px;margin-left: 5px;font-size: 14px;line-height: 30px;text-align: center;border-radius: 3px;cursor: pointer;}
.product-detail .list > ul > li .gs-btn .btn-save {background: #FE6A00;color: #fff;border:1px solid #C6C6C6;}
.product-detail .list > ul > li .gs-btn .btn-exit {background: #F7F8FA;border:1px solid #C6C6C6;}
.product-detail .list > ul > li .gs-btn .clear {clear:both;}


.transaction .wholesale .min .star {
    left: 3px;
}

.transaction .wholesale .min .min-box {
    height: 30px;
    position: relative;
}

.transaction .wholesale .min .min-box input {
    display: block;
    width: 128px;
    height: 28px;
    border: 1px solid #dcdcdc;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
}

.transaction .wholesale .min .min-box p {
    padding-left: 146px;
    line-height: 30px;
}

.transaction .list > ul > li .left {
    width: 74px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.transaction .list > ul > li .left .star {
    display: block;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    position: absolute;
    top: 7px;
    left: 15px;
}

.transaction .list > ul > li .right {
    padding-left: 90px;
}

.transaction .list > ul > li .choose-price,.logistics-information .list > ul > li .choose-price,.special-service .list > ul > li .choose-simple,.special-service .list > ul > li .choose-special,.special-service .list > ul > li .choose-produceVisualization,.special-service .list > ul > li .choose-ecIntegration {
    padding-top: 6px;
}


.transaction .list > ul > li .choose-price li,.logistics-information .list > ul > li .choose-price li,.special-service .list > ul > li .choose-simple li,.special-service .list > ul > li .choose-special li,.special-service .list > ul > li .choose-produceVisualization li,.special-service .list > ul > li .choose-ecIntegration li {
    width: 144px;
    height: 16px;
    line-height: 16px;
    float: left;
    position: relative;
}

.transaction .list > ul > li .choose-price li .icon,.logistics-information .list > ul > li .choose-price li .icon,.special-service .list > ul > li .choose-simple li .icon,.special-service .list > ul > li .choose-special li .icon,.special-service .list > ul > li .choose-produceVisualization li .icon,.special-service .list > ul > li .choose-ecIntegration li .icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 0px;
    background: url(../images/radio-icon.png) no-repeat 0px 0px;
}

.transaction .list > ul > li .choose-price li.on .icon,.logistics-information .list > ul > li .choose-price li.on .icon,.special-service .list > ul > li .choose-simple li.on .icon,.special-service .list > ul > li .choose-special li.on .icon,.special-service .list > ul > li .choose-produceVisualization li.on .icon,.special-service .list > ul > li .choose-ecIntegration li.on .icon {
    background-position: 0px -16px;
}

.transaction .list > ul > li .choose-price li input,.logistics-information .list > ul > li .choose-price li input,.special-service .list > ul > li .choose-simple li input,.special-service .list > ul > li .choose-special li input,.special-service .list > ul > li .choose-produceVisualization li input,.special-service .list > ul > li .choose-ecIntegration li input {
    display: block;
    width: 16px;
    height: 16px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.transaction .list > ul > li .choose-price li label,.logistics-information .list > ul > li .choose-price li label,.special-service .list > ul > li .choose-simple li label,.special-service .list > ul > li .choose-special li label,.special-service .list > ul > li .choose-produceVisualization li label,.special-service .list > ul > li .choose-ecIntegration li label {
    padding-left: 26px;
    cursor: pointer;
}

.transaction .list .way > li {
    width: 100%;
    display: none
}

.transaction .list .way > li.show {
    display: block;
}

.transaction .list .way > li.fob-box .fob-list {
    height: 30px;
    position: relative;
}

.transaction .list .way > li .usd-box {
    width: 128px;
    height: 28px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.transaction .list .way > li .nterval {
    width: 250px;
    height: 30px;
    position: absolute;
    left: 136px;
    top: 0px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    color: #333;
}

.transaction .list .way > li .nterval span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.transaction .list .way > li .nterval input {
    display: block;
    width: 90px;
    height: 18px;
    padding: 5px 0px;
    text-align: center;
    border: 1px solid #dcdcdc;
}

.transaction .list .way > li .nterval .text {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
}

.transaction .list .way > li .piece-fob {
    width: 128px;
    height: 28px;
    position: absolute;
    left: 384px;
    top: 0px;
}

.transaction .list .way > li .fob-qi {
    padding-top: 12px;
    color: #AAA;
}

.transaction .list .way > li .min .star {
    left: 3px;
}

.transaction .list .way > li .min .min-box {
    height: 30px;
    position: relative;
}

.transaction .list .way > li .min .min-box input {
    display: block;
    width: 128px;
    height: 28px;
    border: 1px solid #dcdcdc;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
}

.transaction .list .way > li .min .min-box p {
    padding-left: 146px;
    line-height: 30px;
}

.transaction .list .way > li ul li {
    padding-top: 14px;
}

.transaction .list li.measure .star {
    left: -8px;
}

.transaction .list li.measure .dan-list,.transaction .list li.sourcing_sku .dan-list {
    width: 128px;
    height: 28px;
    position: relative;
}


.transaction .list .way > li.measure .star,.transaction .list .way > li.sourcing_sku .star {
    left: -8px;
}

.transaction .list li.measure .con-box {
    margin-top: 12px;
    border: 1px solid #dcdcdc;
    width: 372px;
    position: relative;
}

.transaction .list li.measure .con-box p.danwei {
    line-height: 42px;
    background-color: #f2f2f5;
    padding-left: 14px;
}

.transaction .list li.measure .con-box p.danwei span:first-child {
    padding-right: 88px;
}

.transaction .list li.measure .con-box p.qujian {
    padding: 16px 0px 14px 14px;
    position: relative;
}

.transaction .list li.measure .con-box p.qujian span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 145px;
    height: 30px;
    position: relative;
    line-height: 30px;
}

.transaction .list li.measure .con-box p.qujian span:first-child {
    margin-right: 30px;
}

.transaction .list li.measure .con-box p.qujian input {
    display: block;
    width: 106px;
    height: 18px;
    padding: 5px 0px 5px 4px;
    position: absolute;
    right: 0px;
    top: 0px;
    border: 1px solid #dcdcdc;
    line-height: 18px;
}

.transaction .list li.measure .con-box p.qujian span:first-child input {
    right: 15px;
}

.transaction .list li.measure .con-box p.qujian .del {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/close.png) no-repeat 0px 0px;
    position: absolute;
    right: 10px;
    top: 24px;
    cursor: pointer;
}

.transaction .list li.measure .con-box p.qujian.hide .del {
    display: none;
}

.transaction .list li.measure .con-box p.set {
    padding: 8px 0px 15px 14px;
}

.transaction .list li.measure .con-box p.set span {
    color: #439cbd;
    font-weight: bold;
    cursor: pointer;
}

.transaction .list li.measure .con-box .yuji {
    width: 182px;
    height: 108px;
    position: absolute;
    right: -254px;
    padding: 20px;
    top: 0px;
    background-color: #FFF;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 0 0 6px #CCC;
    -moz-box-shadow: 0 0 6px #CCC;
    -ms-box-shadow: 0 0 6px #CCC;
    -o-box-shadow: 0 0 6px #CCC;
}

.transaction .list li.measure .con-box .yuji > em {
    display: block;
    width: 12px;
    height: 18px;
    background: url(../images/triangle.png) 0px 0px;
    position: absolute;
    left: -12px;
    top: 20px;
}

.transaction .list li.measure .con-box .yuji p {
    color: #666;
}

.transaction .list li.measure .con-box .yuji p:first-child {
    padding-bottom: 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid #dcdcdc;
    color: #333;
}


.transaction .logistics_mode {
    padding-top: 8px;
}

.transaction .logistics_mode li {
    height: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    margin-right: 12px;
}

.transaction .logistics_mode li .checkbox {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 0px;
    top: 3px;
}

.transaction .logistics_mode li p {
    padding-left: 14px;
    cursor: pointer;
    line-height: 18px;
}

.transaction .logistics_mode li.on .checkbox {
    background-position: 0px -10px;
}

.transaction .logistics_mode li input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}


.transaction .payment-method {
    padding-top: 8px;
}

.transaction .payment-method li {
    height: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    margin-right: 12px;
}

.transaction .payment-method li .checkbox {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 0px;
    top: 3px;
}

.transaction .payment-method li p {
    padding-left: 14px;
    cursor: pointer;
    line-height: 18px;
}

.transaction .payment-method li input[type='text']{
	width: 120px;
    height: 18px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    opacity: 1;
        cursor: text;
}

.transaction .payment-method li.on .checkbox {
    background-position: 0px -10px;
}

.transaction .payment-method li input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.transaction .other-tetx {
    padding-top: 10px;
    display: none;
}

.transaction .other-tetx input {
    display: block;
    width: 220px;
    height: 18px;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dcdcdc;
}

.transaction .other-tetx.show {
    display: block;
}

.logistics-information {
    padding-bottom: 20px;
    border-bottom: 1px dashed #dbdbdb;
}

.logistics-information h2 span {
    font-size: 12px;
    color: #AAA;
    padding-left: 20px;
    font-weight: 400;
}

.logistics-information .list>ul>li {
    padding-top: 15px;
}

.logistics-information ul li .left,.sourcing_sample .left {
    width: 74px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.logistics-information ul li .left .star,.sourcing_sample .left .star {
    display: block;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    position: absolute;
    top: 10px;
    left: 15px;
}

.logistics-information ul li .right,.sourcing_sample .right {
    padding-left: 90px;
}

.logistics-information ul li.day-box .right {
    height: 30px;
    line-height: 30px;
}

.logistics-information ul li.day-box span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-right: 16px;
    vertical-align: middle;
    color: #666;
}

.logistics-information ul li.day-box input {
    width: 74px;
    text-align: left;
    height: 18px;
    padding: 5px 0px;
    border: 1px solid #dbdbdb;
}

.logistics-information ul li.port input {
    display: block;
    width: 396px;
    height: 18px;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dbdbdb;
    color: #333;
}

.logistics-information ul li.port .star {
    left: 38px;
}

.logistics-information ul li .able-box {
    height: 30px;
    position: relative;
}

.logistics-information ul li .able-box input {
    display: block;
    width: 124px;
    height: 18px;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dbdbdb;
}

.transaction .wholesale>ul>li>.right>input,.logistics-information .list>ul>li>.right>input,.sourcing_sample>.right>input{
    width: 124px;
    height: 18px;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dbdbdb;
}

.logistics-information .list>ul>li>.right>select,.sourcing_sample>.right>select{
    width: 130px;
    height: 28px;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dbdbdb;
}

.logistics-information ul li .qi {
    color: #AAA;
    padding-top: 14px;
}

.logistics-information ul li .able-pieces {
    width: 138px;
    height: 28px;
    position: absolute;
    left: 138px;
    top: 0px;
}


.logistics-information .list li.measure .con-box {
    margin-top: 12px;
    border: 1px solid #dcdcdc;
    width: 372px;
    position: relative;
}

.logistics-information .list li.measure .con-box p.danwei {
    line-height: 42px;
    background-color: #f2f2f5;
    padding-left: 14px;
}

.logistics-information .list li.measure .con-box p.danwei span:first-child {
    padding-right: 88px;
}

.logistics-information .list li.measure .con-box p.qujian {
    padding: 16px 0px 14px 14px;
    position: relative;
}

.logistics-information .list li.measure .con-box p.qujian span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 145px;
    height: 30px;
    position: relative;
    line-height: 30px;
}

.logistics-information .list li.measure .con-box p.qujian span:first-child {
    margin-right: 30px;
}

.logistics-information .list li.measure .con-box p.qujian input {
    display: block;
    width: 106px;
    height: 18px;
    padding: 5px 0px 5px 4px;
    position: absolute;
    right: 0px;
    top: 0px;
    border: 1px solid #dcdcdc;
    line-height: 18px;
}

.logistics-information .list li.measure .con-box p.qujian span:first-child input {
    right: 15px;
}

.logistics-information .list li.measure .con-box p.qujian .del {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/close.png) no-repeat 0px 0px;
    position: absolute;
    right: 10px;
    top: 24px;
    cursor: pointer;
}

.logistics-information .list li.measure .con-box p.qujian.hide .del {
    display: none;
}

.logistics-information .list li.measure .con-box p.set {
    padding: 8px 0px 15px 14px;
}

.logistics-information .list li.measure .con-box p.set span {
    color: #439cbd;
    font-weight: bold;
    cursor: pointer;
}

.logistics-information .list li.measure .con-box .yuji {
    width: 182px;
    height: 108px;
    position: absolute;
    right: -254px;
    padding: 20px;
    top: 0px;
    background-color: #FFF;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 0 0 6px #CCC;
    -moz-box-shadow: 0 0 6px #CCC;
    -ms-box-shadow: 0 0 6px #CCC;
    -o-box-shadow: 0 0 6px #CCC;
}

.logistics-information .list li.measure .con-box .yuji > em {
    display: block;
    width: 12px;
    height: 18px;
    background: url(../images/triangle.png) 0px 0px;
    position: absolute;
    left: -12px;
    top: 20px;
}

.logistics-information .list li.measure .con-box .yuji p {
    color: #666;
}

.logistics-information .list li.measure .con-box .yuji p:first-child {
    padding-bottom: 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid #dcdcdc;
    color: #333;
}

.special-service,.country-card {
    padding-bottom: 20px;
    border-bottom: 1px dashed #dbdbdb;
}

.special-service .list>ul>li,.country-card  .list>ul>li{
    padding-top: 15px;
}

.country-card .list>ul>li>.right .next-tag{
	border-color: #BFBFBF;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    max-width: 100%;
    margin: 8px;
    height: 28px;
    font-size: 12px;
    line-height: 26px;
    border-width: 1px;
    overflow: hidden;
}

.country-card .list>ul>li>.right .next-tag .next-tag-body{
	color: #666;
    background-color: #FFF;
    width: calc(100% - 45px);
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 8px;
}

.country-card .list>ul>li>.right button.edit-country {
	border-radius: 20px;
    background-color: #1047F5;
    color: #fff;
    margin: 0;
    height: 30px;
    padding: 0 24px;
    font-size: 12px;
    line-height: 28px;
    border-width: 1px;
}

.country-card .list>ul>li>.right .next-tag .next-tag-tail{
	color: #666;
    background: #FFF;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

.country-card .list>ul>li>.right .next-tag .next-tag-tail .next-tag-opt{
	border-left: solid 1px rgba(0,0,0,.1);
    width: 28px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    height: 28px;
    vertical-align: middle;
}

.country-card .list>ul>li>.right .next-tag .next-tag-tail .next-tag-opt .next-icon{
	margin-left: -4px;
    margin-right: -4px;
    position: relative;
    font-family: NextIcon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-transform: none;
    -webkit-text-stroke-width: .1px;
    width:26px;
    height:26px;
}

.country-card .list>ul>li>.right .next-tag .next-tag-tail .next-tag-opt .next-icon:before,.country-card .list>ul>li>.right .next-tag .next-tag-tail .next-tag-opt .next-icon:after{
	content: "";
    width: 16px;
    height: 2px;
    background: #666;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -1px;
}

.country-card .list>ul>li>.right .next-tag .next-tag-tail .next-tag-opt .next-icon:before{
	transform: rotate(45deg);
}

.country-card .list>ul>li>.right .next-tag .next-tag-tail .next-tag-opt .next-icon:after{
	transform: rotate(-45deg);
}

.country-card .list>ul>li>.right>p>span{
	font-size: 12px;
    color: #999;
    line-height: 18px;
    overflow: hidden;
    clear: both;
    margin-top: 4px;
}

.special-service .list>ul>li.simple-content{
	width: 700px;
    margin-top: 10px;
    margin-left: 120px;
    text-align: left;
}

.simple-content ul li{
	padding-top: 15px;
}

.simple-content>.list>ul>li>.left {
    width: 100px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.simple-content .list > ul > li .left .star {
    display: block;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    position: absolute;
    top: 7px;
    left: -4px;
}

.simple-content .list > ul > li .right {
    padding-left: 105px;
}

.simple-content .list > ul > li.max .max-box {
    height: 30px;
    position: relative;
}

.simple-content .list > ul > li.max .max-box input {
    display: block;
    width: 128px;
    height: 28px;
    border: 1px solid #dcdcdc;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
}

.simple-content .list > ul > li.max .max-box p {
    padding-left: 146px;
    line-height: 30px;
}

.simple-content .list > ul > li.price .simple_price {
    height: 30px;
    position: relative;
}

.simple-content .list > ul > li.price .simple_price input {
    display: block;
    width: 128px;
    height: 28px;
    border: 1px solid #dcdcdc;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
}

.special-service ul li .left,.country-card ul li .left {
    width: 74px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.special-service ul li .left .star,.country-card ul li .left .star {
    display: block;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    position: absolute;
    top: 10px;
    left: 15px;
}

.special-service ul li .right,.country-card ul li .right {
    padding-left: 90px;
}

.special-service ul li.special-content .m-table {
    width: 700px;
    margin-top: 10px;
    margin-left: 120px;
    text-align: left;
}

.special-service ul li.special-content .m-table tr {
    border-collapse: separate;
    border-spacing: 0px 10px;
}

.special-service ul li.special-content .m-table .thead th{width: 120px; height: 25px;line-height: 25px;color: #666;}
.special-service ul li.special-content .m-table .thead th span{color: #FF3232;}
.special-service ul li.special-content .m-table tr .input-text{width: 200px;height: 28px;border: 1px solid #C5C7D0;margin: 5px 0px;}
.special-service ul li.special-content .m-table tr .input-text2{width: 200px;height: 28px;border: 1px solid #C5C7D0;margin-top: 10px;padding-right: 50px;overflow: hidden;}
.special-service ul li.special-content .m-table .fontnum{position: absolute;width: 40px;height: 28px;left: 570px;top: 415px;}
.special-service ul li.special-content .m-table .fontremind{display: none; position: relative;width: 160px;height: 20px;text-align: left;color:#FF3232; font-size: 13px;left: 0px;top: 5px;}
.special-service ul li.special-content .m-table .sumbit1{display:inline-block;margin-top: 10px;cursor:pointer; width: 67px;height: 28px;line-height:28px;border-radius: 3px;border: 1px solid #DCDEE3;color: #333;background-color:#F7F8FA;border-color:#C4C6CF;text-align: center;font-size: 13px;}
.special-service ul li.special-content .m-table .sumbit1[disabled]{cursor: not-allowed;color:#CCC;background-color:#F7F8FA;border-color:#DCDEE3;}
.special-service ul li.special-content .m-table td{position: relative;}
.special-service ul li.special-content .m-table .trash-a{display: block; position: absolute;right: -10px; top: 14px;width: 15px;height: 15px;overflow: hidden;}
.special-service ul li.special-content .m-table .trash{display: block; width: 15px;height: 15px; overflow: hidden; background: url(../images/trash.jpg);}

.logistics-information ul li .able-pieces > p, .logistics-information ul li .able-month > p,
.transaction .list .way > li .usd-box > p, .transaction .list .way > li .piece-fob > p,
.transaction .list li.measure .dan-list > p,.transaction .list li.sourcing_sku .dan-list > p, .product-properties .place-list > p,
.product-properties .place-list2 > p,.product-skus .place-list > p,
.product-skus .place-list2 > p {
    padding: 0px 18px 0px 14px;
    line-height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.logistics-information ul li .able-pieces > p:hover,
.logistics-information ul li .able-month > p:hover, .transaction .list .way > li .usd-box > p:hover,
.transaction .list .way > li .piece-fob > p:hover, .transaction .list li.measure .dan-list > p:hover,.transaction .list li.sourcing_sku .dan-list > p:hover,
.product-properties .place-list > p:hover, .product-properties .place-list2:hover,
.product-skus .place-list > p:hover, .product-skus .place-list2:hover  {
    background-color: #e9e9e9;
    color: #333;
}

.logistics-information ul li .able-pieces > p > i, .logistics-information ul li .able-month > p > i,
.transaction .list .way > li .usd-box > p > i, .transaction .list .way > li .piece-fob > p > i,
.transaction .list li.measure .dan-list > p > i,.transaction .list li.sourcing_sku .dan-list > p > i, .product-properties .place-list > p > i,
.product-properties .place-list2 > p > i,.product-skus .place-list > p > i,
.product-skus .place-list2 > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 9;
    top: 12px;
    right: 6px;
}

.logistics-information ul li .able-pieces .select-box,
.logistics-information ul li .able-month .select-box, .transaction .list .way > li .usd-box .select-box,
.transaction .list .way > li .piece-fob .select-box, .transaction .list li.measure .dan-list .select-box,.transaction .list li.sourcing_sku .dan-list .select-box,
.product-properties .place-list .select-box, .product-properties .place-list2 .select-box,
.product-skus .place-list .select-box, .product-skus .place-list2 .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
    max-height: 250px;
    overflow: auto;
}

.logistics-information ul li .able-pieces .select-box p,
.logistics-information ul li .able-month .select-box p, .transaction .list .way > li .usd-box .select-box p,
.transaction .list .way > li .piece-fob .select-box p, .transaction .list li.measure .dan-list .select-box p,.transaction .list li.sourcing_sku .dan-list .select-box p,
.product-properties .place-list .select-box p, .product-properties .place-list2 .select-box p,
.product-skus .place-list .select-box p, .product-skus .place-list2 .select-box p {
    font-size: 12px;
    padding: 5px 18px 5px 14px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.logistics-information ul li .able-pieces .select-box p:hover,
.logistics-information ul li .able-month .select-box p:hover,
.transaction .list .way > li .usd-box .select-box p:hover, .transaction .list .way > li .piece-fob .select-box p:hover,
.transaction .list li.measure .dan-list .select-box p:hover,.transaction .list li.sourcing_sku .dan-list .select-box p:hover,
.product-properties .place-list .select-box p:hover,
.product-properties .place-list2 .select-box p:hover,
.product-skus .place-list .select-box p:hover,
.product-skus .place-list2 .select-box p:hover {
    background-color: #f5f5f5;
}

.product-skus .place-list .select-box p>span>i{
	float:left;
	display:block;
	padding: 1px;
    border: 1px solid #ccc;
    margin-right: 4px;
    margin-top:4px;
    width:10px;
    height:10px;
}

.logistics-information ul li .able-pieces .select-box.show,
.logistics-information ul li .able-month .select-box.show, .transaction .list .way > li .usd-box .select-box.show,
.transaction .list .way > li .piece-fob .select-box.show, .transaction .list li.measure .dan-list .select-box.show,.transaction .list li.sourcing_sku .dan-list .select-box.show,
.product-properties .place-list .select-box.show, .product-properties .place-list2 .select-box.show,
.product-skus .place-list .select-box.show, .product-skus .place-list2 .select-box.show {
    display: block;
}

.product-properties .place-list .input-search,.product-skus .place-list .input-search {
    position: relative;
    width: 100%;
    padding: 10px 0px;
}

.product-properties .place-list .input-search input,.product-skus .place-list .input-search input {
    display: block;
    width: 92%;
    height: 14px;
    padding: 5px 0px 5px 0px;
    border: 1px solid #dbdbdb;
    margin: 0 auto;
}

.product-properties .place-list .input-search em,.product-skus .place-list .input-search em {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 6px;
    top: 11px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.logistics-information ul li .per {
    display: block;
    width: 36px;
    height: 30px;
    line-height: 28px;
    position: absolute;
    top: 0px;
    left: 290px;
}

.logistics-information ul li .able-month {
    width: 108px;
    height: 28px;
    position: absolute;
    left: 322px;
    top: 0px;
}

.detail-choose-packet {
    padding-bottom: 20px;
    border-bottom: 1px dashed #dbdbdb;
}

.detail-choose-packet h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold
}

.detail-choose-packet h2 span {
    font-size: 12px;
    color: #AAA;
    padding-left: 20px;
    font-weight: 400;
}

.detail-choose-packet .list > ul > li {
    padding-top: 15px;
}

.detail-choose-packet .list > ul > li .left {
    width: 74px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.detail-choose-packet .list > ul > li .left .star {
    display: block;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    position: absolute;
    top: 10px;
    left: 15px;
}

.detail-choose-packet .list > ul > li .right {
    padding-left: 90px;
}

.detail-choose-packet .list > ul > li .packetbox {
    width: 270px;
    height: 30px;
    position: relative;
}

.detail-choose-packet .list > ul > li .packetbox > p {
    padding-left: 14px;
    line-height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.detail-choose-packet .list > ul > li .packetbox > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.detail-choose-packet .list > ul > li .packetbox > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 9;
    top: 14px;
    right: 6px;
}

.detail-choose-packet .list > ul > li .packetbox .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.detail-choose-packet .list > ul > li .packetbox .select-box.show {
    display: block;
}

.detail-choose-packet .list > ul > li .all-box {
    padding-bottom: 20px;
}

.detail-choose-packet .list > ul > li .all-box ul li {

}

.detail-choose-packet .list > ul > li .all-box ul li h3 {
    position: relative;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px;
    border-bottom: 1px dashed #dbdbdb;
}

.detail-choose-packet .list > ul > li .all-box ul li h3:hover,
.detail-choose-packet .list > ul > li .all-box ul li h4:hover,
.detail-choose-packet .list > ul > li .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.detail-choose-packet .list > ul > li .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.detail-choose-packet .list > ul > li .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.detail-choose-packet .list > ul > li .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.detail-choose-packet .list > ul > li .all-box ul li .v2 i {
    left: 12px;
}

.detail-choose-packet .list > ul > li .all-box ul li i.no {
    display: none;
}

.detail-choose-packet .list > ul > li .all-box ul li i.on {
    background-position: 0px -10px;
}

.detail-choose-packet .list > ul > li .all-box ul li .v2 {
    display: none;
}

.detail-choose-packet .list > ul > li .all-box ul li .v2.on {
    display: block;
}

.detail-choose-packet .list > ul > li .all-box ul li .v3 {
    display: none;
}

.detail-choose-packet .list > ul > li .all-box ul li .v3.on {
    display: block;
}

.preview-detail {
    padding-bottom: 20px; /*border-bottom: 1px dashed #dbdbdb;*/
}

.preview-detail h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold;
}

.preview-detail h2 span {
    font-size: 12px;
    color: #AAA;
    padding-left: 20px;
    font-weight: 400;
}

.preview-detail ul li {
    padding-top: 15px;
}

.preview-detail ul li .left {
    width: 74px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.preview-detail ul li .left .star {
    display: block;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    position: absolute;
    top: 10px;
    left: 15px;
}

.preview-detail ul li .right {
    padding-left: 90px;
}

.preview-detail .preview-detail-box {
    width: 750px;
    height: 550px;
    overflow: auto;
}

.preview-detail .preview-detail-box table tr td {
    border: 1px solid #EEE;
    padding: 6px;
}

.product-detail-box .pro-description {
    padding-bottom: 20px; /*border-bottom: 1px dashed #dbdbdb;*/
}

.product-detail-box .pro-description h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold;
}

.product-detail-box .pro-description h2 span {
    font-size: 12px;
    color: #AAA;
    padding-left: 20px;
    font-weight: 400;
}

.product-detail-box .pro-description .tbox ul li {
    padding-top: 15px;
}

.product-detail-box .pro-description ul li span select{
	height: 28px;
    border: 1px solid #CCC;
    -webkit-border-radius: 4px;
    vertical-align: top;
    width: 230px;
}
.product-detail-box .pro-description ul li span input.tedit{
	height: 14px;
    padding: 6px 0px;
    border: 1px solid #CCC;
    text-indent: 10px;
    display: inline-block;
    width: 230px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: top;
}

.product-detail-box .pro-description ul li span button{
	text-decoration: underline;
	color: blue;
    border: 1px solid #CCC;
    display: inline-block;
    -webkit-border-radius: 4px;
    background-color: white;
}

.product-detail-box .pro-description ul li .left {
    width: 74px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
}

.product-detail-box .pro-description ul li .left .star {
    display: block;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    position: absolute;
    top: 10px;
    left: 15px;
}

.product-detail-box .pro-description ul li .right {
    padding-left: 90px;
}

.product-detail-box .pro-description ul li .right .edit-banner{
	border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 30px;
}

.product-detail-box .pro-description ul li .right .edit-banner h3{
	font-size: 14px;
    color: #333;
    padding-bottom: 10px;
}

.product-detail-box .pro-description ul li .right .edit-banner .choose {
    position: relative;
}

.product-detail-box .pro-description ul li .right .edit-banner input[type='text'] {
	vertical-align:top;
    width: 250px;
    height: 16px;
    padding: 3px;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 16px;
}

.product-detail-box .pro-description ul li .right .edit-banner select {
    height: 24px;
    vertical-align:top;
    border: 1px solid #CCC;
    /* border-radius: 4px; */
    -webkit-border-radius: 4px;
    margin-bottom: 13px;
}

.product-detail-box .pro-description ul li .right .edit-banner .choose {
    position: relative;
}

.product-detail-box .pro-description ul li .right .edit-banner .upload {
    width: 82px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

.product-detail-box .pro-description ul li .right .edit-banner .upload span {
    display: block;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-detail-box .pro-description ul li .right .edit-banner .upload:hover span {
    background-color: #439cbd;
    color: #FFF;
}

.product-detail-box .pro-description .preview-detail-box {
    width: 750px;
    height: 400px;
}

.product-detail-box .pro-description ul li .right .mcecontent {
    width: 750px;
    position: relative;
}

.product-detail-box .pro-description ul li .right .mcecontent .mcecontent-list {
    width: 180px;
    height: 600px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    right: -202px;
    top: 34px;
    padding: 10px;
    overflow-y: auto;
}

.product-detail-box .pro-description ul li .right .mcecontent .mcecontent-list h3 {
    font-size: 14px;
    padding-bottom: 12px;
}

.product-detail-box .pro-description ul li .right .mcecontent .mcecontent-list .mceHeadUserTrigger {
    margin-bottom: 10px;
}

.product-detail-box .pro-description ul li .right .mcecontent .mcecontent-list .select-tem {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
}
/*详情修改*/
.product-detail-box.product-detail-edit .pro-description .list>ul>li{padding-top: 30px;border-top:1px dashed #CCC;margin-bottom: 40px;}
.product-detail-box.product-detail-edit .pro-description .list>ul>li:first-child{border-top: none;}
.product-detail-box.product-detail-edit .pro-description .list>ul>li label{font-size: 14px;}
.product-detail-box.product-detail-edit .pro-description .list>ul>li .imgli ul li{position: relative;padding-top: 0px;margin:10px 0px 30px 0px;overflow: hidden;}
.product-detail-box.product-detail-edit .pro-description .list>ul>li .imgli ul li .img{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;position: relative;}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.img-box .right>a{display: block;color:#439cbd;font-weight: bold;padding: 8px 0px 20px 0px;width:100px;}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit .right>a{display: block;color:#439cbd;font-weight: bold;padding: 8px 0px 20px 0px;width:100px;}
.product-detail-box.product-detail-edit .pro-description .list>ul>li .imgli ul li>span{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 90px;
   height:30px;
   text-align: center;
   line-height: 30px;
   border: 1px solid #dcdcdc;
   color:#666;
   /*cursor: pointer;*/
   border-radius: 4px;
   vertical-align: top;
   -webkit-border-radius:4px;
    /*-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;*/
    margin:0 6px;
    font-size: 14px;
    vertical-align: middle;
    margin:0 10px;
}

.product-detail-box.product-detail-edit .pro-description .list>ul>li .imgli ul li .old_img a{
	display: block;
    width: 16px;
    height: 12px;
    background: url(../images/view.png) no-repeat top center;
    position: absolute;
    z-index: 40;
    right: 2px;
    top: 2px;
}
.product-detail-box.product-detail-edit .pro-description .upload-select {
    height: 26px;
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: middle;
    position:relative;
    margin-left: 10px;
}

.product-detail-box.product-detail-edit .pro-description .upload {
    width: 82px;
    height: 26px;
    cursor: pointer;  
    position: absolute;
    left:0px;
    top:0px;
}

.product-detail-box.product-detail-edit .pro-description .upload span {
    display: block;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-detail-box.product-detail-edit .pro-description .upload:hover span {
    background-color: #439cbd;
    color: #FFF;
}

.product-detail-box.product-detail-edit .pro-description .upload input {
    display: block;
    width: 80px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-detail-box.product-detail-edit .pro-description .upload-select p.t2 {
    padding-left: 106px;
    line-height: 28px;
    width: 200px;
}

.product-detail-box.product-detail-edit .pro-description .upload-select p.t2 a {
    color: #439cbd;
    padding-right: 20px;
    font-weight: bold;
}

.product-detail-box.product-detail-edit .pro-description .upload-select p.t2 a:hover {
    text-decoration: underline;
}


.product-detail-box.product-detail-edit .pro-description ul li.img-box ul li.w1 img {
    width: 100%;
    height: auto !important;
}

.product-detail-box.product-detail-edit .pro-description ul li.img-box ul li.w2 img {
    width: auto;
    height: 100px !important;
}

.product-detail-box.product-detail-edit .pro-description ul li.img-box ul li .checkbox {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid #54a9ca;
}

.product-detail-box.product-detail-edit .pro-description ul li.img-box ul li.on .checkbox {
    background-position: 0px -10px;
}

.product-detail-box.product-detail-edit .pro-description ul li.img-box ul li .checkbox input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit ul li{
    position: relative;
    width: 90%;
    max-width: 1000px;
    padding-top: 0px;
    margin-bottom: 20px;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit ul li input[type='text']{
    height:14px;padding: 8px 0px;
    border:1px solid #CCC;
    text-indent: 10px;
    display: inline-block;
    width: 43%;
    font-size: 14px;
    border-radius: 4px;
   -webkit-border-radius:4px;
   vertical-align: top;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit ul li span{
   display: inline-block;width: 9%;
   height:30px;
   text-align: center;
   line-height: 30px;
   border: 1px solid #dcdcdc;
   color:#666;
   margin: 0 6px;
   right:0px;top:0px;
   cursor: pointer;
   border-radius: 4px;
   -webkit-border-radius:4px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit ul li span:hover{
    background-color: #54abca;
    color:#FFF;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit ul li a{
    line-height: 30px;
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 43%;
    font-size: 13px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.text-edit .tbox ul li,.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit .tbox ul li{
    position: relative;
    width: 90%;
    max-width: 1000px;
    padding-top: 0px;
    margin-bottom: 20px;
    font-size: 0;
    -webkit-text-size-adjust: none;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.text-edit .tbox ul li input[type='text'],.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit .tbox ul li input[type='text']{
   height:14px;padding: 8px 0px;
    border:1px solid #CCC;
    text-indent: 10px;
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 43%;
    font-size: 14px;
    border-radius: 4px;
   -webkit-border-radius:4px;
   vertical-align: top;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.text-edit .tbox ul li span,.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit .tbox ul li span{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 90px;
   height:30px;
   text-align: center;
   line-height: 30px;
   border: 1px solid #dcdcdc;
   color:#666;
   /*cursor: pointer;*/
   border-radius: 4px;
   vertical-align: top;
   -webkit-border-radius:4px;
    /*-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;*/
    margin:0 6px;
    font-size: 14px;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.text-edit .tbox ul li span:hover,.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit .tbox ul li span:hover{/*
    background-color: #54abca;
    color:#FFF;*/
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.text-edit .tbox ul li i,.product-detail-box.product-detail-edit .pro-description .list>ul>li.img-box .tbox ul li i{
     display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    right:0px;
    top:50%;
    margin-top: -7px;
    background: url(../images/close.png) no-repeat 0px 0px;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.img-box .tbox ul li i{
	display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    right:678px;
    top:50%;
    margin-top: -7px;
    background: url(../images/close.png) no-repeat 0px 0px;
}
.product-detail-box.product-detail-edit .pro-description .list>ul>li.a-edit .tbox ul li i{
	display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top:50%;
    margin-top: -7px;
    background: url(../images/close.png) no-repeat 0px 0px;
}
.product-detail-box.product-detail-edit .pro-description .list .add-text{
   display: inline-block;
    *display: inline;
    *zoom:1;
    width: 90px;
   height:30px;
   text-align: center;
   line-height: 30px;
   border: 1px solid #dcdcdc;
   color:#666;
   cursor: pointer;
   border-radius: 4px;
   vertical-align: top;
   -webkit-border-radius:4px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.product-detail-box.product-detail-edit .pro-description .list .add-text:hover{
    background-color: #54abca;
    color:#FFF;
}

/*已发布产品列表*/
.list-box .serach-box .search {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 320px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.list-box .serach-box .search:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.list-box .serach-box {
    height: 28px;
    margin: 18px 0px 14px 0px;
    position: relative;
}

.list-box .serach-box .input {
    width: 200px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.list-box .serach-box input {
    display: block;
    width: 168px;
    height: 26px;
    line-height: 26px;
    text-indent: 12px;
}

.list-box .serach-box .input span {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.list-box .serach-box .ser-select {
    width: 100px;
    height: 28px;
    position: absolute;
    left: 210px;
    top: 0px;
}

.list-box .serach-box .ser-select .set {
    width: 130px;
    height: 37px;
    background: url(../images/ser-set-left.png) no-repeat top center;
    position: absolute;
    left: 50%;
    margin-left: 45px;
    top: 0px;
    display: none;
}

.list-box .serach-box .ser-select .set p {
    text-align: center;
    color: #FFF;
    line-height: 30px;
    position: relative;
}

.list-box .serach-box .ser-select > p {
    padding-left: 16px;
    line-height: 28px;
    background-color: #54abca;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    cursor: pointer;
}

.list-box .serach-box .ser-select p i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #FFF;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 16px;
}

.list-box .serach-box .clear,.serach-box .exportrankinfo {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 310px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.list-box .serach-box .clear:hover, .list-box .serach-box .exportrankinfo:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.list-box .multistage-select {
    height: 24px;
    margin-bottom: 18px;
    position: relative;
    display: none;
}

.list-box .multistage-select.show {
    display: block;
}

.list-box .status {
    width: 120px;
    height: 24px;
    position: relative;
}

.content-box .qiansanye {
    width: 176px;
    height: 24px;
    position: relative;
}

.list-box .display {
    width: 150px;
    height: 24px;
    position: relative;
    left: 750px;
    top: -24px;
}

.list-box .focus {
    width: 130px;
    height: 24px;
    position: relative;
    left: 862px;
    top: -48px;
}

.list-box .smart {
    width: 130px;
    height: 24px;
    position: relative;
    left: 1000px;
    top: -72px;
}


.list-box .type {
    width: 140px;
    height: 24px;
    position: relative;
    left: 1002px;
    top: -72px;
}

.list-box .tag {
    width: 140px;
    height: 24px;
    position: relative;
    left: 1092px;
    top: -96px;
}

.list-box .banner {
    width: 140px;
    height: 24px;
    position: relative;
    left: 1150px;
    top: -72px;
}

.list-box .status > p,.list-box .group > p,.list-box .display > p,.list-box .p4p > p, .list-box .category > p,.content-box .qiansanye>p {
    padding-left: 14px;
    line-height: 22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.list-box .lang > p{
	padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.list-box .status > p:hover,.list-box .group > p:hover,.list-box .display > p:hover,.list-box .p4p > p:hover,.list-box .lang > p:hover, .list-box .category > p:hover,.content-box .qiansanye > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.list-box .status > p > i,.list-box .group > p > i,.list-box .display > p > i,.list-box .p4p > p > i,.list-box .lang > p > i, .list-box .category > p > i ,.content-box .qiansanye > p > i{
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 6px;
}

.list-box .status .select-box,.list-box .group .select-box,.list-box .display .select-box,.list-box .p4p .select-box,.list-box .lang .select-box, .list-box .category .select-box ,.content-box .qiansanye .select-box{
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.list-box .status .select-box p,.list-box .group .select-box p,.list-box .display .select-box p,.list-box .p4p .select-box p, .list-box .category .select-box p ,.content-box .qiansanye .select-box p{
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}
.list-box .lang .select-box p{
	font-size: 12px;
	line-height: 25px;
    padding: 5px 0px 5px 40px;
    cursor: pointer;
}

.list-box .status .select-box p:hover,.list-box .group .select-group-box p:hover,.list-box .display .select-box p:hover,.list-box .p4p .select-box p:hover,.list-box .lang .select-box p:hover, .list-box .category .select-box p:hover , .content-box .qiansanye .select-box p:hover{
    background-color: #f5f5f5;
}

.list-box .status .select-box.show,.list-box .group .select-group-box.show,.list-box .display .select-box.show,.list-box .p4p .select-box.show,.list-box .lang .select-box.show, .list-box .category .select-box.show ,.content-box .qiansanye .select-box.show{
    display: block;
}

.list-box .lang > p span {
    width: 90%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-box .category {
    width: 176px;
    height: 24px;
    position: absolute;
    left: 130px;
    top: 0px;
}

.list-box .display {
    width: 150px;
    height: 24px;
    position: relative;
    left: 1010px;
    top: -24px;
}

.list-box .serach-box .p4p {
    width: 150px;
    height: 24px;
    position: relative;
    left: 1170px;
    top: -52px;
}

.list-box .des {
    width: 132px;
    height: 24px;
    position: absolute;
    left: 184px;
    top: 0px;
}

.list-box .group {
    width: 220px;
    height: 30px;
    position: absolute;
    left: 376px;
    top: 0px;
}

.list-box .serach-box .lang {
    width: 200px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.list-box .group > p {
    padding-left: 14px;
    line-height: 22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.list-box .group > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.list-box .group > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 6px;
}

.list-box .group .select-group-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.list-box .group .select-group-box.show {
    display: block;
}

.list-box .all-box {
    padding-bottom: 20px;
}

.list-box .all-box ul li {

}

.list-box .all-box ul li h3 {
    position: relative;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px;
    border-bottom: 1px dashed #dbdbdb;
}

.list-box .all-box ul li h3:hover, .list-box .all-box ul li h4:hover,
.list-box .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.list-box .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.list-box .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.list-box .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.list-box .all-box ul li .v2 i {
    left: 12px;
}

.list-box .all-box ul li i.no {
    display: none;
}

.list-box .all-box ul li i.on {
    background-position: 0px -10px;
}

.list-box .all-box ul li .v2 {
    display: none;
}

.list-box .all-box ul li .v2.on {
    display: block;
}

.list-box .all-box ul li .v3 {
    display: none;
}

.list-box .all-box ul li .v3.on {
    display: block;
}

/*产品列表*/
.products-list {
    padding: 85px 0px 5px 0px;
}

.products-list .list-box {
    margin-left: 205px;
    padding: 0 20px;
}

.products-list .products-serach-box {
    height: 28px;
    margin: 18px 0px 14px 0px;
    position: relative;
}

.products-list .panel p span {
    width: 100px;
    text-align: center;
}

.products-list .panel p span {
    display: inline-block;
    line-height: 24px;
    margin-right: 20px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
}

.products-list .panel p span:hover {
    background-color: #54abca;
    color: #FFF;
}

.products-list .products-serach-box .input {
    width: 200px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.products-list .products-serach-box input {
    display: block;
    width: 168px;
    height: 26px;
    line-height: 26px;
    text-indent: 12px;
}

.products-list .products-serach-box .input span {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.products-list .products-serach-box .ser-select {
    width: 100px;
    height: 28px;
    position: absolute;
    left: 210px;
    top: 0px;
}

.products-list .products-serach-box .ser-select {
    width: 100px;
    height: 28px;
    position: absolute;
    left: 210px;
    top: 0px;
}

.products-list .products-serach-box .ser-select > p {
    padding-left: 16px;
    line-height: 28px;
    background-color: #54abca;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    cursor: pointer;
}

.products-list .products-serach-box .ser-select p i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #FFF;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 16px;
}

.products-list .products-serach-box .clear {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 320px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.products-list .products-serach-box .clear:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.products-list .multistage-select {
    height: 24px;
    margin-bottom: 18px;
    position: relative;
    display: none;
}

.products-list .multistage-select.show {
    display: block;
}

.products-list .status {
    width: 176px;
    height: 24px;
    position: relative;
}

.products-list .status > p, .products-list .category > p,.products-list .type > p {
    padding-left: 14px;
    line-height: 22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.products-list .status > p:hover, .products-list .category > p:hover,.products-list .type > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.products-list .status > p > i, .products-list .category > p > i,.products-list .type > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 6px;
}

.products-list .status .select-box, .products-list .category .select-box, .products-list .type .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.products-list .status .select-box p, .products-list .category .select-box p, .products-list .type .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.products-list .status .select-box p:hover, .products-list .category .select-box p:hover, .products-list .type .select-box p:hover {
    background-color: #f5f5f5;
}

.products-list .status .select-box.show, .products-list .category .select-box.show, .products-list .type .select-box.show {
    display: block;
}

.products-list .category {
    width: 176px;
    height: 24px;
    position: absolute;
    left: 188px;
    top: 0px;
}

.products-list .des {
    width: 132px;
    height: 24px;
    position: absolute;
    left: 184px;
    top: 0px;
}

.products-list .group {
    width: 200px;
    height: 30px;
    position: absolute;
    left: 376px;
    top: 0px;
}

.products-list .type {
    width: 180px;
    height: 30px;
    position: absolute;
    left: 590px;
    top: 0px;
}

.products-list .group > p {
    padding-left: 14px;
    line-height: 22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.products-list .group > p > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
}

.products-list .group > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.products-list .group > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 6px;
}

.products-list .group .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.products-list .group .select-box.show {
    display: block;
}


.products-list .all-box {
    padding-bottom: 20px;
}

.products-list .all-box ul li {

}

.products-list .all-box ul li h3 {
    position: relative;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px;
    border-bottom: 1px dashed #dbdbdb;
}

.products-list .all-box ul li h3:hover, .products-list .all-box ul li h4:hover,
.products-list .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.products-list .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.products-list .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.products-list .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.products-list .all-box ul li .v2 i {
    left: 12px;
}

.products-list .all-box ul li i.no {
    display: none;
}

.products-list .all-box ul li i.on {
    background-position: 0px -10px;
}

.products-list .all-box ul li .v2 {
    display: none;
}

.products-list .all-box ul li .v2.on {
    display: block;
}

.products-list .all-box ul li .v3 {
    display: none;
}

.products-list .all-box ul li .v3.on {
    display: block;
}

.panel-box {
    height: 26px;
    position: relative;
    margin-bottom:6px;
}
.panel-box .add-button {
    width: 100px;
    height: 26px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #54abca;
    cursor: pointer;
}
.panel-box .add-button p {
    line-height: 24px;
    color: #FFF;
    font-size: 12px;
    padding-left: 46px;
}
.panel-box .add-button i {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat top center;
    position: absolute;
    left: 20px;
    top: 7px;
}

.panel-box .set1-button {
    width: 100px;
    height: 26px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #54abca;
    cursor: pointer;
}

.panel-box .set1-button p {
    line-height: 24px;
    color: #FFF;
    font-size: 12px;
    padding-left: 15px;
}

.panel-box .update-button {
    width: 120px;
    height: 26px;
    position: absolute;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #54abca;
    cursor: pointer;
    top: 0px;
    left: 110px;
}

.panel-box .update-button p {
    line-height: 24px;
    color: #FFF;
    font-size: 12px;
    padding-left: 34px;
}

.panel-box .update-button i {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/edit-02.png) no-repeat top center;
    position: absolute;
    left: 12px;
    top: 7px;
}

.panel-box .export-button {
    width: 120px;
    height: 26px;
    position: absolute;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #54abca;
    cursor: pointer;
    top: 0px;
    left: 110px;
}

.panel-box .export-button p {
    line-height: 24px;
    color: #FFF;
    font-size: 12px;
    padding-left: 34px;
}

.panel-box .export-button i {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/export.png) no-repeat top center;
    position: absolute;
    left: 12px;
    top: 7px;
}

.panel-box .update-group-submit {
    width: 500px;
    height: 26px;
    position: absolute;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    top: 0px;
    left: 250px;
    display: none;
}

.panel-box .update-group-submit.show {
    display: block;
}

.panel-box .update-group-submit .submit-button {
    width: 80px;
    height: 26px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #54abca;
    cursor: pointer;
    top: -46px;
    left: 240px;
}

.panel-box .update-group-submit .submit-button:hover {
    background-color: #f28207;
    color: #FFF;
}

.panel-box .update-group-submit .submit-button p {
    line-height: 24px;
    color: #FFF;
    font-size: 12px;
    padding-left: 26px;
}

.panel-box .update-group-submit .packets-list {
    width: 226px;
    height: 30px;
    position: relative;
    margin-bottom: 18px;
}

.panel-box .update-group-submit .packets-list > p {
    padding-left: 14px;
    line-height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-box .update-group-submit .packets-list > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.panel-box .update-group-submit .packets-list > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 14px;
    right: 6px;
}

.panel-box .update-group-submit .packets-list .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.panel-box .update-group-submit .packets-list .select-box.show {
    display: block;
}

.panel-box .update-group-submit .all-box {
    padding-bottom: 20px;
}

.panel-box .update-group-submit .all-box ul li {

}

.panel-box .update-group-submit .all-box ul li h3 {
    position: relative;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px;
    border-bottom: 1px dashed #dbdbdb;
}

.packets-list .select-box .all-box li.v1 span,.packets-list .select-box .all-box div.v2 span,.packets-list .select-box .all-box div.v3 p{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-box .update-group-submit .all-box ul li h3:hover, .panel-box .update-group-submit .all-box ul li h4:hover,
.panel-box .update-group-submit .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.panel-box .update-group-submit .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.panel-box .update-group-submit .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.panel-box .update-group-submit .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.panel-box .update-group-submit .all-box ul li .v2 i {
    left: 12px;
}

.panel-box .update-group-submit .all-box ul li i.no {
    display: none;
}

.panel-box .update-group-submit .all-box ul li i.on {
    background-position: 0px -10px;
}

.panel-box .update-group-submit .all-box ul li .v2 {
    display: none;
}

.panel-box .update-group-submit .all-box ul li .v2.on {
    display: block;
}

.panel-box .update-group-submit .all-box ul li .v3 {
    display: none;
}

.panel-box .update-group-submit .all-box ul li .v3.on {
    display: block;
}

.panel-box .button {
    width: 148px;
    height: 24px;
    position: absolute;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.panel-box .button p {
    padding-left: 36px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.panel-box .button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat top center;
    position: absolute;
    left: 15px;
    top: 7px;
}

.panel-box .edit-button {
    width: 148px;
    height: 24px;
    position: absolute;
    left: 110px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.panel-box .edit-button p {
    padding-left: 36px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.panel-box .edit-button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat top center;
    position: absolute;
    left: 15px;
    top: 7px;
}

/* .datagrid_table_edit i {
	display: block;
	width: 10px;
	height: 13px;
	background: url(../images/edit.png) no-repeat top center;
	position: relative;
	left: 15px;
	top: 7px;
} */
.key-a {
    display: inline;
}

.key-i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat top center;
    vertical-align: bottom;
    margin-left: 10px;
    cursor: pointer;
}

.key-s{
	display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 13px;
    background: url(../images/search3.png) no-repeat top center;
    vertical-align: bottom;
    margin-left: 10px;
    cursor: pointer;
}
/*
 *批量修改分组按钮
 *
 */
.panel-box .set-button {
    width: 148px;
    height: 24px;
    position: absolute;
    left: 110px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.panel-box .set-button p {
    padding-left: 36px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.panel-box .set-button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat top center;
    position: absolute;
    left: 15px;
    top: 7px;
}

.panel-box .attr-button {
    width: 148px;
    height: 24px;
    position: absolute;
    left: 110px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.panel-box .attr-button p {
    padding-left: 15px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.panel-box .attr-button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat top center;
    position: absolute;
    left: 15px;
    top: 7px;
}


.popup{position: fixed;top: 0;right: 0;bottom: 0;left: 0; background-color: rgba(0,0,0,.1);z-index:999;display:none;}
.popup .popup-box{width: 700px;height: 620px;position: absolute;top: 50%;left: 50%;margin: -300px 0 0 -340px;background-color: #fff;border-radius: 10px;overflow: hidden;padding: 20px;box-sizing: border-box;}
.popup .popup-box .title{font-size: 18px;color: #333;line-height: 20px;position: relative;margin-bottom: 20px;}
.popup .popup-box .title .close{display: block;width: 20px;height: 20px;position: absolute;top: 0; right: 0;cursor: pointer; background: url(../images/icon-close.png) center center no-repeat;background-size: 100%;}
.popup .popup-box .main-box{width: 100%;overflow-y: auto;height: 485px;margin-bottom: 20px;padding-top: 20px;}
.popup .popup-box .main-box p{font-size: 14px;line-height: 16px;color: #000;font-weight: 200;margin-bottom: 15px;}
.popup .popup-box .main-box .tab{padding-bottom: 10px;}
.popup .popup-box .main-box .tab ul li{padding:  0 10px;line-height: 28px;font-size: 12px;float: left;color: #777;cursor: pointer;border-bottom: 2px solid #fff;}
.popup .popup-box .main-box .tab ul li.on,.popup .popup-box .main-box .tab ul li:hover{color: #1047f5;border-bottom-color: #1047f5;}
.popup .popup-box .main-box .tab-item{width: 100%;clear: both;}
.popup .popup-box .main-box .tab-item .item{display: none;}
.popup .popup-box .main-box .tab-item .item.on{display: block;}
.popup .popup-box .main-box .tab-item .item li{float: left;width: 25%;margin-bottom: 10px;}
.popup .popup-box .main-box .tab-item .item li label{display: block;font-size: 12px;line-height: 16px; color: #777;padding: 0 5px 0 20px;position: relative;cursor: pointer;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup .popup-box .main-box .tab-item .item li label input[type='checkbox']{display: inline-block;position: absolute;left: 0;top: 0;margin: 0 5px 3px 0;}
.popup .popup-box .main-box .tab-item .item li label input[type='checkbox']::before{content: "";display: block;width: 16px;height: 16px;position: absolute;top: 0; left: 0;box-sizing: border-box;border: 1px solid #ddd;border-radius: 3px;background-color: #fff;}
.popup .popup-box .main-box .tab-item .item li label input[type='checkbox']:checked:before{content: "√";text-align: center;line-height: 16px;font-size: 12px; border-color: #1047f5;color: #1047f5;}
.popup .popup-box .btn a{display: inline-block;width: 75px;height: 28px;line-height: 28px;border-radius: 28px;text-align: center;border: 1px solid #ccc;font-size: 12px;box-sizing: border-box;margin-right: 10px;}
.popup .popup-box .btn a:first-child{background-color: #1047f5;color: #fff;border-color: #1047f5;}

/* 产品上、下架 */
.panel-box .shelves-button, .panel-box .soldOut-button {
    width: 90px;
    height: 24px;
    position: absolute;
    left: 110px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.panel-box .shelves-button p, .panel-box .soldOut-button p {
    padding-left: 36px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.panel-box .shelves-button i, .panel-box .soldOut-button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat top center;
    position: absolute;
    left: 15px;
    top: 7px;
}

.panel-box .del-button {
    width: 88px;
    height: 24px;
    position: absolute;
    left: 270px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.panel-box .del-button p {
    padding-left: 44px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.panel-box .del-button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/del.png) no-repeat top center;
    position: absolute;
    left: 18px;
    top: 7px;
}

.panel-box .check-button {
    width: 88px;
    height: 24px;
    position: absolute;
    left: 270px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.panel-box .check-button p {
    padding-left: 15px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.panel-box .check-button i {
    display: block;
    width: 10px;
    height: 13px;
    position: absolute;
    left: 18px;
    top: 7px;
}

.panel-box .release-button {
    width: 88px;
    height: 24px;
    position: absolute;
    left: 807px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    background-color: #f57f0e;
}

.panel-box .release-button p {
    padding-left: 24px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    line-height: 24px;
}

.panel-box .copy-button {
    width: 120px;
    height: 24px;
    position: absolute;
    left: 775px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    background-color: #f57f0e;
}

.panel-box .copy-button p {
    padding-left: 6px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    line-height: 24px;
}

.panel-box .release-button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/fabu.png) no-repeat top center;
    position: absolute;
    left: 18px;
    top: 7px;
}

.products-list .table-cpanl {
    position: relative;
}

.products-list .datagrid-cell .table-cpanl {
    overflow: visible;
}

.products-list .table-cpanl a {
    display: block;
    width: 70%;
    padding-left: 14px;
    color: #54abca;
}

.products-list .table-cpanl a.edit {
    background: url(../images/edit.png) no-repeat left center;
}

.products-list .table-cpanl a.del {
    background: url(../images/del.png) no-repeat left center;
}

.products-list .table-cpanl a.copy {
    background: url(../images/copy.png) no-repeat left center;
}

.products-list .table-cpanl i {
    width: 40px;
    height: 18px;
    position: absolute;
    z-index: 20;
    top: 0px;
    right: 8px;
    cursor: pointer;
    background: url(../images/down.png) no-repeat 14px 6px;
}

.products-list .table-cpanl .del-copy {
    display: none;
    width: 100%;
    position: absolute;
    top: 18px;
    left: 0px;
    padding-top: 2px;
}

.products-list .table-cpanl .del-copy.show {
    display: block;
}

.products-list .table-cpanl .del-copy a {
    margin-bottom: 2px;
}

.products-list table tr td .w1 .middle {
    *position: absolute;
    *top: 50%;
    vertical-align: middle;
}

.products-list table tr td .w1 .middle .linner {
    *position: relative;
    *top: -50%;
    text-align: center;
}

.products-list table tr td .w1 img {
    width: 78px;
    height: auto !important;
}

.products-list table tr td .w2 img {
    width: auto;
    height: 78px !important;
    display: block;
    margin: 0 auto;
}

/*图片管理*/
.product-pictures-box, .product-key-box {
    padding-top: 146px;
}

.product-pictures-box .edit-save-close, .product-key-box .edit-save-close {
    width: 100%;
    height: 54px;
    background-color: #FFF;
    border-bottom: 1px solid #dcdcdc;
    position: fixed;
    z-index: 80;
    left: 0px;
    top: 92px;
}

.product-key-box .edit-save-close p {
    padding: 15px 0px 0px 225px;
}

.product-pictures-box .edit-save-close span.save, .product-key-box .edit-save-close span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 24px;
    margin-right: 20px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
}

.product-pictures-box .edit-save-close span i, .product-key-box .edit-save-close span i {
    display: block;
    position: absolute;
}

.product-pictures-box .edit-save-close span.add, .product-key-box .edit-save-close span.add {
    width: 100px;
    height: 24px;
    text-indent: 47px;
    background-color: #439bb9;
    color: #FFF;
}

.product-pictures-box .edit-save-close span.add i, .product-key-box .edit-save-close span.add i {
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat top center;
    left: 22px;
    top: 6px;
}

.product-pictures-box .edit-save-close span.edit, .product-key-box .edit-save-close span.edit {
    width: 80px;
    height: 22px;
    line-height: 22px;
    text-indent: 37px;
}

.product-pictures-box .edit-save-close span.edit i, .product-key-box .edit-save-close span.edit i {
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat 0px 0px;
    left: 16px;
    top: 5px;
}

.product-pictures-box .edit-save-close span.del, .product-key-box .edit-save-close span.del {
    width: 86px;
    height: 22px;
    line-height: 22px;
    text-indent: 37px;
}

.product-pictures-box .edit-save-close span.del i, .product-key-box .edit-save-close span.del i {
    width: 10px;
    height: 13px;
    background: url(../images/del.png) no-repeat 0px 0px;
    left: 16px;
    top: 5px;
}

.product-key-box .edit-save-close span.save, .product-key-box .edit-save-close span.cancel {
    width: 82px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.product-pictures-box .edit-save-close span.save:hover, .product-key-box .edit-save-close span:hover {
    background-color: #54abca;
    color: #FFF;
}

.product-key-box .edit-save-close span.save {
    background-color: #439cbd;
    color: #FFF;
    border-color: #439cbd;
}

.product-pictures-box .edit-save-close span.save {
    width: 86px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    left: 648px;
    top: 15px;
    background-color: #54abca;
    color: #ffffff;
    font-weight: bold;
}

.product-pictures-box .group {
    width: 200px;
    height: 30px;
    position: absolute;
    left: 225px;
    top: 14px;
}

.product-pictures-box .group > p {
    padding-left: 14px;
    line-height: 27px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.product-pictures-box .group > p > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
}

.product-pictures-box .group > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.product-pictures-box .group > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 6px;
}

.product-pictures-box .group .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.product-pictures-box .group .select-box.show {
    display: block;
}

.product-pictures-box .all-box {
    padding-bottom: 20px;
}

.product-pictures-box .all-box ul li {

}

.product-pictures-box .all-box ul li h3 {
    position: relative;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px;
    border-bottom: 1px dashed #dbdbdb;
}

.product-pictures-box .all-box ul li h3:hover, .products-list .all-box ul li h4:hover,
.products-list .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.product-pictures-box .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.product-pictures-box .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.product-pictures-box .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.product-pictures-box .all-box ul li .v2 i {
    left: 12px;
}

.product-pictures-box .all-box ul li i.no {
    display: none;
}

.product-pictures-box .all-box ul li i.on {
    background-position: 0px -10px;
}

.product-pictures-box .all-box ul li .v2 {
    display: none;
}

.product-pictures-box .all-box ul li .v2.on {
    display: block;
}

.product-pictures-box .all-box ul li .v3 {
    display: none;
}

.product-pictures-box .all-box ul li .v3.on {
    display: block;
}

.product-pictures-box .edit-save-close .pictures-panel {
    padding: 15px 0px 0px 225px;
    position: relative;
}

.product-pictures-box .edit-save-close .pictures-panel .input {
    width: 200px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: absolute;
    left: 435px;
    top: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-pictures-box .edit-save-close .pictures-panel input {
    display: block;
    width: 168px;
    height: 26px;
    left: 100px;
    line-height: 26px;
    text-indent: 12px;
}

.product-pictures-box .edit-save-close .input em {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.product-pictures-box .mobel-box, .product-key-box .mobel-box {
    width: 202px;
    height: 88%;
    background-color: #FFF;
    position: fixed;
    z-index: 20;
    left: 205px;
    top: 146px;
    overflow: auto;
    background: url(../images/line.jpg) repeat-y top right;
}

.product-pictures-box .mobel-box .div1, .product-key-box .mobel-box .div1 {
    padding-bottom: 50px;
}

.product-pictures-box .mobel-box ul, .product-key-box .mobel-box ul {
    padding: 20px;
}

.product-pictures-box .mobel-box ul li, .product-key-box .mobel-box ul li {
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.product-pictures-box .mobel-box ul li a, .product-key-box .mobel-box ul li a {
    display: block;
    font-size: 12px;
    color: #333;
    padding: 6px 0px;
}

.product-pictures-box .mobel-box ul li i, .product-key-box .mobel-box ul li i {
    width: 12px;
    height: 18px;
    background: url(../images/triangle.png) no-repeat top center;
    position: absolute;
    z-index: 20;
    top: 4px;
    right: -21px;
    display: none;
}

.product-pictures-box .mobel-box ul li.active a, .product-pictures-box .mobel-box ul li a:hover,
.product-key-box .mobel-box ul li.active a, .product-key-box .mobel-box ul li a:hover {
    color: #439bbd;
}

.product-pictures-box .mobel-box ul li.active i, .product-key-box .mobel-box ul li.active i {
    display: block;
}

.product-pictures-box .product-pictures, .product-key-box .product-key {
    margin-left: 407px;
    padding: 0 20px 100px 20px;
}

.choose-product-key {
    margin-left: 205px;
    padding: 0 20px 100px 20px;
}

.choose-product-key .serach-box {
    height: 28px;
    position: relative;
    margin-bottom: 20px;
}

.choose-product-key .serach-box .input {
    width: 300px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.choose-product-key .serach-box .input input {
    display: block;
    width: 94%;
    height: 26px;
    line-height: 26px;
    text-indent: 12px;
}

.choose-product-key .serach-box .input span {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.choose-product-key .serach-box .ser-select {
    width: 130px;
    height: 28px;
    position: absolute;
    left: 322px;
    top: 0px;
}

.choose-product-key .serach-box .ser-select > p {
    padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.choose-product-key .serach-box .ser-select > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.choose-product-key .serach-box .ser-select > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
}

.choose-product-key .serach-box .ser-select .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.choose-product-key .serach-box .ser-select .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.choose-product-key .serach-box .ser-select .select-box p:hover {
    background-color: #f5f5f5;
}

.choose-product-key .serach-box .ser-select .select-box.show {
    display: block;
}

/*主图管理*/
.product-pictures-box .main-img {
    border-bottom: 1px dashed #dbdbdb;
    padding-bottom: 20px;
}

.product-pictures-box .main-img h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold;
}

.product-pictures-box .main-img .choose {
    position: relative;
}

.product-pictures-box .main-img .upload {
    width: 82px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

.product-pictures-box .main-img .upload span {
    display: block;
    width: 90px;
    height: 24px;
    text-align: center;
    line-height: 28px;
    color: #439cbd;
    font-weight:bold;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-pictures-box .main-img .upload input {
    display: block;
    width: 80px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-pictures-box .main-img .choose p {
    padding-left: 98px;
    line-height: 28px;
}

.product-pictures-box .main-img .choose p input[type='text'] {
    border: 1px solid #dbdbdb;
    width: 60px;
    height: 26px;
    -webkit-border-radius: 4px;
    line-height: 26px;
}

.product-pictures-box .main-img .choose p a {
    color: #439cbd;
    padding-right: 20px;
    font-weight: bold;
}

.product-pictures-box .main-img .choose p a:hover {
    text-decoration: underline;
}

.product-pictures-box .main-img .need {
    padding: 10px 0px 16px 0px;
    line-height: 16px;
    color: #AAA;
}

.product-pictures-box .main-img .need span {
    color: #f67f0b;
}

.product-pictures-box .main-img .max6 {
    width: 518px;
    position: relative;
    background-color: #fff1ee;
    border: 1px solid #dcdcdc;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 3px 0px;
    display: none;
}

.product-pictures-box .main-img .max6 p {
    line-height: 24px;
    padding-left: 38px;
}

.product-pictures-box .main-img .max6 i {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/close.png) no-repeat top center;
    position: absolute;
    left: 10px;
    top: 7px;
}

.product-pictures-box .main-img .img-list {
    /*height:80px;overflow: hidden;*/
    margin-top: 10px;
    width: 1240px;
}

.product-pictures-box .main-img .img-list ul li {
    width: 78px;
    height: 78px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    border: 0.5px solid #dcdcdc;
    float: left;
    margin: 0px 8px 6px 0px;
    background: url(//u.alicdn.com/simg/sprites/env/productposting/uploader-bg.png) no-repeat -1px 0px;
    display: table;
    position: relative;
}

.product-pictures-box .main-img .img-list ul li .middle {
    *position: absolute;
    *top: 50%;
    vertical-align: middle;
    display: table-cell;
}

.product-pictures-box .main-img .img-list ul li .middle .linner {
    *position: relative;
    *top: -50%;
    text-align: center;
}

.product-pictures-box .main-img .img-list ul li.w1 img {
    width: 100%;
    height: 78px !important;
    cursor: pointer;
    box-sizing: border-box;
}

.product-pictures-box .main-img .img-list ul li.w2 img {
    width: auto;
    height: 78px !important;
    cursor: pointer;
    box-sizing: border-box;
}

.product-pictures-box .main-img .img-list ul li > a {
    display: block;
    width: 16px;
    height: 12px;
    background: url(../images/view.png) no-repeat top center;
    position: absolute;
    z-index: 40;
    right: 2px;
    top: 2px;
}

.product-pictures-box .main-img .img-list ul li > i {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    top: 42px;
    display: none;
}

.product-pictures-box .img-list ul li > i.bg_1 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-01.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .img-list ul li > i.bg_2 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-02.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .img-list ul li > i.bg_3 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-03.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .img-list ul li > i.bg_4 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-04.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .img-list ul li > i.bg_5 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-05.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .img-list ul li > i.bg_6 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-06.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .img-list ul li > i.bg_7 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-07.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .img-list ul li > i.bg_8 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-08.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .img-list ul li > i.bg_9 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-09.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .img-list ul li > i.bg_10 {
    width: 36px;
    height: 36px;
    background: url(../images/zhutu-10.png) no-repeat left top;
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    display: block;
}

.product-pictures-box .main-img .img-list ul li.on > i {
    display: block;
}

.product-pictures-box .main-img .img-list ul li .panel {
    width: 30px;
    height: 22px;
    position: absolute;
    z-index: 40;
    right: 0px;
    top: 0px;
    display: none;
}

.product-pictures-box .main-img .img-list ul li .panel em {
    display: block;
    width: 28px;
    height: 20px;
    background-color: #FFF;
    background-image: url(../images/xiala.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 1px solid #f67f0b;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-pictures-box .main-img .img-list ul li .panel .panel-list {
    width: 110px;
    padding: 6px 0px;
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 21px;
    border: 1px solid #f67f0b;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: none;
}

.product-pictures-box .main-img .img-list ul li .panel .panel-list p {
    line-height: 20px;
    font-size: 12px;
    color: #666;
    text-align: right;
    cursor: pointer;
    padding: 0px 4px;
}

.product-pictures-box .main-img .img-list ul li .panel .panel-list p:hover {
    background-color: #439cbd;
    color: #FFF;
}

.product-pictures-box .main-img .img-list ul li .panel .panel-list.show {
    display: block;
}

.product-pictures-box .main-img .img-list ul li:hover .panel.show,
.basic-information .list > ul > li .right .img-list ul li:hover .panel.show {
    display: block;
}

.product-pictures-box .main-img .img-list ul li .checkbox {
    display: none;
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid #54a9ca;
}

.product-pictures-box .main-img .img-list ul li .checkbox.show {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid #54a9ca;
}

.product-pictures-box .main-img .img-list ul li .checkbox.show.on {
    background-position: 0px -10px;
}

.product-pictures-box .main-img .img-list ul li .checkbox input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.product-pictures-box .main-img .check {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: relative;
    margin-top: 4px;
    display: none;
}

.product-pictures-box .main-img .check input {
    display: block;
    width: 10px;
    height: 12px;
    height: 12px;
    position: absolute;
    left: -1px;
    top: -1px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-pictures-box .main-img .check label {
    display: block;
    width: 140px;
    position: absolute;
    left: 0px;
    top: -2px;
    cursor: pointer;
    padding-left: 20px;
}

.product-pictures-box .main-img .check.on {
    background-position: 0px -10px;
}

.product-pictures-box .main-img .watermark-list {
    width: 374px;
    padding: 14px;
    border: 1px dashed #dbdbdb;
    margin-top: 20px;
    display: none;
}

.product-pictures-box .main-img .watermark-list.show {
    display: block;
}

.product-pictures-box .main-img .watermark-list > div {
    height: 20px;
    position: relative;
    line-height: 20px;
    margin-bottom: 12px;
}

.product-pictures-box .main-img .watermark-list > div div {
    width: 106px;
    height: 20px;
    position: absolute;
    top: 0px;
}

.product-pictures-box .main-img .watermark-list > div .border {
    left: 100px;
}

.product-pictures-box .main-img .watermark-list > div .border-no {
    left: 240px;
}

.product-pictures-box .main-img .watermark-list > div i {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/radio-icon.png) 0px 0px;
    margin-top: 2px;
}

.product-pictures-box .main-img .watermark-list > div span, .product-pictures-box .detail-img .watermark-list > div span {
    display: block;
    width: 16px !important;
    height: 16px;
    background: url(../images/prompt.png) no-repeat top center;
    position: absolute;
    left: 72px;
    top: 4px;
}

.product-pictures-box .main-img .watermark-list > div .border.on i,
.product-pictures-box .main-img .watermark-list > div .border-no.on i {
    background-position: 0px -16px;
}

.product-pictures-box .main-img .watermark-list > div input[type='radio'] {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 2px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.product-pictures-box .main-img .watermark-list > div .watermark_text {
    width: 250px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: absolute;
    left: 100px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-pictures-box .main-img .watermark-list > div input[type='text'] {
    display: block;
    width: 250px;
    height: 26px;
    left: 100px;
    line-height: 26px;
    text-indent: 12px;
}

.product-pictures-box .main-img .watermark-list > div label {
    padding-left: 20px;
    position: absolute;
    z-index: 8;
    left: 0px;
    top: 0px;
    color: #666;
    cursor: pointer;
}

.product-pictures-box .main-img .watermark-list > div div {
    width: 106px;
    height: 20px;
    position: absolute;
    top: 0px;
}

.product-pictures-box .main-img .watermark-list > div a {
    color: #439cbd;
    padding-right: 20px;
    font-weight: bold;
}

/*产品详情图*/

.product-pictures-box .detail-img .check {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: relative;
    margin-top: 2px;
    display: none;
}

.product-pictures-box .detail-img .check input {
    display: block;
    width: 10px;
    height: 12px;
    height: 12px;
    position: absolute;
    left: -1px;
    top: -1px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-pictures-box .detail-img .check label {
    display: block;
    width: 140px;
    position: absolute;
    left: 0px;
    top: -2px;
    cursor: pointer;
    padding-left: 20px;
}

.product-pictures-box .detail-img .check.on {
    background-position: 0px -10px;
}

.product-pictures-box .detail-img .watermark-list {
    width: 374px;
    padding: 14px;
    border: 1px dashed #dbdbdb;
    margin-top: 20px;
    display: none;
}

.product-pictures-box .detail-img .watermark-list.show {
    display: block;
}

.product-pictures-box .detail-img .watermark-list > div {
    height: 20px;
    position: relative;
    line-height: 20px;
    margin-bottom: 12px;
}

.product-pictures-box .detail-img .watermark-list > div div {
    width: 106px;
    height: 20px;
    position: absolute;
    top: 0px;
}

.product-pictures-box .detail-img .watermark-list > div .border {
    left: 100px;
}

.product-pictures-box .detail-img .watermark-list > div .border-no {
    left: 240px;
}

.product-pictures-box .detail-img .watermark-list > div i {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/radio-icon.png) 0px 0px;
    margin-top: 2px;
}

.product-pictures-box .detail-img .watermark-list > div .border.on i,
.product-pictures-box .detail-img .watermark-list > div .border-no.on i {
    background-position: 0px -16px;
}

.product-pictures-box .detail-img .watermark-list > div input[type='radio'] {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 2px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.product-pictures-box .detail-img .watermark-list > div .watermark_text {
    width: 250px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: absolute;
    left: 100px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-pictures-box .detail-img .watermark-list > div input[type='text'] {
    display: block;
    width: 250px;
    height: 26px;
    left: 100px;
    line-height: 26px;
    text-indent: 12px;
}

.product-pictures-box .detail-img .watermark-list > div a {
    color: #439cbd;
    padding-right: 20px;
    font-weight: bold;
}

.product-pictures-box .detail-img .watermark-list > div label {
    padding-left: 20px;
    position: absolute;
    z-index: 8;
    left: 0px;
    top: 0px;
    color: #666;
    cursor: pointer;
}

.product-pictures-box .detail-img h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold;
}

.product-pictures-box .detail-img .choose {
    position: relative;
}

.product-pictures-box .detail-img .upload {
    width: 82px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

.product-pictures-box .detail-img .upload span {
    display: block;
    width: 90px;
    height: 24px;
    text-align: center;
    line-height: 28px;
    color: #439cbd;
    font-weight:bold;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-pictures-box .detail-img .upload input {
    display: block;
    width: 80px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-pictures-box .detail-img .choose p {
    padding-left: 98px;
    line-height: 28px;
}

.product-pictures-box .detail-img .choose p a {
    color: #439cbd;
    padding-right: 20px;
    font-weight: bold;
}

.product-pictures-box .detail-img .choose p a:hover {
    text-decoration: underline;
}

.product-pictures-box .detail-img .need {
    padding: 10px 0px 16px 0px;
    line-height: 16px;
    color: #AAA;
}

.product-pictures-box .detail-img .max6 {
    width: 518px;
    position: relative;
    background-color: #fff1ee;
    border: 1px solid #dcdcdc;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 3px 0px;
    display: none;
}

.product-pictures-box .detail-img .max6 p {
    line-height: 24px;
    padding-left: 38px;
}

.product-pictures-box .detail-img .max6 i {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/close.png) no-repeat top center;
    position: absolute;
    left: 10px;
    top: 7px;
}

.product-pictures-box .detail-img .img-list {
    width: 880px;
    margin-top: 10px;
}

.product-pictures-box .detail-img .img-list ul li {
    width: 78px;
    height: 78px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    border: 1px solid #dcdcdc;
    float: left;
    margin: 0px 8px 8px 0px;
    background: url(//u.alicdn.com/simg/sprites/env/productposting/uploader-bg.png) no-repeat -1px 0px;
    display: table;
    position: relative;
}

.product-pictures-box .detail-img .img-list ul li > a {
    display: block;
    width: 16px;
    height: 12px;
    background: url(../images/view.png) no-repeat top center;
    position: absolute;
    z-index: 40;
    right: 2px;
    top: 2px;
}

.product-pictures-box .detail-img .img-list ul li .middle {
    *position: absolute;
    *top: 50%;
    vertical-align: middle;
    display: table-cell;
}

.product-pictures-box .detail-img .img-list ul li .middle .linner {
    *position: relative;
    *top: -50%;
    text-align: center;
}

.product-pictures-box .detail-img .img-list ul li.w1 img {
    width: 100%;
    height: 78px !important;
    cursor: pointer;
}

.product-pictures-box .detail-img .img-list ul li.w2 img {
    width: auto;
    height: 78px !important;
    cursor: pointer;
}

.product-pictures-box .detail-img .need span {
    color: #f67f0b;
}

.product-pictures-box .detail-img .img-list ul li .checkbox {
    display: none;
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid #54a9ca;
}

.product-pictures-box .detail-img .img-list ul li .checkbox.show {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid #54a9ca;
}

.product-pictures-box .detail-img .img-list ul li .show_order p {
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
}

.product-pictures-box .detail-img .img-list ul li .show_order {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 60px;
    top: 4px;
}

.product-pictures-box .detail-img .img-list ul li .checkbox.show.on {
    background-position: 0px -10px;
}

.product-pictures-box .detail-img .img-list ul li .checkbox input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

/*.product-pictures-box .detail-img .img-list ul li em{width:15px;height:15px;background: url(../images/close.png) no-repeat top center;position: absolute;left:50%;margin-left: -8px;bottom:-17px;cursor: pointer;display: none;}*/

.product-pictures-box .detail-img .img-list ul li .panel {
    width: 30px;
    height: 22px;
    position: absolute;
    z-index: 40;
    right: 0px;
    top: 0px;
    display: none;
}

.product-pictures-box .detail-img .img-list ul li .panel em {
    display: block;
    width: 28px;
    height: 20px;
    background-color: #FFF;
    background-image: url(../images/xiala.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 1px solid #f67f0b;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-pictures-box .detail-img .img-list ul li .panel .panel-list {
    width: 56px;
    padding: 6px 0px;
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 21px;
    border: 1px solid #f67f0b;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: none;
}

.product-pictures-box .detail-img .img-list ul li .panel .panel-list p {
    line-height: 20px;
    font-size: 12px;
    color: #666;
    text-align: right;
    cursor: pointer;
    padding: 0px 4px;
}

.product-pictures-box .detail-img .img-list ul li .panel .panel-list p:hover {
    background-color: #439cbd;
    color: #FFF;
}

.product-pictures-box .detail-img .img-list ul li .panel .panel-list.show {
    display: block;
}

.product-pictures-box .detail-img .img-list ul li:hover .panel.show,
.basic-information .list > ul > li .right .img-list ul li:hover .panel.show {
    display: block;
}

/*关键词管理*/
.empty-box {
    padding-top: 20px;
}

/*产品模板管理*/
.product-template-box {
    padding-top: 146px;
}

.product-template-box .edit-save-close {
    width: 100%;
    height: 54px;
    background-color: #FFF;
    border-bottom: 1px solid #dcdcdc;
    position: fixed;
    z-index: 80;
    left: 0px;
    top: 92px;
}

.product-template-box .edit-save-close p {
    padding: 15px 0px 0px 225px;
}

.product-template-box .edit-save-close p.shrink {
    padding-left: 30px;
}

.product-template-box .edit-save-close span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 24px;
    margin-right: 20px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
}

.product-template-box .edit-save-close span i {
    display: block;
    position: absolute;
}

.product-template-box .edit-save-close span.add {
    width: 100px;
    height: 24px;
    text-indent: 36px;
    background-color: #439bb9;
    color: #FFF;
}

.product-template-box .edit-save-close span.add i {
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat top center;
    left: 16px;
    top: 6px;
}

.product-template-box .edit-save-close span.del {
    width: 86px;
    height: 22px;
    line-height: 22px;
    text-indent: 37px;
}

.product-template-box .edit-save-close span.del i {
    width: 10px;
    height: 13px;
    background: url(../images/del.png) no-repeat 0px 0px;
    left: 16px;
    top: 5px;
}

.product-template-box .edit-save-close span.save {
    width: 82px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.product-template-box .edit-save-close span:hover {
    background-color: #54abca;
    color: #FFF;
}

.product-template-box .mobel-box {
    width: 202px;
    height: 88%;
    background-color: #FFF;
    position: fixed;
    z-index: 20;
    left: 205px;
    top: 146px;
    overflow: auto;
    background: url(../images/line.jpg) repeat-y top right;
}

.product-template-box .mobel-box .div1 {
    padding-bottom: 50px;
}

.product-template-box .mobel-box ul {
    padding: 20px;
}

/*.product-template-box .mobel-box ul li{position: relative;border-bottom: 1px solid #dcdcdc;}
.product-template-box .mobel-box ul li a{display: block;font-size: 12px;color:#333;padding:6px 4px 6px 28px;}
.product-template-box .mobel-box ul li i{width:12px;height:18px;background: url(../images/triangle.png) no-repeat top center;position:absolute;z-index:20; top:4px;right:-21px;display: none;}
.product-template-box .mobel-box ul li.active a,.product-template-box .mobel-box ul li a:hover{color:#439bbd;}
.product-template-box .mobel-box ul li em{display: block;width: 10px;height:10px;background: url(../images/table-icon.png) no-repeat 0px 0px;position: absolute;left:0px;top:9px;}
.product-template-box .mobel-box ul li.active em{background-position: 0px -10px;}
.product-template-box .mobel-box ul li.active i{display: block;}*/
.product-template-box .mobel-box ul li {
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.product-template-box .mobel-box ul li p {
    display: block;
    font-size: 12px;
    padding: 6px 0px;
    color: #666;
}

.product-template-box .mobel-box ul li i {
    width: 12px;
    height: 18px;
    background: url(../images/triangle.png) no-repeat top center;
    position: absolute;
    z-index: 20;
    top: 4px;
    right: -21px;
    display: none;
}

.product-template-box .mobel-box ul li p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.product-template-box .mobel-box ul li p span.text {
    width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 2px 0px 0px 2px;
}

.product-template-box .mobel-box ul li p span.text input {
    display: block;
    width: 98.4%;
    border: 1px solid #FFF;
}

.product-template-box .mobel-box ul li p span.text input:readonly {
    background-color: #FFF;
}

.product-template-box .mobel-box ul li p span.text input.edit {
    border-color: #54abca;
}

.product-template-box .mobel-box ul li:hover p, .product-template-box .mobel-box ul li.active p,
.product-template-box .mobel-box ul li.active p input {
    color: #439bbd;
}

.product-template-box .mobel-box ul li.active i {
    display: block;
}

.product-template-box .mobel-box ul li .caozuo {
    width: 28px;
    height: 13px;
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    display: none;
}

.product-template-box .mobel-box ul li .caozuo span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 13px;
    cursor: pointer;
}

.product-template-box .mobel-box ul li .caozuo span {
    background: url(../images/edit.png) no-repeat top center;
    margin-right: 8px;
}

.product-template-box .mobel-box ul li .caozuo span.del {
    background: url(../images/del.png) no-repeat top center;
}

.product-template-box .mobel-box ul li:hover .caozuo {
    display: block;
}

.product-template-box .product-template, .product-template-box .product-template-about {
    margin-left: 407px;
    padding: 0 20px 100px 20px;
}

.product-template-box .product-template h2, .product-template-box .product-template-about h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 35px 0px;
    font-weight: bold;
}

.product-template-box .product-template h2 span {
    color: #AAA;
    padding-left: 28px;
    font-size: 12px;
    font-weight: 400;
}

.product-template-box .product-template .edit-list {
    padding: 20px 0px;
}

.product-template-box .product-template .edit-list ul li {
    width: 104px;
    float: left;
    height: 16px;
    position: relative;
    cursor: pointer;
}

.product-template-box .product-template .edit-list ul li p {
    padding-left: 18px;
    font-size: 14px;
    color: #444;
}

.product-template-box .product-template .edit-list ul li i {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 2px;
    background: url(../images/radio-icon.png) no-repeat 0px 0px;
}

.product-template-box .product-template .edit-list ul li.on i {
    background-position: 0px -16px;
}

.product-template-box .product-template .edit-text > ul > li {
    display: none;
}

.product-template-box .product-template .edit-text > ul > li.show {
    display: block;
}

.product-template-box .product-template-about .left {
    width: 66.43%;
    float: left;
}

.product-template-box .product-template-about .right {
    width: 32.34%;
    float: right;
    height: auto;
    font-size: 0;
    -webkit-text-size-adjust: none;
    overflow: hidden;
}

.product-template-box .product-template-about ul {
    width: 102%;
}

.product-template-box .product-template-about ul li {
    float: left;
    width: 48%;
    height: auto;
    font-size: 0;
    -webkit-text-size-adjust: none;
    overflow: hidden;
    margin: 0 2% 2% 0;
}

.product-template-box .product-template-about ul li img,
.product-template-box .product-template-about .right img {
    display: block;
    *display: inline;
    height: auto !important;
    max-width: 100%;
    padding: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100% !important;
}

.product-template-box .product-template-about ul li img:hover,
.product-template-box .product-template-about .right img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.menu-box > em {
    display: none;
    width: 19px;
    height: 30px;
    background-color: red;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    background: url(../images/arrow-02.png) no-repeat 0px 0px;
}

.menu-box.hides {
    left: -186px;
}

.menu-box > em.show {
    display: block;
}

.menu-box > em.on {
    right: 0px;
    background-position: 0px -30px;
}

.product-template-box .product-template-edit {
    padding: 0 20px 100px 20px;
    margin-left: 205px;
}

.product-template-box .product-template-edit.newwin {
    margin-left: 10px;
}

.product-template-box .product-template-edit .edit-h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 20px 0px;
    font-weight: bold;
}

.product-template-box .product-template-edit .edit-h2 span {
    color: #AAA;
    padding-left: 28px;
    font-size: 12px;
    font-weight: 400;
}

.product-template-box .product-template-edit .list > ul > li {
    padding-bottom: 16px;
}

.product-template-box .product-template-edit .addbox2 .list select {
    height: 24px;
    vertical-align: top;
    border: 1px solid #CCC;
    /* border-radius: 4px; */
    -webkit-border-radius: 4px;
    margin-bottom: 13px;
}

.product-template-box .product-template-edit .list > ul > li .left {
    width: 75px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
    overflow: hidden;
    /* 	white-space: nowrap;
	text-overflow: ellipsis; */
    top: 16px;
}

.product-template-box .product-template-edit .list > ul > li.new-url .left {
    top: 0px;
}

.product-template-box .product-template-edit .list > ul > li .left .star {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    vertical-align: top;
    margin: 4px 2px 0px 0px;
}

.product-template-box .product-template-edit .list > ul > li .left .star {
    margin: 10px 2px 0px 0px;
}

.product-template-box .product-template-edit .list > ul > li .right .star {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 6px;
    height: 4px;
    background: url(../images/star.png) no-repeat top center;
    vertical-align: top;
    margin: 4px 2px 0px 0px;
}

.product-template-box .product-template-edit .list > ul > li .right .star {
    margin: 8px 4px 0px 4px;
}

.product-template-box .product-template-edit .list > ul > li .right {
    padding-left: 80px;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group {
    position: relative;
    width: 255px;

}

.product-template-box .product-template-edit .list > ul > li .right .select-group .select-button {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
    cursor: pointer;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .select-box.show {
    display: block;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box {
    padding-bottom: 20px;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li {

}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li h3 {
    position: relative;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px;
    border-bottom: 1px dashed #dbdbdb;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li h3:hover,
.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li h4:hover,
.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li .v2 i {
    left: 12px;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li i.no {
    display: none;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li i.on {
    background-position: 0px -10px;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li .v2 {
    display: none;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li .v2.on {
    display: block;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li .v3 {
    display: none;
}

.product-template-box .product-template-edit .list > ul > li .right .select-group .all-box ul li .v3.on {
    display: block;
}

.product-template-box .product-template-edit .list > ul > li .right input[type='text'] {
    display: block;
    width: 290px;
    border: 1px solid #dcdcdc;
    height: 18px;
    padding: 5px 0px 5px 4px;
}

.product-template-box .product-template-edit .list > ul > li .right .choose {
    position: relative;
}

.product-template-box .product-template-edit .list > ul > li .right .upload {
    width: 82px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

.product-template-box .product-template-edit .list > ul > li .right .upload span {
    display: block;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-template-box .product-template-edit .list > ul > li .right .upload:hover span {
    background-color: #439cbd;
    color: #FFF;
}

.product-template-box .product-template-edit .list > ul > li .right .upload input {
    display: block;
    width: 80px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-template-box .product-template-edit .list > ul > li .right .choose p {
    padding-left: 98px;
    line-height: 28px;
}

.product-template-box .product-template-edit .list > ul > li .right .choose p a {
    color: #439cbd;
    padding-right: 20px;
    font-weight: bold;
}

.product-template-box .product-template-edit .list > ul > li .right .choose p a:hover {
    text-decoration: underline;
}

.product-template-box .product-template-edit .list > ul > li .right textarea {
    display: block;
    width: 604px;
    height: 106px;
    padding: 10px;
    border: 1px solid #dcdcdc;
}

.product-template-box .product-template-edit .img {
    margin-bottom: 20px;
    padding-left: 250px;
}

/*关键词组合*/
.keyword-combinations-box {
    padding-top: 92px;
}

.keyword-combinations-box .keyword-combinations-content {
    margin-left: 205px;
    padding: 0 20px 100px 20px;
}

.keyword-combinations-box .textarea1 {
    padding: 34px 0px 10px 0px;
}

.keyword-combinations-box .textarea1 ul li {
    width: 15.7%;
    float: left;
    margin: 0 0 0 0.8%;
    height: 248px;
}

.keyword-combinations-box .textarea1 ul li:first-child {
    margin: 0;
}

.keyword-combinations-box .textarea1 ul li.max {
    width: 32.6%;
}

.keyword-combinations-box .textarea1 ul li p {
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #555;
}

.keyword-combinations-box .textarea1 ul li textarea {
    width: 96%;
    height: 210px;
    padding: 2px 2%;
    border: 1px solid #dcdcdc;
}

.keyword-combinations-box .textarea2 {
    width: 99%;
    border: 1px solid #dcdcdc;
}

.keyword-combinations-box .textarea2 textarea {
    width: 98%;
    height: 278px;
    padding: 2px 1%;
}

.keyword-combinations-box .set-box {
    padding: 12px 0px 24px 0px;
}

.keyword-combinations-box .set-box ul li {
    width: 358px;
    float: left;
    position: relative;
    height: 24px;
    line-height: 24px;
}

.keyword-combinations-box .set-box .check {
    width: 16px;
    height: 16px;
    background: url(../images/radio-icon.png) no-repeat 0px 0px;
    margin-top: 4px;
}

.keyword-combinations-box .set-box .check input {
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.keyword-combinations-box .set-box ul li.on .check {
    background-position: 0px -16px;
}

.keyword-combinations-box .set-box label {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 24px;
    cursor: pointer;
}

.keyword-combinations-box .set-box span {
    display: block;
    width: 84px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.keyword-combinations-box .set-box span:hover {
    background-color: #53aac9;
    color: #FFF;
}

.keyword-combinations-box .set-box ul li:first-child span {
    right: 54px;
}

.keyword-combinations-box .panel-box span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 98px;
    height: 34px;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 34px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.keyword-combinations-box .panel-box span:first-child,
.keyword-combinations-box .panel-box span:hover {
    background-color: #53aac9;
    color: #FFF;
    cursor: pointer;
}

/*产品类目*/
.product-category-box {
    padding-top: 92px;
}

.product-category-box .product-category-content {
    margin-left: 205px;
    padding: 0 20px 100px 20px;
}

.product-category-box h1 {
    font-size: 18px;
    color: #666;
    padding: 18px 0px 16px 0px;
    font-weight: bold;
}

.product-category-box .latest-box {
    margin-bottom: 25px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding-bottom: 40px;
}

.product-category-box .latest-box h2 {
    font-size: 14px;
    color: #666;
    height: 42px;
    line-height: 42px;
    background-color: #f2f2f5;
    padding-left: 17px;
    font-weight: bold;
}

.product-category-box .latest-box p {
    padding: 10px 0px 10px 17px;
    font-size: 12px;
    border-bottom: 1px dashed #dcdcdc;
    cursor: pointer;
    color: #333;
}

.product-category-box .latest-box p.on {
    background-color: #54abca;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

.product-category-box .latest-box p em {
    display: inline;
    padding: 0px 10px;
    background: url(../images/category-icon.png) no-repeat center center;
}

.product-category-box .now-box {
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding-bottom: 18px;
}

.product-category-box .now-box h2 {
    font-size: 14px;
    color: #666;
    height: 42px;
    line-height: 42px;
    background-color: #f2f2f5;
    padding-left: 17px;
}

.product-category-box .now-box h2 span {
    font-weight: bold;
}

.product-category-box .now-box h2 em {
    display: inline;
    padding: 0px 10px;
    background: url(../images/category-icon.png) no-repeat center center;
}

.product-category-box .rule-box {
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding-bottom: 18px;
    padding: 17px;
    margin: 18px 0px;
}

.product-category-box .rule-box p {
    padding-bottom: 2px;
}

.product-category-box .rule-box p span {
    padding-right: 4px;
}

.product-category-box .rule-box p a {
    color: #439cbd;
    padding: 0px 4px 0px 6px;
    border-left: 1px solid #999;
    font-weight: bold;
}

.product-category-box .rule-box p a:first-child {
    border: none;
}

.product-category-box .rule-box p a:hover {
    text-decoration: underline;
}

.product-category-box .button {
    display: block;
    width: 380px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #cbcbcb;
    background-color: #f3f3f3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #cbcbcb;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.product-category-box .button.true {
    background-color: #f6800b;
    color: #FFF;
}

.product-category-box .button.true:hover {
    background-color: #54abca;
}

.product-category-box .category-list-box {
    height: 406px;
    margin: 17px;
    overflow: hidden;
}

.product-category-box .category-list-content {

}

.product-category-box .category-list-content ul li {
    width: 20%;
    width: 19% \9;
    *width: 19%;
    height: 406px;
    border: 1px solid #dbdbdb;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-highlight-color: #666;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/*---滚动条默认显示样式--*/
.product-category-box .category-list-content ul li::-webkit-scrollbar-thumb {
    background-color: #54abca;
    height: 20px;
    outline-offset: -2px;
    outline: 2px solid #fff;
    -webkit-border-radius: 4px;
    border: 2px solid #fff;
}

/*---鼠标点击滚动条显示样式--*/
.product-category-box .category-list-content ul li::-webkit-scrollbar-thumb:hover {
    background-color: #54abca;
    height: 20px;
    -webkit-border-radius: 4px;
}

/*---滚动条大小--*/
.product-category-box .category-list-content ul li::-webkit-scrollbar {
    width: 8px;
    height: 2px;
    background-color: #EEE;
}

/*---滚动框背景样式--*/
.product-category-box .category-list-content ul li::-webkit-scrollbar-track-piece {
    background-color: #EEE;
    -webkit-border-radius: 0;
}

.product-category-box .category-list-content ul li .con {
    padding: 10px 0px;
}

.product-category-box .category-list-content ul li p {
    padding: 2px 14px;
}

.product-category-box .category-list-content ul li p:hover,
.product-category-box .category-list-content ul li p.on {
    background-color: #54abca;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
}

/*产品分组管理*/
.product-packet-box {
    padding-top: 146px;
}

.product-packet-box .product-packet-content {
    margin-left: 205px;
    padding: 0 20px 100px 20px;
}

.product-packet-box .edit-save-close {
    width: 100%;
    height: 54px;
    background-color: #FFF;
    border-bottom: 1px solid #dcdcdc;
    position: fixed;
    z-index: 80;
    left: 0px;
    top: 92px;
}

.product-packet-box .edit-save-close p {
    padding: 15px 0 0 225px;
}

.product-packet-box .edit-save-close span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 24px;
    margin-right: 20px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
    vertical-align: middle;
}

.product-packet-box .edit-save-close span i {
    display: block;
    position: absolute;
}

.product-packet-box .edit-save-close span.add {
    width: 140px;
    height: 24px;
    text-indent: 47px;
    background-color: #439bb9;
    color: #FFF;
}

.product-packet-box .edit-save-close span.add i {
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat top center;
    left: 22px;
    top: 6px;
}

.product-packet-box .edit-save-close span.edit {
    width: 80px;
    height: 22px;
    line-height: 22px;
    text-indent: 37px;
}

.product-packet-box .edit-save-close span.edit i {
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat 0px 0px;
    left: 16px;
    top: 5px;
}

.product-packet-box .edit-save-close span.del {
    width: 86px;
    height: 22px;
    line-height: 22px;
    text-indent: 37px;
}

.product-packet-box .edit-save-close span.del i {
    width: 10px;
    height: 13px;
    background: url(../images/del.png) no-repeat 0px 0px;
    left: 16px;
    top: 5px;
}

.product-packet-box .edit-save-close span.save {
    width: 82px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.product-packet-box .edit-save-close span:hover {
    background-color: #54abca;
    color: #FFF;
}

.addone {
    width: 300px;
    padding: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: fixed;
    z-index: 99;
    left: 50%;
    margin-left: -170px;
    background-color: #FFF;
    display: none;
}

.addone input {
    display: block;
    width: 100%;
    height: 18px;
    padding: 6px 0px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    text-indent: 4px;
}

.addone p {
    padding: 20px 0px 10px 0px;
    text-align: center;
}

.addone p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-indent: center;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    margin-right: 12px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.addone p span:first-child {
    background-color: #439cbd;
    color: #FFF;
}

.addone p span:hover {
    background-color: #54abca;
    color: #FFF;
}

.addone.show {
    display: block;
}

.product-packet-content .title {
    border: 1px solid #dcdcdc;
    height: 42px;
    margin-top: 30px;
}

.product-packet-content .title .left {
    height: 42px;
    width: 39px;
    border-right: 1px solid #dcdcdc;
    float: left;
}

.product-packet-content .title .right {
    height: 42px;
    padding-left: 82px;
}

.product-packet-content .title .right p {
    line-height: 42px;
    font-weight: bold;
}

.product-packet-content .list {
    border: 1px solid #dcdcdc;
    border-top: none;
    min-height: 30px;
    position: relative;
}

.product-packet-content .list .left {
    width: 39px;
    height: 30px;
    border-right: 1px solid #dcdcdc;
    float: left;
    position: relative;
    z-index: 80;
    cursor: pointer;
}

.product-packet-content .list .left i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) no-repeat 0px 0px;
    margin: 10px auto;
}

.product-packet-content .list .left i.on {
    background-position: 0px -10px;
}

.product-packet-content .list .left input {
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-packet-content .list .right {
    min-height: 30px;
    padding-left: 82px;
    position: relative;
}

.product-packet-content .list .right p {
    height: 30px;
    line-height: 29px;
    position: relative;
    font-size: 12px;
    color: #666;
    width: 408px;
}

.product-packet-content .list .right p em {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: -23px;
    top: 50%;
    margin-top: -5px;
    cursor: pointer;
}

.product-packet-content .packet-v2 .list .right p em {
    left: -10px;
}

.product-packet-content .list .right p em.active {
    background-position: 0px -10px;
}

.product-packet-content .list .right p.no em {
    display: none;
}

.product-packet-content .list .right p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.product-packet-content .list .right p span.text {
    max-width: 288px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-packet-content .list .right p i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 1px;
    padding-right: 25px;
    background: url(../images/line.jpg) repeat-x left center;
    margin-right: 4px;
}

.product-packet-content .packet-v3 .list .right p i {
    padding-right: 60px;
}

.product-packet-content .list .right span.add {
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #54a9ca;
    position: absolute;
    top: 0px;
    left: 608px;
    cursor: pointer;
    font-family: "Microsoft YaHei Regular", "微软雅黑", Arial;
    font-size: 13px;
}

.product-packet-content .list .right span.edit {
    width: 55px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #54a9ca;
    position: absolute;
    top: 0px;
    left: 548px;
    cursor: pointer;
    font-family: "Microsoft YaHei Regular", "微软雅黑", Arial;
    font-size: 13px;
}

.product-packet-content .list .right span.add.no {
    display: none;
}

.product-packet-content .packet-v2, .product-packet-content .packet-v3 {
    display: none;
}

.product-packet-content .packet-v2.show, .product-packet-content .packet-v3.show {
    display: block;
}

.product-packet-content .list .right .addboxs {
    padding-bottom: 4px;
}

.product-packet-content .list .right .addboxs span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.product-packet-content .list .right .addboxs span input {
    display: block;
    width: 196px;
    height: 18px;
    padding: 4px 4px;
    border: 1px solid #dbdbdb;
}

.product-packet-content .list .right .addboxs span.addtrue,
.product-packet-content .list .right .addboxs span.addcpanl {
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #dbdbdb;
    margin-left: 8px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-packet-content .list .right .addboxs span.addtrue {
    background-color: #54abca;
    border-color: #54abca;
    color: #FFF;
}

.product-packet-content .list .right .editbox {
    width: 455px;
    position: absolute;
    left: 82px;
    top: 1px;
    z-index: 80;
    background-color: #FFF;
}

.product-packet-content .list .right .editbox span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.product-packet-content .list .right .editbox span input {
    display: block;
    width: 250px;
    height: 18px;
    padding: 4px 4px;
    border: 1px solid #dbdbdb;
    color: #666;
}

.product-packet-content .list .right .editbox span.edittrue,
.product-packet-content .list .right .editbox span.editcpanl {
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #dbdbdb;
    margin-left: 8px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-packet-content .list .right .editbox span.edittrue {
    background-color: #54abca;
    border-color: #54abca;
    color: #FFF;
}

/*问题产品管理*/
.problematic-product-box {
    padding-top: 166px;
}

.problematic-product-box .problematic-product-content {
    margin-left: 205px;
    padding: 0 20px 100px 20px;
}

.problematic-product-box .edit-save-close {
    width: 100%;
    height: 54px;
    background-color: #FFF;
    border-bottom: 1px solid #dcdcdc;
    position: fixed;
    z-index: 80;
    left: 0px;
    top: 92px;
}

.problematic-product-box .edit-save-close p {
    padding: 15px 0 0 225px;
}

.problematic-product-box .edit-save-close span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 25px;
    margin-right: 20px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
    vertical-align: middle;
}

.problematic-product-box .edit-save-close span i {
    display: block;
    position: absolute;
}

.problematic-product-box .edit-save-close span.edit {
    width: 100px;
    height: 26px;
    text-indent: 37px;
    background-color: #439bb9;
    color: #FFF;
}

.problematic-product-box .edit-save-close span.edit i {
    width: 10px;
    height: 13px;
    background: url(../images/edit-02.png) no-repeat 0px 0px;
    left: 16px;
    top: 5px;
}

.problematic-product-box .edit-save-close span.del {
    width: 100px;
    height: 26px;
    text-indent: 37px;
}

.problematic-product-box .edit-save-close span.del i {
    width: 10px;
    height: 13px;
    background: url(../images/del.png) no-repeat 0px 0px;
    left: 16px;
    top: 7px;
}

.problematic-product-box .edit-save-close span.xiajia {
    width: 88px;
    text-align: center;
}

.problematic-product-box .edit-save-close span.set {
    width: 120px;
    text-align: center;
    background-color: #f57f0a;
    color: #FFF;
    border: none;
}

.problematic-product-box .edit-save-close span:hover {
    background-color: #54abca;
    color: #FFF;
}

.problematic-product-content .table-cpanl a {
    color: #439cbd;
}

.problematic-product-content .table-cpanl a:hover {
    color: #f57f0a;
    text-decoration: underline;
}

/*数据同步*/
/*.data-synchronization-box{padding-top: 92px;}
.data-synchronization-box .data-synchronization-content{margin-left: 205px; padding: 0 20px 100px 20px;}
.data-synchronization-box .panl{padding:17px 0px;}
.data-synchronization-box .panl span{display: inline-block;*display: inline;*zoom:1;line-height:25px;margin-right: 20px;color:#666;border:1px solid #dcdcdc;border-radius: 6px;-webkit-border-radius:6px;cursor: pointer; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out; transition: all .5s ease-out;position: relative;font-size: 12px;vertical-align: middle;}
.data-synchronization-box .panl span i{display: block;position: absolute;}
.data-synchronization-box .panl span.tongbu{width:100px;height:24px;background-color: #53aac9;color:#FFF;text-indent: 47px;}
.data-synchronization-box .panl span.tongbu i{width:12px;height:13px;background: url(../images/tongbu.png) no-repeat top center;left:20px;top:5px;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out; transition: all 1s ease-out;}
.data-synchronization-box .panl span.tongbu:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.data-synchronization-box .panl span.stop{width:100px;height:24px;text-indent: 47px;}
.data-synchronization-box .panl span.stop i{width:12px;height:13px;background: url(../images/stop.png) no-repeat top center;left:20px;top:8px;}
.data-synchronization-box .panl span.backstage{width: 100px;height:24px;text-align: center;}
.data-synchronization-box .panl span:hover{background-color: #54abca;color:#FFF;}
.data-synchronization-box .synchronization-box .left{width:48.96%;float:left;border: 1px solid #dcdcdc;border-radius: 6px;-webkit-border-radius:6px;}
.data-synchronization-box .synchronization-box h2{line-height: 44px;padding:0px 17px;background-color: #f2f2f5;font-size: 14px;font-weight: bold;}
.data-synchronization-box .synchronization-box h2 span{font-weight: 400;padding-left: 14px;font-size:12px;color:#666;}
.data-synchronization-box .synchronization-box .left .text{padding: 16px 17px 13px 17px;border-bottom: 1px dashed #dcdcdc;}
.data-synchronization-box .synchronization-box .left .text h3{font-size: 14px;color:#333;font-weight: bold;padding-bottom: 12px;}
.data-synchronization-box .synchronization-box .left .base-box{position: relative;padding-bottom: 10px;}
.data-synchronization-box .synchronization-box .left .base-box>p{position: relative;line-height:30px;}
.data-synchronization-box .synchronization-box .left .base-box>p i{display: block;width:10px;height:10px;background: url(../images/table-icon.png) no-repeat 0px 0px;}
.data-synchronization-box .synchronization-box .left .base-box>p.on i{background-position: 0px -10px;}
.data-synchronization-box .synchronization-box .left .base-box>p i input{display: block;width: 10px;height: 10px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;cursor: pointer;}
.data-synchronization-box .synchronization-box .left .base-box>p label{display: block;width:96px;height:20px;line-height:20px;padding-left: 16px;position: absolute;left:0px;top:-5px;cursor: pointer;color:#666;}
.data-synchronization-box .synchronization-box .left .base-box .packet-list{width:240px;height:28px;position: absolute;left:138px;top:-13px;}
.data-synchronization-box .synchronization-box .left .base-box .packet-list>p{padding-left:14px;line-height: 28px;border-radius: 4px;-webkit-border-radius:4px;color:#333;cursor: pointer;border:1px solid #dbdbdb;}
.data-synchronization-box .synchronization-box .left .base-box .packet-list>p:hover{background-color: #e9e9e9;color:#333;}
.data-synchronization-box .synchronization-box .left .base-box .packet-list>p>i{width: 0px;height: 0px;border: 6px solid transparent;border-top-color: #9e9e9e;position: absolute;z-index: 20;top: 12px;right: 6px}
.data-synchronization-box .synchronization-box .left .base-box .packet-list .select-box{width: 100%;position: absolute;z-index:999;top:27px;left:0px;background-color: #FFF;border:1px solid #dbdbdb;border-radius:0px 0px 4px 4px;box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;display: none;}
.data-synchronization-box .synchronization-box .left .base-box .packet-list .select-box p{font-size:12px;padding:5px 0px 5px 14px;cursor: pointer;}
.data-synchronization-box .synchronization-box .left .base-box .packet-list .select-box p:hover{background-color: #f5f5f5;}
.data-synchronization-box .synchronization-box .left .base-box .packet-list .select-box.show{display: block;}

.data-synchronization-box .synchronization-box .left .detail-box>p.p1,.data-synchronization-box .synchronization-box .left .img-box>p.p1,.data-synchronization-box .synchronization-box .left .status-box>p.p1,.data-synchronization-box .synchronization-box .left .status-box>p.p3{position: relative;line-height:30px;}
.data-synchronization-box .synchronization-box .left .detail-box>p.p2,.data-synchronization-box .synchronization-box .left .img-box>p.p2,.data-synchronization-box .synchronization-box .left .status-box>p.p2{padding:10px 0px 12px 16px;color:#666;}
.data-synchronization-box .synchronization-box .left .detail-box>p.p1>i,.data-synchronization-box .synchronization-box .left .img-box>p.p1>i,.data-synchronization-box .synchronization-box .left .status-box>p.p1>i,.data-synchronization-box .synchronization-box .left .status-box>p.p3>i{display: block;width:10px;height:10px;background: url(../images/table-icon.png) no-repeat 0px 0px;}
.data-synchronization-box .synchronization-box .left .detail-box>p.p1.on i,.data-synchronization-box .synchronization-box .left .img-box>p.p1.on i,.data-synchronization-box .synchronization-box .left .status-box>p.p1.on>i,.data-synchronization-box .synchronization-box .left .status-box>p.p3.on i{background-position: 0px -10px;}
.data-synchronization-box .synchronization-box .left .detail-box>p.p1 i input,.data-synchronization-box .synchronization-box .left .img-box>p.p1 i input,.data-synchronization-box .synchronization-box .left .status-box>p.p1 i input,.data-synchronization-box .synchronization-box .left .status-box>p.p3 i input{display: block;width: 10px;height: 10px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;cursor: pointer;}
.data-synchronization-box .synchronization-box .left .detail-box>p.p1 label,.data-synchronization-box .synchronization-box .left .img-box>p.p1 label,.data-synchronization-box .synchronization-box .left .status-box>p.p1 label,.data-synchronization-box .synchronization-box .left .status-box>p.p3 label{display: block;width:120px;height:20px;line-height:20px;padding-left: 16px;position: absolute;left:0px;top:-5px;cursor: pointer;}

.data-synchronization-box .synchronization-box .progress-bar{width:96%;height:22px;border:1px solid #dcdcdc;position: relative;margin:23px auto 20px auto;}
.data-synchronization-box .synchronization-box .progress-bar i{display:block;width:0;height:24px;background: url(../images/bar-bg.png) repeat-x left top;}
.data-synchronization-box .synchronization-box .progress-bar p{width:100%;line-height: 22px;position: absolute;left:0px;top:0px;text-indent: 95%;}

.data-synchronization-box .synchronization-box .right{width:48.96%;height:549px;float:right;border: 1px solid #dcdcdc;border-radius: 6px;-webkit-border-radius:6px;}
.data-synchronization-box .synchronization-box .right .select-category{position: relative;}
.data-synchronization-box .synchronization-box .selectcat{width:240px;height:28px;position: absolute;right:2%;top:7px;}
.data-synchronization-box .synchronization-box .selectcat>p{padding-left:14px;line-height: 28px;border-radius: 4px;-webkit-border-radius:4px;color:#333;cursor: pointer;border:1px solid #dbdbdb;}
.data-synchronization-box .synchronization-box .selectcat>p:hover{background-color: #e9e9e9;color:#333;}
.data-synchronization-box .synchronization-box .selectcat>p>i{width: 0px;height: 0px;border: 6px solid transparent;border-top-color: #9e9e9e;position: absolute;z-index: 20;top: 12px;right: 6px}
.data-synchronization-box .synchronization-box .selectcat .select-box{width: 100%;position: absolute;z-index:999;top:27px;left:0px;background-color: #FFF;border:1px solid #dbdbdb;border-radius:0px 0px 4px 4px;box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;display: none;}
.data-synchronization-box .synchronization-box .selectcat .select-box p{font-size:12px;padding:5px 0px 5px 14px;cursor: pointer;}
.data-synchronization-box .synchronization-box .selectcat .select-box p:hover{background-color: #f5f5f5;}
.data-synchronization-box .synchronization-box .selectcat .select-box.show{display: block;}
.data-synchronization-box .synchronization-box .list ul li{width:16.66%;float:left;background: url(../images/line.jpg) repeat-y left top;text-align: center;height:100px;cursor: pointer;border-bottom: 1px solid #dcdcdc;}
.data-synchronization-box .synchronization-box .list ul li.on{border-color:#f67f0b;}
.data-synchronization-box .synchronization-box .list ul li:first-child{background: none;}
.data-synchronization-box .synchronization-box .list ul li .p1{font-size:14px;font-weight: bold;color:#333;padding:12px 0px 2px 0px;}
.data-synchronization-box .synchronization-box .list ul li h3{color:#429cba;font-size:24px;padding-bottom: 6px;}
.data-synchronization-box .synchronization-box .list ul li .p2{color:#f67f0b;font-size: 0;-webkit-text-size-adjust: none;}
.data-synchronization-box .synchronization-box .list ul li .p2 span{display: inline-block;*display: inline;*zoom:1;font-size:12px;}
.data-synchronization-box .synchronization-box .list ul li .p2 span:first-child{width:10px;height:12px;background: url(../images/arrow.png) no-repeat 0px 0px;margin-right: 4px;}
.data-synchronization-box .synchronization-box .list ul li .down{color:#56c7c8;font-weight: bold;}
.data-synchronization-box .synchronization-box .list ul li .down span:first-child{background-position: 0px -12px;}
.data-synchronization-box .synchronization-box .data-box{padding:16px 0px;}
.data-synchronization-box .synchronization-box .data-box img{display: block;margin:0 auto;}*/

/*---首页---*/
.data-synchronization-box-index {
    padding: 126px 20px 100px 20px;
}

.data-synchronization-box-index .new-left-box {
    width: 49%;
    float: left;
}

.data-synchronization-box-index .new-left-box .left-top {
    padding-bottom: 30px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-bottom: 20px;
}

.data-synchronization-box-index .new-left-box .left-bottom {
    padding-bottom: 30px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-bottom: 20px;
}

.data-synchronization-box-index .new-left-box .left-bottom .survey{
	border: 1px solid #dcdcdc;
    height:175px;
}

.data-synchronization-box-index .new-left-box .left-bottom .text-box {
    padding: 8px 17px 0px 17px;
}

.data-synchronization-box-index .new-left-box .left-bottom .text-box .text-left {
    width: 33%;
    float: left;
    position: relative;
}

.data-synchronization-box-index .new-left-box .left-bottom .text-box .text-mid {
    width: 33%;
    float: left;
    position: relative;
}

.data-synchronization-box-index .new-left-box .left-bottom .text-box .text-right {
    width: 33%;
    float: left;
    position: relative;
}

.data-synchronization-box-index .new-left-box .left-bottom .text-box h3 {
    font-size: 14px;
    color: #333;
    padding-bottom: 0;
}

.data-synchronization-box-index .new-left-box .left-bottom .text-box p {
    color: #666;
    line-height: 20px;
}

.data-synchronization-box-index .new-left-box .left-bottom .text-box em {
    font-style: normal;
    font-size: 36px;
    display: block;
    width: 122px;
    position: absolute;
    right: 20px;
    top: 0px;
    font-weight: 400;
    font-family: "宋体", Arial;
    text-align: right;
}

.data-synchronization-box-index .new-left-box .left-bottom .text-box .text-left em {
    color: #439bbd;
}

.data-box  h2 {
    line-height: 44px;
    padding: 0px 17px;
    background-color: #f2f2f5;
    font-size: 14px;
    font-weight: bold;
}

.data-box h2 span {
    font-weight: 400;
    padding-left: 14px;
    font-size: 12px;
    color: #666;
}

.data-box {
    width: 100%;
    min-height: 470px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-bottom: 50px;
    margin-bottom: 20px;
}

.data-box > img {
    display: block;
    margin: 140px auto;
}

.data-synchronization-box-index .left {
    float: left;
}

.data-synchronization-box-index .right {
    float: right;
}

.data-box .select-category {
    position: relative;
}

.data-synchronization-box-index .left-top .selectcat {
    width: 240px;
    height: 28px;
    position: absolute;
    right: 20%;
    top: 7px;
}

.data-box .selectcat {
    width: 240px;
    height: 28px;
    position: absolute;
    right: 2%;
    top: 7px;
}

.data-box .selectcat > p {
    padding-left: 14px;
    line-height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.data-box .selectcat > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.data-box .selectcat > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px
}

.data-box .selectcat .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
    max-height: 250px;
    overflow: auto;
}

.data-box .selectcat .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.data-box .selectcat .select-box p:hover {
    background-color: #f5f5f5;
}

.data-box .selectcat .select-box.show {
    display: block;
}

.data-box .list ul li {
    width: 16.66%;
    float: left;
    background: url(../images/line.jpg) repeat-y left top;
    text-align: center;
    height: 100px;
    cursor: pointer;
    border-bottom: 1px solid #dcdcdc;
}

.data-box .list ul li.on {
    border-color: #f67f0b;
}

.data-box .list ul li:first-child {
    background: none;
}

.data-box .list ul li .p1 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding: 12px 0px 2px 0px;
}

.data-box .list ul li h3 {
    color: #429cba;
    font-size: 24px;
    padding-bottom: 6px;
}

.data-box .list ul li .p2 {
    color: #f67f0b;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.data-box .list ul li .p2 span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
}

.data-box .list ul li .p2 span:first-child {
    width: 10px;
    height: 12px;
    background: url(../images/arrow.png) no-repeat 0px 0px;
    margin-right: 4px;
}

.data-box .list ul li .down {
    color: #56c7c8;
    font-weight: bold;
}

.data-box .list ul li .down span:first-child {
    background-position: 0px -12px;
}

.data-box .img-box {
    padding: 16px 0px;
}

.data-box .img-box img {
    display: block;
    margin: 0 auto;
    max-width: 96%;
    height: auto !important;
}

.index-right {
    width: 49%;
    float: right;
}

.index-right .meter-box {
    margin-bottom: 18px;
    height: 360px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

/* .index-right .meter-box>div{width: 48.56%;height:262px;} */
.index-right .meter-box .meter-title {
    position: relative;
}

.left-top .meter-title a {
    display: block;
    width: 96px;
    height: 17px;
    position: absolute;
    right: 2.6%;
    top: 13px;
}

.left-top .meter-title a i {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/view-more.png) no-repeat top center;
    position: absolute;
    top: 0px;
    right: 24px;
}

.left-bottom .meter-box .meter-title a {
    display: block;
    width: 96px;
    height: 17px;
    position: absolute;
    right: 2.6%;
    top: 13px;
}

.left-bottom .meter-box .meter-title a i {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/view-more.png) no-repeat top center;
    position: absolute;
    top: 0px;
    right: 24px;
}

.left-bottom .meter-box .learn-box {
    width: 94.8%;
    margin: 24px auto 0 auto;
}

.left-bottom .meter-box .learn-box > div {
    height: 205px;
}

.left-bottom .meter-box .metleft {
    float: left;
}

.left-bottom .meter-box .con {
    width: 92%;
    margin: 25px auto 0 auto;
    position: relative;
    overflow: hidden;
    height: 180px;
}

.left-bottom .meter-box .posi-box {
    position: absolute;
    left: 0px;
    top: 0px;
    /* z-index:10000; */
}

.left-bottom .meter-box .posi-box .word-info {
    margin-left: 25px;
}

.left-bottom .meter-box .metright p {
	float: left;
    color: #666;
    font-size: 12px;
    padding: 0px 0px 12px 0px;
    position: relative;
    width: 50%;
}

.left-bottom .meter-box .metright h3 {
    font-size: 40px;
    color: #333;
}

.left-bottom .meter-box .metright strong {
    color: #38aed9;
    font-size: 18px;
}

.left-bottom .shan-box {
    width: 182px;
    height: 150px;
    position: absolute;
    margin-left: 146px;
}

.left-bottom .meter-box .metright p i {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #a0a0a0;
    position: absolute;
    left: 0px;
    top: 9px;
}

.left-bottom .meter-box .metright p a span {
    color: #F00;
}

.left-bottom .meter-box .metright p:hover a {
    text-decoration: underline;
    color: #ef9944;
}

.left-bottom .meter-box .metright p:hover i {
    background-color: #ef9944;
}

.left-bottom .meter-box .metright p a {
    padding-left: 20px;
}

.left-bottom .meter-box h3 {
    font-size: 28px;
    color: #333;
}

.left-bottom .meter-box p.p1 {
    color: #666;
    font-size: 12px;
}

.left-bottom .meter-box p strong {
    font-size: 18px;
}

.left-bottom .meter-box p.p2 {
    color: #f0aa67;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 12px;
}

.left-bottom .meter-box p.p3 {
    color: #39afda;
    font-size: 18px;
    font-weight: bold;
}

.left-bottom .metright p {
    color: #666;
    font-size: 12px;
    padding-top: 12px;
}

.left-bottom .metright p strong {
    font-size: 18px;
}

.left-bottom .metright p.p5 strong {
    color: #ef9a43;
}

.index-right .me-box .me-title {
    position: relative;
}

.index-right .me-box .me-title a {
    display: block;
    width: 56px;
    height: 17px;
    position: absolute;
    right: 2.6%;
    top: 13px;
}

.index-right .me-box .me-title a i {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/view-more.png) no-repeat top center;
    position: absolute;
    top: 0px;
    right: 0px;
}

.index-right .me-box > div {
    width: 48.56%;
    height: 360px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.index-right .me-box .me {
    float: left;
}

.index-right .me-box .con {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.index-right .me-box .con.me-text-box {
    height: 315px;
}

.index-right .me-box .con p {
    color: #666;
    font-size: 12px;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.index-right .me-box .con h3 {
    font-size: 40px;
    color: #333;
}

.index-right .me-box .con strong {
    color: #38aed9;
    font-size: 18px;
}

.index-right .me-box .con p a {
    display: block;
    width: 70%;
}

.index-right .me-box .con p em {
    display: block;
    width: 56px;
    position: absolute;
    right: 0px;
    top: 12px;
    font-style: normal;
    color: #666;
}

.index-right .ad-slide-box {
    position: relative;
}

.index-right .ad-slide-box .img-box {
    *position: relative;
    overflow: hidden;
    height: auto;
}

.index-right .ad-slide-box .img-box ul {
    position: relative;
    width: 1000%;
}

.index-right .ad-slide-box .img-box ul li {
    font-size: 0;
    -webkit-text-size-adjust: none;
    float: left;
}

.index-right .ad-slide-box img {
    width: 100%; /* height: auto !important; */
}

.index-right .ad-slide-box .nav-list {
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.index-right .ad-slide-box .nav-list ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #FFF;
    margin-right: 8px;
    cursor: pointer;
}

.index-right .ad-slide-box .nav-list ul li.on {
    background-color: #f67f0b;
    border-color: #f67f0b;
}

.index-right .ad-slide-box .arrow {
    width: 19px;
    height: 35px;
    background: url(../images/activity-arrow.png) no-repeat 0px 0px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    cursor: pointer;
}

.index-right .ad-slide-box .prev {
    left: 0px;
}

.index-right .ad-slide-box .next {
    right: 0px;
    background-position: -19px 0px;
}

.index-right .activity-box {
    float: right;
}

.index-right .activity-box img {
    width: 100%; /* height: auto !important; */
}

.index-right .shan-box {
    width: 182px;
    height: 150px;
    position: absolute;
    margin-left: 146px;
}

.index-right .me-box .con p i {
    display: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #a0a0a0;
    position: absolute;
    left: 0px;
    top: 22px;
}

.index-right .me-box .con p a span {
    color: #F00;
}

.index-right .me-box .con p:hover a {
    text-decoration: underline;
    color: #ef9944;
}

.index-right .me-box .con p:hover i {
    background-color: #ef9944;
}

.index-right .me-box .con p a {
    /* padding-left: 20px; */
    /*overflow:hidden;*/
    word-wrap: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
}

.index-right .zhi {
    width: 120px;
    height: 120px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/barr-bg.png) no-repeat top center;
}

.index-right .zhi em {
    width: 44px;
    height: 9px;
    position: absolute;
    left: 10px;
    top: 54px;
    background: url(../images/zhi.png) no-repeat 0px 0px;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

/* .data-synchronization-box {
	padding: 126px 20px 100px 20px;
}

.data-synchronization-box h2 {
	line-height: 44px;
	padding: 0px 17px;
	background-color: #f2f2f5;
	font-size: 14px;
	font-weight: bold;
}

.data-synchronization-box h2 span {
	font-weight: 400;
	padding-left: 14px;
	font-size: 12px;
	color: #666;
}

.data-synchronization-box .data-box {
	width: 49%;
	float: left;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-bottom: 20px;
}

.data-synchronization-box .left {
	float: left;
}

.data-synchronization-box .left.index-data {
	width: 70%;
	margin: 0 auto;
	float: none;
}

.data-synchronization-box p.daoqi {
	width: 70%;
	margin: 0 auto;
	padding-bottom: 20px;
	color: #f67f0b;
}

.data-synchronization-box .right {
	float: right;
}

.data-synchronization-box .data-box .select-category {
	position: relative;
}

.data-synchronization-box .data-box .selectcat {
	width: 240px;
	height: 28px;
	position: absolute;
	right: 2%;
	top: 7px;
}

.data-synchronization-box .data-box .selectcat>p {
	padding-left: 14px;
	line-height: 28px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	cursor: pointer;
	border: 1px solid #dbdbdb;
}

.data-synchronization-box .data-box .selectcat>p:hover {
	background-color: #e9e9e9;
	color: #333;
}

.data-synchronization-box .data-box .selectcat>p>i {
	width: 0px;
	height: 0px;
	border: 6px solid transparent;
	border-top-color: #9e9e9e;
	position: absolute;
	z-index: 20;
	top: 12px;
	right: 6px
}

.data-synchronization-box .data-box .selectcat .select-box {
	width: 100%;
	position: absolute;
	z-index: 999;
	top: 27px;
	left: 0px;
	background-color: #FFF;
	border: 1px solid #dbdbdb;
	border-radius: 0px 0px 4px 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	display: none;
	max-height: 250px;
	overflow: auto;
}

.data-synchronization-box .data-box .selectcat .select-box p {
	font-size: 12px;
	padding: 5px 0px 5px 14px;
	cursor: pointer;
}

.data-synchronization-box .data-box .selectcat .select-box p:hover {
	background-color: #f5f5f5;
}

.data-synchronization-box .data-box .selectcat .select-box.show {
	display: block;
}

.data-synchronization-box .data-box .list ul li {
	width: 16.66%;
	float: left;
	background: url(../images/line.jpg) repeat-y left top;
	text-align: center;
	height: 100px;
	cursor: pointer;
	border-bottom: 1px solid #dcdcdc;
}

.data-synchronization-box .data-box .list ul li.on {
	border-color: #f67f0b;
}

.data-synchronization-box .data-box .list ul li:first-child {
	background: none;
}

.data-synchronization-box .data-box .list ul li .p1 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 12px 0px 2px 0px;
}

.data-synchronization-box .data-box .list ul li h3 {
	color: #429cba;
	font-size: 24px;
	padding-bottom: 6px;
}

.data-synchronization-box .data-box .list ul li .p2 {
	color: #f67f0b;
	font-size: 0;
	-webkit-text-size-adjust: none;
}

.data-synchronization-box .data-box .list ul li .p2 span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
}

.data-synchronization-box .data-box .list ul li .p2 span:first-child {
	width: 10px;
	height: 12px;
	background: url(../images/arrow.png) no-repeat 0px 0px;
	margin-right: 4px;
}

.data-synchronization-box .data-box .list ul li .down {
	color: #56c7c8;
	font-weight: bold;
}

.data-synchronization-box .data-box .list ul li .down span:first-child {
	background-position: 0px -12px;
}

.data-synchronization-box .data-box .img-box {
	padding: 16px 0px;
}

.data-synchronization-box .data-box .img-box img {
	display: block;
	margin: 0 auto;
	max-width: 96%;
	height: auto !important;
} */

/*产品模板管理*/
.product-templates-box {
    padding-top: 92px;
}

.product-templates-box .left {
    float: left;
    width: 32%;
}

.product-templates-box .right {
    float: right;
    background-color: #f5f5f5;
    width: 68%;
    min-height: 600px;
    padding: 60px 0px 50px 0px;
}

.product-templates-box .left .new-add-box {
    width: 100%;
    height: 28px;
    margin-bottom: 10px;
    position: relative;
}

.product-templates-box .left .new-add-button {
    line-height: 28px;
    padding-left: 212px;
    width: 70px;
    color: #54a9ca;
    cursor: pointer;
}


.product-templates-box .left .select-fenzu-muban {
    width: 208px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.product-templates-box .left .select-fenzu-muban > p {
    padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;

}

.product-templates-box .left .select-fenzu-muban > p span {
    width: 90%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-templates-box .left .select-fenzu-muban > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

/*.content-box .multistage-select>select:hover {
	background-color: #e9e9e9;
	color: #333;
}*/

.product-templates-box .left .select-fenzu-muban > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
}

.product-templates-box .left .select-fenzu-muban .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
    max-height: 280px;
    overflow: auto;
}

.product-templates-box .left .select-fenzu-muban .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
    position: relative;
}

.product-templates-box .left .select-fenzu-muban .select-box p input {
    display: block;
    width: 60%;
    cursor: pointer;
    border: 1px solid #FFF;
    background: none;
}


.product-templates-box .left .select-fenzu-muban .select-box p input:readonly {
    background-color: #FFF;
}

.product-templates-box .left .select-fenzu-muban .select-box p input.edits {
    border-color: #ccc;
}

/* .product-templates-box .left .select-fenzu-muban .select-box p:hover {
    background-color: #f5f5f5;
}
 */
.product-templates-box .left .select-fenzu-muban .select-box.show {
    display: block;
}

.product-templates-box .left > p {
    padding: 15px 0px 15px 0px;
}

.product-templates-box .left > p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 24px;
    margin-right: 20px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
}

.product-templates-box span i {
    display: block;
    position: absolute;
}

.product-templates-box .left > p span.del {
    width: 86px;
    height: 22px;
    line-height: 22px;
    text-indent: 37px;
    display: none;
}

.product-templates-box .left > p span.del i {
    width: 10px;
    height: 13px;
    background: url(../images/del.png) no-repeat 0px 0px;
    left: 16px;
    top: 5px;
}

.product-templates-box .left > p span.save {
    width: 98px;
    height: 24px;
    line-height: 24px;
    text-indent: 44px;
    background-color: #54abca;
    color: #FFF;
}

.product-templates-box .left > p span.save i {
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat 0px 0px;
    left: 16px;
    top: 6px;
}

.product-templates-box .left > p span.preview {
    width: 96px;
    height: 24px;
    line-height: 24px;
    text-indent: 44px;
    left: -12px;
}

.product-templates-box .left > p span.preview i {
    width: 15px;
    height: 9px;
    background: url(../images/preview-icon.png) no-repeat 0px 0px;
    left: 16px;
    top: 8px;
}

.product-templates-box .left > p span.edit {
    width: 70px;
    height: 24px;
    line-height: 24px;
    text-indent: 20px;
    left: -20px;
}

.product-templates-box .left > p span:hover {
    background-color: #54abca;
    color: #FFF;
}

.product-templates-box .mobel-box {
    width: 202px;
    height: 88%;
    background-color: #FFF;
    position: fixed;
    z-index: 90;
    left: 205px;
    top: 92px;
    overflow-y: auto;
    overflow-x: hidden;
    background-image: url(../images/line.jpg);
    background-repeat: repeat-y;
    background-position: top right;
}

.product-templates-box .mobel-box .div1 {
    padding-bottom: 50px;
}

.product-templates-box .mobel-box ul {
    padding: 124px 20px 40px 20px;
}

.product-templates-box .mobel-box ul li {
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.product-templates-box .mobel-box ul li p {
    display: block;
    font-size: 12px;
    padding: 6px 0px;
    color: #666;
}

.product-templates-box .mobel-box ul li i {
    width: 12px;
    height: 18px;
    background: url(../images/triangle.png) no-repeat top center;
    position: absolute;
    z-index: 20;
    top: 4px;
    right: -21px;
    display: none;
}

.product-templates-box .mobel-box ul li p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.product-templates-box .mobel-box ul li p span.text {
    width: 190px;
    overflow: hidden;
    height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 2px 0px 0px 2px;
}

.product-templates-box .mobel-box ul li p span.text input {
    display: block;
    width: 75%;
    cursor: pointer;
    border: 1px solid #FFF;
    background: none;
}

.product-templates-box .mobel-box ul li p span.text input:readonly {
    background-color: #FFF;
}

.product-templates-box .mobel-box ul li p span.text input.edits {
    border-color: #ccc;
}

.product-templates-box .mobel-box ul li:hover p, .product-templates-box .mobel-box ul li.active p,
.product-templates-box .mobel-box ul li.active p input {
    color: #439bbd;
}

.product-templates-box .mobel-box ul li.active i {
    display: block;
}

.product-templates-box .mobel-box ul li .caozuo {
    width: 42px;
    height: 13px;
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    display: none;
}

.product-templates-box .mobel-box ul li .caozuo span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 13px;
    cursor: pointer;
}

.product-templates-box .mobel-box ul li .caozuo span.edit {
    background: url(../images/edit.png) no-repeat top center;
    margin-right: 6px;
}

.product-templates-box .mobel-box ul li .caozuo span.copy {
    background: url(../images/copy.png) no-repeat top center;
    margin-right: 6px;
}

.product-templates-box .mobel-box ul li .caozuo span.del {
    background: url(../images/del.png) no-repeat top center;
}

.product-templates-box .mobel-box ul li:hover .caozuo {
    display: block;
}

.product-templates-box .mobel-box .div_span {
    width: 186px;
    height: 116px;
    background-color: #FFF;
    position: fixed;
    left: 205px;
    top: 92px;
    z-index: 999;
    border-bottom: 1px solid #dcdcdc;
}

.product-templates-box .mobel-box .input-search {
    padding: 10px 20px;
    position: relative;
}

.product-templates-box .mobel-box .input-search input {
    display: block;
    width: 95%;
    height: 14px;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dbdbdb;
}

.product-templates-box .mobel-box .input-search em {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 11px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.product-templates-box .mobel-box .div_span .select-fenzu {
    width: 78%;
    margin: 0 auto;
    position: relative;

}

.product-templates-box .mobel-box .div_span .select-fenzu > p {
    padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;

}

.product-templates-box .mobel-box .div_span .select-fenzu > p span {
    width: 90%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-templates-box .mobel-box .div_span .select-fenzu > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

/*.content-box .multistage-select>select:hover {
	background-color: #e9e9e9;
	color: #333;
}*/

.product-templates-box .mobel-box .div_span .select-fenzu > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
}

.product-templates-box .mobel-box .div_span .select-fenzu .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
    max-height: 280px;
    overflow: auto;
}

.product-templates-box .mobel-box .div_span .select-fenzu .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
    position: relative;
}

.product-templates-box .mobel-box .div_span .select-fenzu .select-box p em {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 8px;
    top: 10px;
    background: url(../images/close-02.png) no-repeat 0px 0px;
    background-size: 100% auto;
}

.product-templates-box .combination-templates .new-add-box .select-fenzu-muban .select-box p em.edit_yzh{
	display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 25px;
    top: 10px;
    background: url(../images/edit_yzh.png) no-repeat 0px 0px;
    background-size: 100% auto;
}

.product-templates-box .combination-templates .new-add-box .select-fenzu-muban .select-box p em.close_yzh{
	display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 8px;
    top: 10px;
    background: url(../images/close-02.png) no-repeat 0px 0px;
    background-size: 100% auto;
}

.product-templates-box .mobel-box .div_span .select-fenzu .select-box p span {
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    display: block;
}

.product-templates-box .mobel-box .div_span .select-fenzu .select-box p:hover {
    background-color: #f5f5f5;
}

.product-templates-box .mobel-box .div_span .select-fenzu .select-box.show {
    display: block;
}

/*start*/
.div_copy_span {
    width: 186px;
    height: 80px;
    background-color: #FFF;
    z-index: 999;
    border-bottom: 1px solid #dcdcdc;
}

.input-copy-search {
    padding: 10px 20px;
    position: relative;
}

.input-copy-search input {
    display: block;
    width: 95%;
    height: 14px;
    padding: 5px 0px 5px 4px;
    border: 1px solid #dbdbdb;
}

.input-copy-search em {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 11px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.div_copy_span .select-copy-fenzu {
    width: 78%;
    margin: 0 auto;
    position: relative;

}

.div_copy_span .select-copy-fenzu > p {
    padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;

}

.div_copy_span .select-copy-fenzu > p span {
    width: 90%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.div_copy_span .select-copy-fenzu > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.div_copy_span .select-copy-fenzu > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
}

.div_copy_span .select-copy-fenzu .select-copy-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
    max-height: 180px;
    overflow: auto;
}

.div_copy_span .select-copy-fenzu .select-copy-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
    position: relative;
}

.div_copy_span .select-copy-fenzu .select-copy-box p em {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 8px;
    top: 10px;
    background: url(../images/close-02.png) no-repeat 0px 0px;
    background-size: 100% auto;
}

.div_copy_span .select-copy-fenzu .select-copy-box p span {
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    display: block;
}

.div_copu_span .select-copy-fenzu .select-copy-box p:hover {
    background-color: #f5f5f5;
}

.div_copy_span .select-copy-fenzu .select-copy-box.show {
    display: block;
}

.copy_temp_to ul {
    padding: 0px 20px 20px 10px;
    max-height: 200px;
    min-height: 160px;
    overflow: auto;
}

.copy_temp_to ul li {
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.copy_temp_to ul li p {
    display: block;
    font-size: 12px;
    padding: 6px 0px;
    color: #666;
}

.copy_temp_to ul li i {
    width: 12px;
    height: 18px;
    background: url(../images/triangle.png) no-repeat top center;
    position: absolute;
    z-index: 20;
    top: 4px;
    right: -21px;
    display: none;
}

.copy_temp_to ul li p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.copy_temp_to ul li p span.text {
    width: 120px;
    overflow: hidden;
    height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 2px 0px 0px 2px;
}

.copy_temp_to ul li p span.text input {
    display: block;
    width: 90%;
    cursor: pointer;
    border: 1px solid #FFF;
    background: none;
}

.copy_temp_to ul li p span.text input:readonly {
    background-color: #FFF;
}

.copy_temp_to ul li p span.text input.edits {
    border-color: #ccc;
}

.copy_temp_to ul li:hover p, .copy_temp_to ul li.active p,
.copy_temp_to ul li.active p input {
    color: #439bbd;
}

.copy_temp_to ul li.active i {
    display: block;
}

/*end*/

.product-templates-box .mobel-box span.add {
    width: 82px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #54abca;
    color: #FFF;
    display: block;
    border-radius: 6px;
    -web-border-radius: 6px;
    margin: 12px 0px 0px 20px;
    cursor: pointer;
}

.before-add-template,.add-template, .availableadd-box, .add-fenzu-box,.add-url-box {
    width: 300px;
    padding: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    margin-left: -170px;
    background-color: #FFF;
    display: none;
    top: 192px;
}

.before-add-template h2,.add-template h2, .availableadd-box h2, .add-fenzu-box h2,.add-url-box h2 {
    font-size: 16px;
    padding-bottom: 14px;
    text-align: center;
}

.add-template input, .availableadd-box input, .add-fenzu-box input,.add-url-box input {
    display: block;
    width: 100%;
    height: 18px;
    padding: 6px 0px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    text-indent: 4px;
}

.add-template p, .availableadd-box p, .add-fenzu-box p,.add-url-box p {
    padding: 20px 0px 10px 0px;
    text-align: center;
}

.before-add-template p{
	cursor:pointer;
	padding: 10px 0px 5px 0px;
    text-align: center;
}

.before-add-template p span,.add-template p span, .availableadd-box p span, .add-fenzu-box p span,.add-url-box p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-indent: center;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    margin-right: 12px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.add-template p span:first-child, .availableadd-box p span:first-child, .add-fenzu-box p span:first-child,.add-url-box p span:first-child {
    background-color: #439cbd;
    color: #FFF;
}

.before-add-template p span:hover,.add-template p span:hover, .availableadd-box p span:hover, .add-fenzu-box p span:hover,.add-url-box p span:hover {
    background-color: #54abca;
    color: #FFF;
}

.before-add-template.show, .add-template.show, .availableadd-box.show, .add-fenzu-box.show,.add-url-box.show {
    display: block;
}

.product-templates-box .product-templates {
    margin-left: 407px;
    padding-left: 20px;
}

.product-templates-box .combination-templates .all {
    width: 92%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #a0a0a0;
    padding-bottom: 40px;
}

.product-templates-box .combination-templates ul {
    padding: 5px 0px;
}

.product-templates-box .combination-templates .all > h2,
.product-templates-box .combination-templates .available > h2 {
    line-height: 44px;
    background-color: #f2f2f5;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    padding: 0 0 0 3%;
}

.product-templates-box .combination-templates .all p {
    padding: 10px 0 10px 3%;
}

.product-templates-box .combination-templates .box {
    width: 94%;
    margin: 0 auto;
}

.product-templates-box .combination-templates .all ul li {
    color: #333;
    margin-bottom: 5px;
    background-color: #c2e2ec;
    border: 1px solid #429bbc;
    cursor: move;
    position: relative;
}

.product-templates-box .combination-templates .all ul li p {
    padding-left: 20px;
}

.product-templates-box .combination-templates .all ul li a {
    display: block;
    width: 68px;
    height: 38px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #439cbd;
    line-height: 38px;
}

.product-templates-box .combination-templates .all ul li .cpanl-box {
    width: 90px;
    height: 38px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #439cbd;
    line-height: 38px;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.product-templates-box .combination-templates .all ul li .cpanl-box span {
    cursor: pointer;
    padding-right: 4px;
    font-size: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 38px;
}

.product-templates-box .combination-templates .all ul li .cpanl-box span:hover {
    color: #f57f0e;
}

.product-templates-box .combination-templates .available .box {
    margin-top: 18px;
}

.product-templates-box .combination-templates .available ul li {
    line-height: 38px;
    color: #333;
    margin-bottom: 5px;
    background-color: #f9f9f9;
    border: 1px solid #dcdcdc;
    cursor: move;
    position: relative;
}

.product-templates-box .combination-templates .available ul li p {
    padding-left: 20px;
    line-height: 38px;
}

.product-templates-box .combination-templates .available ul li a {
    display: block;
    width: 68px;
    height: 38px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #439cbd;
    line-height: 38px;
}

.product-templates-box .combination-templates .available > a {
    display: block;
    width: 94%;
    margin: 0 auto;
    height: 38px;
    color: #333;
    margin-bottom: 5px;
    background-color: #f9f9f9;
    border: 1px solid #dcdcdc;
    background: url(../images/available-add.png) no-repeat center center;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-templates-box .combination-templates .available > a:hover {
    background-color: #c2e2ec;
    border: 1px solid #429bbc;
}

.product-templates-box .right .con-box {
    width: 94%;
    margin: 0 auto;
    max-width: 738px;
}

.product-templates-box .right .tab-list ul li {
    float: left;
    margin: 0px 2%;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 14px;
}
.product-templates-box .right .tab-list ul li.on, .product-templates-box .right .tab-list ul li:hover {
    /* 	border-color: #439cbd; */
    color: #439cbd;
}
.product-template-box .product-template-edit .addbox2 h3 {
    font-size: 14px;
    /*color: #333;*/
    padding-bottom: 10px;
    margin: .83em 0;
}
.product-template-box .product-template-edit .addbox2 input {
    display: block;
    width: 250px;
    height: 16px;
    padding: 3px;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 16px;
}

/*.product-template-box .product-template-edit .addbox2 .input_radio{display:inline;width:20px;}*/
.product-template-box .product-template-edit .addbox2 .radio-box {
    height: 16px;
    padding: 4px 0px 0px 20px;
}

.product-template-box .product-template-edit .addbox2 .span_radio {
    height: 16px;
    line-height: 16px;
    float: left;
    position: relative;
    width: 48px;
    margin-right: 10px;
}

.product-template-box .product-template-edit .addbox2 .span_radio .radio-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 0px;
    background: url(../images/radio-icon.png) no-repeat 0px 0px;
}

.product-template-box .product-template-edit .addbox2 .span_radio.on .radio-icon {
    background-position: 0px -16px;
}

.product-template-box .product-template-edit .addbox2 .span_radio .radio-icon input {
    display: block;
    width: 16px;
    height: 16px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.product-template-box .product-template-edit .addbox2 .input_radio {
    display: inline;
    width: 20px;
}

.product-template-box .product-template-edit .addbox2 .radio-box label {
    padding-left: 26px;
    cursor: pointer;
}

.product-templates-box .right .edit-tembox {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 30px;
}

.product-templates-box .right .edit-tembox h3 {
    font-size: 14px;
    color: #333;
    padding-bottom: 10px;
}

.product-templates-box .right .edit-tembox input {
    display: block;
    width: 250px;
    height: 16px;
    padding: 3px;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 16px;
}

.product-templates-box .right .edit-tembox .box {
    width: 100%;
    min-height: 400px;
    background-color: #FFF;
}

.product-templates-box .right .edit-tembox .panel-button {
    padding-bottom: 20px;
}

.product-templates-box .right .edit-tembox .panel-button span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid transparent;
    width: 82px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background-color: #54abca;
    color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
}

.product-templates-box .right .edit-tembox .panel-button span.reset2 {
    border-color: #dcdcdc;
    background-color: #FFF;
    color: #666;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-templates-box .right .edit-tembox .panel-button span.reset2:hover {
    background-color: #54abca;
    color: #FFF;
    border-color: transparent;
}

.product-templates-box .right .edit-banner {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 30px;
}

.product-templates-box .right .edit-banner h3 {
    font-size: 14px;
    color: #333;
    padding-bottom: 10px;
}

.product-templates-box .right .edit-banner input {
    vertical-align:top;
    width: 250px;
    height: 16px;
    padding: 3px;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 16px;
}

.product-templates-box .right .edit-banner select {
    height: 24px;
    vertical-align:top;
    border: 1px solid #CCC;
    /* border-radius: 4px; */
    -webkit-border-radius: 4px;
    margin-bottom: 13px;
}

.product-templates-box .right .edit-banner .box {
    width: 100%;
    min-height: 400px;
    background-color: #FFF;
}

.product-templates-box .right .edit-banner .panel-button {
    padding-bottom: 20px;
}

.product-templates-box .right .edit-banner .panel-button span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid transparent;
    width: 82px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background-color: #54abca;
    color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
}

.product-templates-box .right .edit-banner .panel-button span.reset2 {
    border-color: #dcdcdc;
    background-color: #FFF;
    color: #666;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-templates-box .right .edit-banner .panel-button span.reset2:hover {
    background-color: #54abca;
    color: #FFF;
    border-color: transparent;
}


.product-templates-box .right .edit-banner .choose {
    position: relative;
}

.product-templates-box .right .edit-banner .upload {
    width: 82px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

.product-templates-box .right .edit-banner .upload span {
    display: block;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-templates-box .right .edit-banner .upload:hover span {
    background-color: #439cbd;
    color: #FFF;
}

.product-templates-box .right .edit-banner .upload input {
    display: block;
    width: 80px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-template-box .product-template-edit .addbox2 .choose {
    position: relative;
}

.product-template-box .product-template-edit .addbox2 .upload {
    width: 82px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

.product-template-box .product-template-edit .addbox2 .upload span {
    display: block;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.product-template-box .product-template-edit .addbox2 .upload:hover span {
    background-color: #439cbd;
    color: #FFF;
}

.product-template-box .product-template-edit .addbox2 .upload input {
    display: block;
    width: 80px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#wrapper {
    margin-top: 20px;
    width: 100%;
}

#container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
}

.grid {
    width: 233px;
    min-height: 100px;
    padding: 15px;
    background: #fff;
    margin: 8px;
    font-size: 12px;
    float: left;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
    cursor: pointer;
}

.grid .meta {
    text-align: right;
    color: #777;
    font-style: italic;
}

.grid .imgholder img {
    max-width: 100%;
    background: #ccc;
    display: block;
    background: url(../images/loding.gif) no-repeat center;
}

.grid p {
    padding-top: 12px;
}

.grid p span {
    color: #439cbd;
    padding-right: 10px;
}

.grid p span:hover {
    color: #f57f0e;
}

.grid.select {
    box-shadow: 0 5px 5px rgba(67, 155, 189, 0.8);
    -moz-box-shadow: 0 5px 5px rgba(67, 155, 189, 0.8);
    -webkit-box-shadow: 0 5px 5px rgba(67, 155, 189, 0.8);
}

/*产品发布管理*/
.product-release-box {
    padding-top: 146px;
}

.product-release-box .edit-save-close {
    width: 100%;
    height: 54px;
    background-color: #FFF;
    border-bottom: 1px solid #dcdcdc;
    position: fixed;
    z-index: 80;
    left: 0px;
    top: 92px;
}

.product-release-box .edit-save-close .pictures-panel {
    padding: 15px 0px 0px 225px;
    position: relative;
}

.product-release-box .edit-save-close .pictures-panel.shrink {
    margin-left: -196px;
}

.product-release-box .edit-save-close .pictures-panel .group {
    width: 200px;
    height: 30px;
    position: absolute;
    left: 220px;
    top: 17px;
}

.product-release-box .edit-save-close .pictures-panel .group > p {
    padding-left: 14px;
    line-height: 22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.product-release-box .edit-save-close .pictures-panel .group > p > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
}

.product-release-box .edit-save-close .pictures-panel .group > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.product-release-box .edit-save-close .pictures-panel .group > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 6px;
}

.product-release-box .edit-save-close .pictures-panel .group .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.product-release-box .edit-save-close .pictures-panel .group .select-box.show {
    display: block;
}

.product-release-box .edit-save-close .pictures-panel .all-box {
    padding-bottom: 20px;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li {

}

.product-release-box .edit-save-close .pictures-panel .all-box ul li h3 {
    position: relative;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px;
    border-bottom: 1px dashed #dbdbdb;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li h3:hover, .product-release-box .edit-save-close .pictures-panel .all-box ul li h4:hover,
.product-release-box .edit-save-close .pictures-panel .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li .v2 i {
    left: 12px;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li i.no {
    display: none;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li i.on {
    background-position: 0px -10px;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li .v2 {
    display: none;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li .v2.on {
    display: block;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li .v3 {
    display: none;
}

.product-release-box .edit-save-close .pictures-panel .all-box ul li .v3.on {
    display: block;
}

.product-release-box .edit-save-close .pictures-panel .input {
    width: 200px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: absolute;
    left: 430px;
    top: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-release-box .edit-save-close .pictures-panel input {
    display: block;
    width: 168px;
    height: 26px;
    line-height: 26px;
    text-indent: 12px;
}

.product-release-box .edit-save-close .input em {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.product-release-box .edit-save-close p {
    padding: 15px 0px 0px 225px;
}

.product-release-box .edit-save-close .product-release span, .product-release-box .edit-save-close .search span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 24px;
    margin-right: 12px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
}

.product-release-box .edit-save-close span.fabu {
    width: 100px;
    background-color: #439cbd;
    color: #fff;
    text-indent: 37px;
}

.product-release-box .edit-save-close span.fabu i {
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url(../images/fabu.png) no-repeat top center;
    left: 19px;
    top: 6px;
}

.product-release-box .edit-save-close span i {
    display: block;
    position: absolute;
}

.product-release-box .edit-save-close p {
    padding: 0px 0px 0px 217px;
}

.product-release-box .edit-save-close span.add {
    width: 100px;
    height: 24px;
    text-indent: 47px;
    background-color: #439bb9;
    color: #FFF;
}

.product-release-box .edit-save-close span.add i {
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat top center;
    left: 22px;
    top: 6px;
}

.product-release-box .edit-save-close span.edit {
    width: 80px;
    height: 22px;
    line-height: 22px;
    text-indent: 37px;
}

.product-release-box .edit-save-close span.edit i {
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat 0px 0px;
    left: 16px;
    top: 5px;
}

.product-release-box .edit-save-close span.del {
    width: 86px;
    height: 22px;
    line-height: 22px;
    text-indent: 27px;
}

.product-release-box .edit-save-close span.del i {
    width: 10px;
    height: 13px;
    background: url(../images/del.png) no-repeat 0px 0px;
    left: 16px;
    top: 5px;
}

.product-release-box .edit-save-close span.save {
    width: 82px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.product-release-box .edit-save-close span.save:hover {
    background-color: #54abca;
    color: #FFF;
}

.product-release-box .edit-save-close span.save {
    background-color: #439cbd;
    color: #FFF;
    border-color: #439cbd;
}

.product-release-box .edit-save-close span.save {
    width: 86px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    left: 438px;
    top: 15px;
}

.product-release-box .mobel-box {
    width: 202px;
    height: 832px;
    background-color: #FFF;
    position: absolute;
    z-index: 0;
    left: 205px;
    top: 147px;
    overflow-y: auto;
    overflow-x: hidden;
    background-image: url(../images/line.jpg);
    background-repeat: repeat-y;
    background-position: top right;
}

.product-release-box.newwin .mobel-box {
    left: 30px;
}

.product-release-box .mobel-box ul {
    padding: 20px;
}

.product-release-box .mobel-box ul li {
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.product-release-box .mobel-box ul li a {
    display: block;
    font-size: 12px;
    color: #333;
    padding: 6px 0px;
}

.product-release-box .mobel-box ul li i {
    width: 12px;
    height: 18px;
    background: url(../images/triangle.png) no-repeat top center;
    position: absolute;
    z-index: 20;
    top: 4px;
    right: -21px;
    display: none;
}

.product-release-box .mobel-box ul li a:hover, .product-release-box .mobel-box ul li.active a {
    color: #439bbd;
}

.product-release-box .mobel-box ul li.active i {
    display: block;
}

.product-release-box .product-release {
    margin-left: 407px;
    padding: 0px 20px 100px 20px;
}

.product-release-box.newwin .product-release {
    margin-left: 230px;
}

.product-release-box .product-release > .left {
    width: 344px;
    float: left;
    padding-top: 26px;
}

.product-release-box .product-release > .left > p {
    font-size: 12px;
    color: #888;
    line-height: 18px;
    padding-bottom: 12px;
}

.product-release .left p.choose-all-button {
    line-height: 28px;
    padding-left: 233px;
    width: 70px;
    color: #54a9ca;
    cursor: pointer;
    margin-top: -48px;
}

.product-release .left p.new-add-button {
    line-height: 28px;
    padding-left: 233px;
    width: 70px;
    color: #54a9ca;
    cursor: pointer;
    margin-top: -48px;
}

.product-release-box .product-release .panel p {
    padding: 17px 0px 20px 0px;
}

.product-release-box .product-release .panel p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 24px;
    margin-right: 20px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
}

.product-release-box .product-release .panel p span i {
    display: block;
    position: absolute;
}

.product-release-box .product-release .panel p span.fabu {
    width: 100px;
    background-color: #f57f0e;
    color: #FFF;
    text-indent: 47px;
}

.product-release-box .product-release .panel p span.fabu i {
    width: 12px;
    height: 14px;
    background: url(../images/fabu.png) no-repeat top center;
    left: 19px;
    top: 6px;
}

.product-release-box .product-release .panel p span.del {
    width: 100px;
    text-align: center;
}

.product-release-box .product-release .panel p span.del i {
    width: 10px;
    height: 13px;
    background: url(../images/del.png) no-repeat top center;
    left: 19px;
    top: 6px;
}

.product-release-box .product-release .panel p span:hover {
    background-color: #54abca;
    color: #FFF;
}

.product-release-box .product-release h2 {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    margin-bottom: 8px;
}

.product-release-box .product-release h2 span {
    font-size: 12px;
    color: #AAA;
    padding-left: 14px;
    font-weight: 400;
}

.product-release-box .product-release .prompt-box {
    position: relative;
}

.product-release-box .product-release .prompt-box span {
    display: block;
    width: 16px !important;
    height: 16px;
    background: url(../images/prompt.png) no-repeat top center;
    position: absolute;
    left: 72px;
    top: 4px;
}

.product-release-box .product-release .input {
    display: block;
    width: 224px;
    height: 26px;
    border: 1px solid #dbdbdb;
    line-height: 26px;
    text-indent: 4px;
    color: #333;
    margin-bottom: 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-release-box .template-list,
.product-release-box .pack-list,
.product-release-box .release-nums,
.product-release-box .release-photonum,
.product-release-box .title-scheme {
    width: 226px;
    height: 25px;
    position: relative;
    margin-bottom: 18px;
}

.product-release-box .template-list > p,
.product-release-box .pack-list > p,
.product-release-box .release-nums > p,
.product-release-box .release-photonum > p,
.product-release-box .title-scheme > p {
    padding-left: 14px;
    line-height: 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.product-release-box .template-list > p:hover,
.product-release-box .pack-list > p:hover,
.product-release-box release-nums > p:hover,
.product-release-box .release-photonum > p:hover,
.product-release-box .title-scheme > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.product-release-box .template-list > p > i,
.product-release-box .pack-list > p > i,
.product-release-box .release-nums > p > i,
.product-release-box .release-photonum > p > i,
.product-release-box .title-scheme > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px
}

.product-release-box .template-list .select-box,
.product-release-box .pack-list .select-box,
.product-release-box .release-nums .select-box,
.product-release-box .release-photonum .select-box,
.product-release-box .title-scheme .select-box {
    width: 100%;
    max-height: 300px;
    overflow: auto;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.product-release-box .pack-list .select-box p,
.product-release-box .release-nums .select-box p,
.product-release-box .release-photonum .select-box p,
.product-release-box .title-scheme .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.product-release-box .template-list .select-box .lis p {
    font-size: 12px;
    padding: 5px 0px 5px 18px;
    cursor: pointer;
    position: relative;
}

.product-release-box .template-list .select-box .lis p i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 10px;
}

.product-release-box .template-list .select-box .lis p i.on {
    background-position: 0px -10px;
}

.product-release-box .template-list .select-box .lis p i input {
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product-release-box .template-list .select-box .lis p:hover,
.product-release-box .pack-list .select-box p:hover,
.product-release-box .release-nums .select-box p:hover,
.product-release-box .release-photonum .select-box p:hover,
.product-release-box .title-scheme .select-box p:hover {
    background-color: #f5f5f5;
}

.product-release-box .template-list .input-search {
    position: relative;
    width: 100%;
    padding: 10px 0px;
}

.product-release-box .template-list .input-search input {
    display: block;
    width: 92%;
    height: 14px;
    padding: 5px 0px 5px 0px;
    border: 1px solid #dbdbdb;
    margin: 0 auto;
}

.product-release-box .template-list .input-search em {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 6px;
    top: 11px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.product-release-box .template-list .select-box {
    max-height: 350px;
    min-height: 200px;
    overflow: hidden;
}

.product-release-box .template-list .select-box .lis {
    max-height: 280px;
    overflow: auto;
}

.product-release-box .template-list .select-box.show,
.product-release-box .pack-list .select-box.show,
.product-release-box .release-nums .select-box.show,
.product-release-box .release-photonum .select-box.show,
.product-release-box .title-scheme .select-box.show {
    display: block;
}

.product-release-box .template-list .select-fenzu {
    width: 93%;
    margin: 0 auto;
    position: relative;

}

.product-release-box .template-list .select-fenzu > p {
    padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;

}

.product-release-box .template-list .select-fenzu > p span {
    width: 90%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-release-box .template-list .select-fenzu > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

/*.content-box .multistage-select>select:hover {
	background-color: #e9e9e9;
	color: #333;
}*/

.product-release-box .template-list .select-fenzu > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
}

.product-release-box .template-list .select-fenzu .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
    max-height: 150px;
    min-height: 100px;
    overflow: auto;
}

.product-release-box .template-list .select-fenzu .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.product-release-box .template-list .select-fenzu .select-box p:hover {
    background-color: #f5f5f5;
}

.product-release-box .template-list .select-fenzu .select-box.show {
    display: block;
}

.product-release-box .product-release .right {
    width: 560px;
    float: left;
    background: url(../images/line.jpg) repeat-y left top;
    min-height: 675px;
    padding-top: 32px;
}

.product-release-box .complete-schedule ul li .left {
    width: 168px;
    float: left;
    height: 138px;
    background: url(../images/line2.jpg) repeat-y right top;
    position: relative;
    text-align: right;
}

.product-release-box .complete-schedule ul li#title_li .left {
    height: 306px;
}

.product-release-box .complete-schedule ul li#title_li .left p {
    line-height: 306px;
}

.product-release-box .complete-schedule ul li#title_li .left span {
    height: 306px;
}

.product-release-box .complete-schedule ul li .left p {
    line-height: 148px;
    padding-right: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #666;
}

.product-release-box .complete-schedule ul li .left em {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/dian-icon.png) no-repeat 0px 0px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -7px;
}

.product-release-box .complete-schedule ul li .left i {
    display: block;
    width: 46px;
    height: 1px;
    background-color: #dcdcdc;
    position: absolute;
    top: 50%;
    right: -66px;
}

.product-release-box .complete-schedule ul li .left span {
    width: 4px;
    height: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #73a86b;
}

.product-release-box .complete-schedule ul li.yes .left em {
    background-position: 0px -18px;
}

.product-release-box .complete-schedule ul li.yes .left span {
    height: 138px;
}

.product-release-box .complete-schedule ul li.yes.detail .left span {
    height: 218px;
}

.product-release-box .complete-schedule ul li .text {
    width: 330px;
    height: 116px;
    float: right;
    position: relative;
    border: 1px solid #dcdcdc;
    margin: 10px 0px;
}

.product-release-box .complete-schedule ul li .text p.new-p {
    padding-top: 12px;
    line-height: 18px;
    font-size: 12px
}

.product-release-box .complete-schedule ul li .text .selected-product > img {
    display: block;
    width: 68px;
    height: 68px;
    position: absolute;
    z-index: 20;
    top: -2px;
    right: -69px;
}

.product-release-box .complete-schedule ul li .text h3 {
    font-size: 14px;
    padding: 14px 0px 0px 36px;
    color: #666;
}

.product-release-box .complete-schedule ul li .text h3 span {
    padding-left: 10px;
}

.product-release-box .complete-schedule ul li .text p {
    color: #888;
    padding-left: 36px;
}

.product-release-box .complete-schedule ul li .text > #template_text p {
    color: #000;
    padding-left: 15px;
}

.product-release-box .complete-schedule ul li .text em {
    display: block;
    width: 28px;
    height: 28px;
    background: url(../images/complete.png) no-repeat 0px 0px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: -14px;
}

.product-release-box .complete-schedule ul li.yes .text em {
    background-position: 0px -28px;
}

.product-release-box .complete-schedule ul li .text p a {
    color: #439cbd;
}

.product-release-box .complete-schedule ul li .text p a:hover {
    font-weight: bold;
    text-decoration: underline;
}

.product-release-box .complete-schedule ul li#title_li .text {
    height: 284px;
}

.product-release-box .complete-schedule ul li#title_li .text p:first-child {
    margin: 12px 0px 10px 0px;
}

.product-release-box .complete-schedule ul li#title_li .text p {
    position: relative;
}

.product-release-box .complete-schedule ul li#title_li .text p span {
    color: #333;
}

.product-release-box .complete-schedule ul li#title_li .text p span.l-btn-text {
    color: #FFF;
}

.product-release-box .complete-schedule ul li#title_li .text p span.l-btn-text:hover {
    font-weight: normal;
}

.product-release-box .complete-schedule ul li#title_li .text p input {
    display: block;
    width: 168px;
    height: 20px;
    line-height: 20px;
    text-indent: 4px;
    color: #333;
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 6px;
    border: 1px solid #CCC;
}

.product-release-box .packets-list {
    width: 226px;
    height: 30px;
    position: relative;
    margin-bottom: 18px;
}

.product-release-box .packets-list > p {
    padding-left: 14px;
    line-height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-release-box .packets-list > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.product-release-box .packets-list > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 14px;
    right: 6px;
}

.product-release-box .packets-list .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.product-release-box .packets-list .select-box.show {
    display: block;
}

.product-release-box .all-box {
    padding-bottom: 20px;
}

.product-release-box .all-box ul li {

}

.product-release-box .all-box ul li h3 {
    position: relative;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px;
    border-bottom: 1px dashed #dbdbdb;
}

.product-release-box .all-box ul li h3:hover, .product-release-box .all-box ul li h4:hover,
.product-release-box .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.product-release-box .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.product-release-box .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.product-release-box .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.product-release-box .all-box ul li .v2 i {
    left: 12px;
}

.product-release-box .all-box ul li i.no {
    display: none;
}

.product-release-box .all-box ul li i.on {
    background-position: 0px -10px;
}

.product-release-box .all-box ul li .v2 {
    display: none;
}

.product-release-box .all-box ul li .v2.on {
    display: block;
}

.product-release-box .all-box ul li .v3 {
    display: none;
}

.product-release-box .all-box ul li .v3.on {
    display: block;
}

/*未授权页面*/
.main-wrap {
    width: 100%;
    position: relative;
    background: #ececec;
    padding-top: 75px;
}

.page-overlay {
    width: 100%;
    background: #f9f9f9;
    padding-top: 96px;
}

.landingpage-wrap {
    width: 832px;
    margin: 0 auto;
}

.landingpage-wrap h1 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}

.landingpage-wrap h3 {
    font-size: 24px;
    color: #666;
    text-align: center;
    margin-bottom: 25px;
}

.power-btn {
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background: #fe9500;
    margin: 0 auto 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.power-btn:hover {
    background: #187dc4;
}

.error-icon {
    overflow: hidden;
}

.error-icon img {
    transition: all 0.8s ease-in-out;
}

.error-icon img:hover {
    transform: scale(1.1);
}

.ball-pluse {
    position: fixed;
    left: 50%;
    top: 50%;
}

.ball-pluse span {
    width: 15px;
    height: 15px;
    background: #fe9500;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

.ball-pluse span:nth-of-type(1) {
    animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    -webkit-animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    -moz-animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    -o-animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    -ms-animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.ball-pluse span:nth-of-type(2) {
    -webkit-animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    -moz-animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    -o-animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    -ms-animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.ball-pluse span:nth-of-type(3) {
    -webkit-animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
    -moz-animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
    -o-animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
    -ms-animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.alert-success {
    padding: 20px 0px;
}

.alert-success a {
    color: #f57f0e;
}

.textarea-combine {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 94% !important;
    padding: 6px;
    height: 80px;
    margin-top: 5px;
}

.textarea-combineforsrcKeyword {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 35% !important;
    padding: 6px;
}

.span2-linkbutton {
    margin: 0px 8px 0px 10px !important;
}


/*-----------------------生成标题--------------------------------*/
.main-box .top-div{
	margin-top: 10px;
    border-bottom: 1px solid #dfdfdf;
    padding: 5px 5px 0px 5px;
}

.main-box .top-div>ul{
	overflow: hidden;
}
.main-box .top-div>ul>li{
	width: 100px;
    position: relative;
    float: left;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.main-box .top-div>ul>li.on{
	border-bottom: 1px solid #f57f0e;
    color: #f57f0e;
}
.main-box .content-box .combining .left-div{
	width: 32%;
    height: 480px;
    float: left;
    position: relative;
    margin: 10px;
}
.main-box .content-box .combining .middle-div{
	width: 31%;
    height: 480px;
    position: relative;
    float: left;
    margin: 10px;
}
.main-box .content-box .combining .right-div{
	width: 28%;
    height: 480px;
    position: relative;
    float: left;
    margin: 10px;
}

.main-box .content-box .combined {
	width: 1000px;
    height: 520px;
    position: relative;
    float: left;
    margin: 10px;
    padding: 10px;
}


/*-----------------------行业模板市场-----------------------------*/

.product-templates-box .top-search{
	position: fixed;
	border-bottom: 1px solid #dbdbdb;
	width:100%;
	height:35px;
}

.product-templates-box .top-search .input-search{
	height:26px;
	border: 1px solid #dbdbdb;
	position: relative;
	border-radius:4px;
	width:240px; 
	float:left;
}
.product-templates-box .top-search .input-search input{
	display: block;
	height:26px;
	line-height: 26px;
	text-indent: 12px;
}

.product-templates-box .top-search .input-search em {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/ser-icon.png) no-repeat top center;
    cursor: pointer;
}

.product-templates-box .top-search .buttons{
	text-align: center;
    margin-top: 2px;
    margin-left:120px;
    float:left;
}

.product-templates-box .top-search .buttons button{
	margin-right: 0;
    margin-left: 5px;
    border-radius:4px;
    width:60px;
}

.product-templates-box .module-list{
	margin-top: 40px;
}

.product-templates-box .module-list ul{
	overflow: hidden;
}

.product-templates-box .module-list ul .item{
	width:140px;
	height:250px;
	margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
    display: block;
    float: left;
}

.product-templates-box .module-list ul .item .preview{
	margin-left: 10px;
    margin-bottom: 10px;
    width: 120px;
    height: 200px;
    border: 1px solid #dfe6f0;
    background-color: #fdfdfe;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.product-templates-box .module-list ul .item .preview img{
    height: 200px;
}

.product-templates-box .module-list ul .item .title button{
	margin-right: 0;
    margin-left: 5px;
    border-radius: 4px;
    width: 60px;
    margin-top: 2px;
    height: 24px;
    line-height: 18px;
}

.product-templates-box .module-list ul .item.selected .preview{
    border-color: #133ec1;
}

.product-templates-box .module-list ul .item:hover .preview{
    border-color: #133ec1;
}

.container .main-content{
	width:750px;
	
}

.container .main-content .previewer-item-wrap{
	position: relative;
	cursor: pointer;
	margin:0;
	overflow: hidden;
	box-sizing:border-box;
	border:solid 1px white;
}

.container .main-content .previewer-item-wrap .text2{
	overflow: hidden;
	width:112px;
	position: absolute;
	top:10px;
	left:calc(50% - 56px);
	display:none;
}

.container .main-content .previewer-item-wrap.on{
	border:solid 1px #1047f5;
}

.container .main-content .previewer-item-wrap.on .text2{
	display:block;
}

.container .main-content .previewer-item-wrap .text2 a{
	float: left;
	height: 28px;
	width:28px;
	background: url(../images/box-i1.png) no-repeat -1px 0px;
	background-color: #8c99c2;
	cursor: pointer;
}

.container .main-content .previewer-item-wrap .text2 .a2{
	background: url(../images/box-i1.png) no-repeat -29px 0px;
	background-color: #8c99c2;
}

.container .main-content .previewer-item-wrap .text2 .a3{
	background: url(../images/box-i1.png) no-repeat -54px 0px;
	background-color: #8c99c2;
}

.container .main-content .previewer-item-wrap .text2 .a4{
	background: url(../images/box-i1.png) no-repeat -80px 0px;
	background-color: #8c99c2;
}

.container .main-content .previewer-item-wrap .text2 a:hover{
	background-color: #1047f5;
}


.container .right-div{width:300px;display:none;position: fixed;right:0;top:80px;padding:20px;box-sizing:border-box;box-shadow: 0 0 10px #929090;overflow: auto;height: 82%;}
.container .right-div h2{line-height: 30px;font-size: 14px;color: #999999;border-bottom:solid 1px #999999;width:100%;float: left;margin-bottom: 20px;}
.container .right-div .box-text,.right-div .box-img,.right-div .box-title,.right-div .box-radio,.right-div .box-p,.right-div .box-s{width:100%;float: left;margin-bottom: 10px;}
.container .right-div h4{line-height: 40px;font-size: 14px;color: #999999;width:100%;float: left;margin:0;}
.container .right-div .box{width:100%;max-height: 150px;min-height:80px;border:solid 1px #999999;box-sizing:border-box;overflow: auto;}
.container .right-div .box-img .box{
	text-align: center;
}
.container .right-div .box-text .box{
	text-align: left;
}
.container .right-div .box-img .box img{height: 140px;width:auto;display: inline-block;margin:2px 0;}
.container .right-div .box-title .select{width:100%;float: left;position: relative;}
.container .right-div .box-title .select:after{content:"";display: block;width:14px;height: 9px;position: absolute;right:10px;top:15px;background: url(../images/after.png);background-size: 100%;pointer-events: none; }
.container .right-div .box-title select{border:none;width:100%;border: solid 1px #999999;box-sizing:border-box;float: left;border-radius: 5px;cursor: pointer;height: 38px;overflow: hidden;position: relative;outline: none; appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-left: 10px;}
.container .right-div .box-title select  p{width:100%;padding:0 10px;box-sizing:border-box;float: left;line-height: 36px;font-size: 14px;margin:0;color: #666666;}
.container .right-div .box-title select  option{width:100%;padding:0 10px;box-sizing:border-box;float: left;line-height: 36px;font-size: 14px;margin:0;color: #666666;background: white;}
.container .right-div .box-radio .radio{width:100%;float: left;}
.container .right-div .box-radio .radio label{width:100%;line-height: 30px;font-size: 14px;color: #666666;float: left;}
.container .right-div .box-p p{line-height: 30px;font-size: 14px;color: #666666;margin:0;}
.container .right-div .box-p p i{display: inline-block;width:16px;height: 16px;background: url(../images/i.png);background-size: 100%;margin-right: 5px;position: relative;top:3.5px;}
.container .right-div .box-p .button{line-height: 30px;border-radius: 15px;background: #1047f5;text-align: center;padding:0 20px;color: white;font-size: 14px;float: left;cursor: pointer;margin: 10px 0;}
.container .right-div .box-p .img{width:100%;height: 150px;background: #efefef;float: left;margin-bottom: 10px;text-align: center;position: relative;}
.container .right-div .box-p .img img{height: 110px;width: auto;margin-top: 20px;}
.container .right-div .box-p .next{width:21px;height: 21px;background: url(../images/next.png);background-size: 100%;position: absolute;left:20px;top:40px;cursor: pointer;}
.container .right-div .box-p .pre{width:21px;height: 21px;background: url(../images/pre.png);background-size: 100%;position: absolute;left:20px;bottom: 40px;cursor: pointer;}
.container .right-div .box-p .X{width:14px;height: 14px;background: url(../images/X.png);background-size: 100%;position: absolute;right:20px;top: 20px;cursor: pointer;}
.right-div .box .p{line-height: 30px;font-size: 14px;color: #fff;background: #656565;padding:0 10px;position: absolute;top:0;left: 0;z-index: -1;opacity: 0;transition:all .5s;}
.right-div .box:hover .p{opacity: 1;z-index: 2;}

.container .right-div .box-p .img.a1 .next{opacity: 0.6;}
.container .right-div .box-p .img.a2 .pre{opacity: 0.6;}

.container .right-div .box{position: relative;}
.container .right-div .box .text2{
	overflow: hidden;
	width:112px;
	position: absolute;
	top:10px;
	left:calc(50% - 20px);
	display:none;
}
.container .right-div .box .text2 a{float: left;height: 28px;width:28px;background: url(../images/box-i1.png) no-repeat -1px 0px;background-color: #8c99c2;cursor: pointer;}
.container .right-div .box .text2 .a2{background: url(../images/box-i1.png) no-repeat -29px 0px;background-color: #8c99c2;}
.container .right-div .box .text2 .a3{
	background: url(../images/box-i1.png) no-repeat -54px 0px;
	background-color: #8c99c2;
}

.container .right-div .box .text2 .a4{
	background: url(../images/box-i1.png) no-repeat -80px 0px;
	background-color: #8c99c2;
}
.container .right-div .box.on .text2,.right-div .box:hover .text2{display:block;}
.container .right-div .box .text2 a:hover{background-color: #1047f5;}

.container .right-div span.button{
	width: 70px;
    height: 24px;
    line-height: 24px;
    text-indent: 20px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    margin-right: 20px;
    border: 1px solid #dcdcdc;
    position: relative;
    font-size: 12px;
    background-color: #54abca;
    color: #FFF;
    display: inline-block;
    margin-bottom: 5px;
}

.container .right-div .box-s .left{
	width: 75px;
    text-align: right;
    float: left;
    line-height: 28px;
    position: relative;
    font-weight: bold;
    color: #666;
    overflow: hidden;
    top: 16px;
}

.container .right-div .box-s .right{
	padding-left: 80px;
}

.container .right-div .box-s .right select{
	height: 24px;
    vertical-align: top;
    border: 1px solid #CCC;
    /* border-radius: 4px; */
    -webkit-border-radius: 4px;
    margin-bottom: 13px;
}

.container .right-div .box-s .right .span_radio {
    height: 16px;
    line-height: 16px;
    float: left;
    position: relative;
    width: 48px;
    margin-right: 10px;
}

.container .right-div .box-s .right .span_radio.on .radio-icon {
    background-position: 0px -16px;
}	

.container .right-div .box-s .right .span_radio .radio-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 0px;
    background: url(../images/radio-icon.png) no-repeat 0px 0px;
}

.container .right-div .box-s .right .span_radio .radio-icon input {
    display: block;
    width: 16px;
    height: 16px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.container .right-div .box-s .right .radio-box label {
    padding-left: 26px;
    cursor: pointer;
}
	
/*-----------------------行业模板市场-----------------------------*/

/*-----------------------模板编辑--------------------------------*/
.product-template-box .product-template-edit .addbox2 .list {
    width: 504px;
    float: left;
    margin-right: 25px;
}

.product-template-box .product-template-edit .addbox2 .list > ul > li .right textarea {
    width: 400px;
    height: 60px;
}

.product-template-box .product-template-edit .addbox2 .right-content {
    width: 750px;
    float: left;
    word-wrap: break-word;
}

.product-template-box .product-template-edit .addbox2 .right-content *{box-sizing: border-box;}

.product-template-box .product-template-edit .addbox2 .right-content span {
    line-height: 150%;
}

.product-template-box .product-template-edit .addbox2 .right-content a {
    color: #06c; 
}

.product-template-box .product-template-edit .addbox2 .right-content.fixed {
    position: fixed;
    left: 50%;
    margin-left: -38px;
    top: 166px;
}

/*-------------------keyframes---------------------------*/
@
-webkit-keyframes imgmove {

25
%
{
    -webkit-transform: translateY(-40px)
;
}

50
%
{
    -webkit-transform: translateY(0px)

;
}
75
%
{
    -webkit-transform: translateY(-10px)

;
}
100
%
{
    -webkit-transform: translateY(0px)

;
}
}
@
keyframes imgmove {

25
%
{
    transform: translateY(-40px)
;
}

50
%
{
    transform: translateY(0px)

;
}
75
%
{
    transform: translateY(-10px)

;
}
100
%
{
    transform: translateY(0px)

;
}
}
@
-webkit-keyframes footer_i {

0
%
{
    -webkit-transform: scale(1)
;
    opacity: 0.2
;
}

25
%
{
    -webkit-transform: scale(1 .2

)
;
    opacity: 0 .4

;
}
50
%
{
    -webkit-transform: scale(1 .5

)
;
    opacity: 0 .7

;
}
75
%
{
    -webkit-transform: scale(1 .8

)
;
    opacity: 0 .4

;
}
99
%
{
    -webkit-transform: scale(2
)
;
    opacity: 0
;
}
100
%
{
    -webkit-transform: scale(0 .2

)
;
    opacity: 0
;
}
}
@
keyframes footer_i {

0
%
{
    transform: scale(1)
;
    opacity: 0.2
;
}

25
%
{
    transform: scale(1 .2

)
;
    opacity: 0 .4

;
}
50
%
{
    transform: scale(1 .5

)
;
    opacity: 0 .7

;
}
75
%
{
    transform: scale(1 .8

)
;
    opacity: 0 .4

;
}
99
%
{
    transform: scale(2
)
;
    opacity: 0
;
}
100
%
{
    transform: scale(0 .2

)
;
    opacity: 0
;
}
}
/*==================================
媒介查询
==================================*/
@media only screen and (min-width: 1601px) {
    .help-box ul li {
        height: 550px;
    }
}

@media only screen and (max-width: 1600px) {
    .help-box ul li h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1544px) {
    .product-template-box .product-template-edit .addbox2 .list {
        width: 405px;
    }

    .product-template-box .product-template-edit .addbox2 .list > ul > li .right textarea {
        width: 300px;
    }
}

@media only screen and (max-width: 1480px) {
    .product-pictures-box .main-img .img-list {
        width: 94%;
    }
}

@media only screen and (max-width: 1444px) {
    .product-template-box .product-template-edit .addbox2 .list {
        width: 327px;
    }

    .product-template-box .product-template-edit .addbox2 .list > ul > li .right textarea {
        width: 225px;
    }
}

@media only screen and (max-width: 1366px) {
    .help-box ul li p {
        font-size: 12px;
    }

}

@media only screen and (max-width: 1364px) {
    /*.product-template-box .product-template-edit .addbox2 .list{width:504px;}
	.product-template-box .product-template-edit .addbox2 .list>ul>li .right textarea{width:400px;}*/
}

@media only screen and (max-width: 1342px) {
    .product-release-box .product-release .left {
        width: 252px;
    }

    .product-release-box .product-release .right {
        width: 428px;
    }

    .product-release-box .complete-schedule ul li .left {
        width: 120px;
    }

    .product-release-box .complete-schedule ul li .text {
        width: 253px;
    }

    .product-pictures-box .detail-img .img-list {
        width: 90%;
    }
}

@media only screen and (max-width: 1360px) {
    .product-templates-box .right .tab-list ul li {
        border: none;
    }

    .product-templates-box .right .tab-list ul li:first-child {
        margin: 0 2%;

    }

    .product-templates-box .left > p span.save, .product-templates-box .left > p span.preview {
        width: 86px;
        margin-right: 10px;
    }

    .product-templates-box .right .edit-tembox {
        padding: 2%
    }
}

@media only screen and (max-width: 1324px) {
    .mykeys .content-box .serach-box {
        height: auto;
    }

    .mykeys .content-box .serach-box .mkey-sousuo {
        display: block;
    }

    .mykeys .content-box .serach-box .mkey-box {
        position: relative;
        height: 28px;
    }

    .mykeys .content-box .panel-box {
        /*height: auto;*/
    }

    .mykeys .content-box .panel-box .mkey-caozuo {
        display: block;
    }

    .mykeys .content-box .panel-box .mkey-box2 {
        display: none;
        position: relative;
        height: 28px;
        margin: 10px 0px 0px -521px;
    }

    .googword .content-box .serach-box .input, .googword .content-box .serach-box .input input {
        width: 300px !important;
    }

    .googword .content-box .serach-box .search {
        left: 435px !important;
    }

    .googword .content-box .serach-box .clear {
        left: 528px !important;
    }

    .googword .content-box .check {
        left: 629px !important;
    }
}

@media only screen and (max-width: 1280px) {
    .help-box ul li h2 {
        font-size: 18px;
    }

    .help-box ul li {
        height: 460px;
    }

    .help-box ul li .num h3 {
        font-size: 60px;
    }
}

@media only screen and (max-width: 1220px) {
    .p4pword-box .content-box .serach-box .input {
        width: 374px !important;
    }

    .p4pword-box .content-box .serach-box .input input {
        width: 374px !important;
    }

    .p4pword-box .content-box .serach-box .search {
        left: 510px !important;
    }

    .p4pword-box .content-box .serach-box .clear {
        left: 600px !important;
    }

    .p4pword-box .content-box .serach-box .check {
        left: 671px !important;
    }
}

@media only screen and (max-width: 1185px) {
    .huishou-box .content-box .serach-box, .choose-keybox .choose2 {
        height: auto;
    }

    .huishou-box .content-box .serach-box .huishou-sousuo {
        display: block;
    }

    .huishou-box .hshou-box {
        display: none;
        position: relative;
        height: 28px;
        margin: 10px 0px 0px -470px;
    }

    .key-tonghang .content-box .serach-box .input, .key-tonghang .content-box .serach-box .input input {
        width: 404px !important;
    }

    .key-tonghang .content-box .serach-box .search {
        left: 418px !important;
    }

    .key-tonghang .content-box .serach-box .clear {
        left: 518px !important;
    }

    .key-tonghang .content-box .serach-box .multistage-select {
        left: 594px !important;
    }

    .choose-keybox .choose-sousuo {
        display: block
    }

    .choose-keybox .choose-box {
        display: none;
        position: relative;
        height: 28px;
        margin: 10px 0px 0px -470px;
    }
}

@media only screen and (max-width: 1080px) {
    .help-box ul li h2 {
        font-size: 16px;
    }

    .help-box ul li p {
        padding: 4px 0px 4px 14%;
    }

    .data-synchronization-box-index .data-box .list ul li h3 {
        font-size: 18px;
    }

    .data-synchronization-box-index h2 {
        line-height: 30px;
    }

    .data-synchronization-box-index h2 span {
        display: block;
        padding-left: 0px;
    }

    .content-box .serach-box.lianxiang > .input {
        width: 400px !important;
    }

    .content-box .serach-box.lianxiang > .input > input {
        width: 400px !important;
    }

    .content-box .serach-box.lianxiang span.search {
        left: 540px !important;
    }

    .content-box .serach-box.lianxiang span.clear {
        left: 635px !important;
    }

    .product-templates-box .left > p span.save, .product-templates-box .left > p span.preview {
        width: 60px;
    }

    .product-templates-box span i {
        display: none;
    }

    .product-templates-box .left > p span.save, .product-templates-box .left > p span.preview {
        text-indent: 18px;
    }
}

@media only screen and (max-width: 1060px) {
    .help-box ul li {
        margin: 0 0 48px 7.2%;
    }
}

/*属性法组合关键词*/
.content-box .serach-box .clearattr {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 320px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.content-box .serach-box .clearattr:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.content-box .list-box .select-box .allcheck {
    width: 560px;
    height: 20px;
    text-align: left;
    font-size: 15px;
    border: 1px solid #00000;
    font-family: "Microsoft YaHei", "微软雅黑", Arial;
    margin-left: 20px;
    margin-top: 10px;
}

.content-box .list-box .select-box .allcheck input {
    width: 15px;
    height: 15px;
    text-align: right;
}

.content-box .list-box .select-box .check {
    width: 560px;
    height: 20px;
    text-align: left;
    font-size: 15px;
    border: 1px solid #00000;
    font-family: "Microsoft YaHei", "微软雅黑", Arial;
    margin-left: 20px;
    margin-top: 18px;
}

.content-box .list-box .select-box .check input {
    width: 15px;
    height: 15px;
    text-align: right;
}

/*选择产品的样式*/
.tb .serach-box {
    height: 28px;
    margin: 0px 0px 14px 0px;
    position: absolute;
    left: 190px;
    width: 30px;
}

.tb .serach-box .input {
    width: 200px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: absolute;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.tb .serach-box input {
    display: block;
    width: 168px;
    height: 26px;
    line-height: 26px;
    text-indent: 12px;
}

.tb .serach-box .clearAll {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 205px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.tb .serach-box .clearAll:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.tb .serach-box .clearAll {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 295px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.tb .serach-box .clearAll:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.tb .serach-box .search {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 210px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.tb .serach-box .search:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.tb .group {
    width: 185px;
    height: 30px;
    position: absolute;
}

.tb .group > p {
    padding-left: 14px;
    line-height: 22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.tb .group > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.tb .group > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 6px;
}

.tb .group .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.tb .group .select-box.show {
    display: block;
}

.tb .all-box {
    padding-bottom: 20px;
}

.tb .all-box ul li {

}

.tb .all-box ul li h3 {
    position: relative;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px;
    border-bottom: 1px dashed #dbdbdb;
}

.tb .all-box ul li h3:hover, .tb .all-box ul li h4:hover,
.tb .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.tb .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.tb .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.tb .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.tb .all-box ul li .v2 i {
    left: 12px;
}

.tb .all-box ul li i.no {
    display: none;
}

.tb .all-box ul li i.on {
    background-position: 0px -10px;
}

.tb .all-box ul li .v2 {
    display: none;
}

.tb .all-box ul li .v2.on {
    display: block;
}

.tb .all-box ul li .v3 {
    display: none;
}

.tb .all-box ul li .v3.on {
    display: block;
}

/*-------------------set--------------------------*/
.set-box {
    padding-top: 92px;
}

.set-box .set-content {
    margin-left: 205px;
    padding: 0 20px 100px 20px;
}

.set-box .panl {
    padding: 17px 0px;
}

.set-box .panl span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 26px;
    margin-right: 20px;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
    vertical-align: middle;
}

.set-box .panl span i {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat top center;
    left: 22px;
    top: 7px;
}

.set-box .panl span.save {
    width: 100px;
    background-color: #54abca;
    color: #FFF;
    text-indent: 47px;
}

.set-box .left {
    min-height: 750px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-bottom: 30px;
}

.set-box h2 {
    line-height: 44px;
    padding: 0px 17px;
    background-color: #f2f2f5;
    font-size: 14px;
    font-weight: bold;
}

.set-box h2 span {
    font-weight: 400;
    padding-left: 14px;
    font-size: 12px;
    color: #666;
}

.set-box .left .text {
    padding: 16px 17px 13px 17px;
    border-bottom: 1px dashed #dcdcdc;
}

.set-box .left .text h3 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    padding-bottom: 12px;
}

.set-box .left .time-box, .set-box .left .way-box {
    position: relative;
    padding-bottom: 10px;
}

.set-box .left .time-box > p, .set-box .left .way-box > p {
    position: relative;
    line-height: 30px;
    padding-left: 10px;
}

.set-box .left .time-box .packet-list, .set-box .left .way-box .way-list {
    width: 240px;
    height: 28px;
    position: absolute;
    left: 138px;
    top: 0px;
}

.set-box .left .time-box .packet-list > p, .set-box .left .way-box .way-list > p {
    padding-left: 14px;
    line-height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.set-box .left .time-box .packet-list > p:hover, .set-box .left .way-box .way-list > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.set-box .left .time-box .packet-list > p > i, .set-box .left .way-box .way-list > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px
}

.set-box .left .time-box .packet-list .select-box, .set-box .left .way-box .way-list .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.set-box .left .time-box .packet-list .select-box p, .set-box .left .way-box .way-list .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.set-box .left .time-box .packet-list .select-box p:hover, .set-box .left .way-box .way-list .select-box p:hover {
    background-color: #f5f5f5;
}

.set-box .left .time-box .packet-list .select-box.show, .set-box .left .way-box .way-list .select-box.show {
    display: block;
}

/*选择核心词搜索*/
.serach-box .add-button {
    width: 100px;
    height: 26px;
    position: absolute;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #54abca;
    cursor: pointer;
    left: 96px;
}

.serach-box .add-button p {
    line-height: 24px;
    color: #FFF;
    font-size: 12px;
    padding-left: 46px;
}

.serach-box .add-button i {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat top center;
    position: absolute;
    left: 20px;
    top: 7px;
}

/*分组按钮提示信息*/
/* -------------联系客服start------------ */
.online-service {
    position: fixed;
    top: 160px;
    right: -80px;
    width: 105px;
    height: 90px;
    overflow: hidden;
    background: #fff;
    padding: 5px 5px 35px;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    z-index: 1099;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.online-service-title {
    vertical-align: top;
    width: 40px;
    display: inline-block;
}

.online-service h5 {
    width: 20px;
    margin-left: 5px;
    line-height: 18px;
    font-size: 16px;
}

.online-service-qq {
    margin: 5px;
    display: inline-block;
    height: 32px;
    line-height: 30px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

    background-position: -194px top;
    position: relative;
    background-image: url("../images/icon/spirit.png");
    background-repeat: no-repeat;
    width: 22px;
}

.online-service:hover {
    text-decoration: none;
    color: #fff;
    background: #90bb0e
}

.online-service:hover .online-service-qq {
    background-position: -316px -142px;
}

.online-service:hover h5 {
    color: #fff;
}

.online-service-show {
    position: fixed;
    top: 100px;
    right: -80px;
    width: 136px;
    border: 2px solid #439cbd;
    background: #fff;
    z-index: 1299;
}

.online-service-show h5 {
    background: #90bb0e;
    font-size: 16px;
    color: #fff;
}

.cc {
    cursor: pointer;
}

.hide {
    display: none;
}

.customer-service-text {
    width: 184px;
    float: left;
    color: #363241;
    font-size: 14px;
    margin-left: 20px;
}

.customer-service-text h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    line-height: 18px;
    font-family: "Microsoft Yahei";
    padding-bottom: 18px;
}

.customer-service-text p {
    line-height: 25px;
}

.customer-service-text span {
    font-weight: bold;
}

.customer-service-text a {
    color: #439cbd;
}

/* -------------联系客服end------------ */
/* -------------产品详情页面提示 start------------ */
.ui2-feedback .ui2-icon-success {
    color: #2ABF2D
}

.ui2-feedback .ui2-icon-warning {
    color: #FD752C
}

.ui2-feedback .ui2-icon-error {
    color: #C9181F
}

.ui2-feedback-large {
    clear: both;
    padding: 20px 64px 20px 20px;
    background-color: #FFF
}

.ui2-feedback-large .ui2-feedback-title {
    margin-left: 44px;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.ui2-feedback-large .ui2-feedback-content {
    margin-left: 44px;
    line-height: 18px
}

.ui2-feedback-large .ui2-icon {
    float: left;
    margin-right: -44px;
    font-size: 32px;
    font-weight: 400;
    line-height: 24px
}

.ui2-feedback-small {
    clear: both;
    padding: 12px 26px 12px 12px;
    background-color: #FFF
}

.ui2-feedback-small .ui2-feedback-content {
    margin-left: 26px;
    color: #333
}

.ui2-feedback-small .ui2-icon {
    float: left;
    margin-right: -26px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}

.ui2-feedback-icon {
    font-size: 16px
}

.ui2-feedback-hasbg {
    border-radius: 3px
}

.ui2-feedback-hasbg.ui2-feedback-success {
    background-color: #E8F9E8
}

.ui2-feedback-hasbg.ui2-feedback-warning {
    background-color: #FFF1E8
}

.ui2-feedback-hasbg.ui2-feedback-wrong {
    background-color: #FAE7E7
}

.ui2-feedback-hasbg.ui2-feedback-error {
    background-color: #FAE7E7
}

.ui2-feedback-card {
    border: 1px solid #DAE2ED;
    border-radius: 3px;
    background-color: #FFF;
    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, .13);
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, .13);
    box-shadow: 3px 3px 4px rgba(0, 0, 0, .13)
}

.ui2-feedback-input-error {
    margin-top: 4px;
    line-height: 18px;
    color: #CC1414;
    margin-left: 86px;
}

.ui2-feedback-input-error-cname {
    margin-top: 4px;
    line-height: 18px;
    color: #CC1414;
}

.ui2-feedback-input-error-cvalue {
    margin-top: 4px;
    line-height: 18px;
    color: #CC1414;
    margin-left: 172px;
}

.ui2-feedback-input-error-attr {
    margin-top: 4px;
    line-height: 18px;
    color: #CC1414;
    margin-left: 132px;
}

.form-help {
    font-size: 12px;
    line-height: 1.2;
    color: #999;
    margin-top: 5px;
    margin-left: 86px;
}

.form-help-attribute {
    font-size: 12px;
    line-height: 1.2;
    color: #999;
    margin-top: 5px;
}

/* -------------产品详情页面提示 end------------ */
.set-box .sett-box .left h2 {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin-bottom: 16px;
}

.set-box .sett-box .left h2 span {
    font-size: 12px;
    color: #AAA;
    padding-left: 14px;
    font-weight: 400;
}

.set-box .panl span.clear {
    width: 100px;
    background-color: #54abca;
    color: #FFF;
    text-indent: 47px;
}


.batch-sku{
	position: fixed;
    box-sizing: border-box;
    width: 500px;
    height: 400px;
    border: solid 2px #439cbd;
    border-radius: 12px;
    overflow-y: auto;
    top: 160px;
    left: 500px;
    z-index: 100;
    background-color: white;
    display:none;
}

.batch-sku .head{
	position: relative;
	margin: 10px;
}

.batch-sku .head .close {
    display: inline-block;
    position: absolute;
    top: -4px;
    right: 0px;
    cursor: pointer;
}

.batch-sku .criteria{
	background-color: #f4f4f4;
    border-radius: 4px;
    min-height: 80px;
}

.batch-sku .criteria .criteria-title{
	margin-bottom: 12px;
    padding-left: 12px;
}

.batch-sku .criteria .criteria-field{
	padding-bottom: 8px;
}

.batch-sku .criteria .criteria-field .left{
	width:100px;
	display:inline-block;
	vertical-align: top;
}

.batch-sku .criteria .criteria-field .left>div{
	text-align: right;
    line-height: 28px;
}

.batch-sku .criteria .criteria-field .right{
	display:inline-block;
}

.batch-sku .criteria .criteria-field .right .piexl{position: relative;width:320px;min-height:30px;overflow:hidden;}
.batch-sku .criteria .criteria-field .right .piexl .val{position:relative;width:100%;min-height:30px;padding:5px 38px 5px 5px;box-sizing:border-box;border:1px solid #aaa;border-radius:5px;font-size:0;background-color:#fff;}
.batch-sku .criteria .criteria-field .right .piexl .val label{position:relative;display:inline-block;height:23px;line-height:23px;margin-right:5px;padding:0 20px 0 5px;background-color:#f1f1f1;border-radius:3px;font-size:12px;cursor:default;}
.batch-sku .criteria .criteria-field .right .piexl .val label i{position:absolute;right:5px;top:6px;width:10px;height:10px;background:url(../images/close1.png);cursor:pointer;}
.batch-sku .criteria .criteria-field .right .piexl .val .arrow{content:"";position:absolute;top:0;right:0;width:33px;height:100%;border-left:1px solid #aaa;cursor:pointer;background:url(../images/arrow5.png) no-repeat center;}
.batch-sku .criteria .criteria-field .right .piexl .val.on{border-color:#007ffc;}
.batch-sku .criteria .criteria-field .right .piexl .selbox{position: absolute;box-sizing: border-box;width:100%;padding:6px;background-color:#fff;border-radius:3px;z-index:99;}
.batch-sku .criteria .criteria-field .right .piexl .selbox p{position:relative;line-height:30px;padding:0 10px 0 20px;margin:0;font-size:12px;cursor:pointer;}
.batch-sku .criteria .criteria-field .right .piexl .selbox p.on:after{content:"";position:absolute;left:4px;top:10px;width:14px;height:11px;background:url(../images/selected.png);}
.batch-sku .criteria .criteria-field .right .piexl .selbox p:hover{background-color:#f4f4f4;}
.batch-sku .criteria .criteria-field .right .piexl.open{overflow:visible;}

.batch-sku .info{
	margin-top:24px;
}

.batch-sku .info .info-title{
	margin-bottom: 12px;
    padding-left: 12px;
}

.batch-sku .info .info-field{
	margin-left: 80px;
	margin-bottom: 8px;
}


.batch-sku .info .info-field .left{
	width:100px;
	display:inline-block;
}

.batch-sku .info .info-field .left>div{
	text-align: right;
    line-height: 28px;
}

.batch-sku .info .info-field .right{
    background-color: #FFF;
    display:inline-block;
    border: 1px solid #BFBFBF;
    border-radius:6px;
}

.batch-sku .info .info-field .right>input{
	height:30px;
	border-radius: 6px;
	vertical-align:baseline;
}

.batch-sku .batch-action{
	margin-top: 16px;
    text-align: center;
}

.batch-sku .batch-action button{
	line-height: 20px;
	color: #FFF;
	border-width: 1px;
    background-color: #0C38C4;
    height:30px;
    padding:0 24px;
    border-radius:50px;
    cursor: pointer;
}

/*-------------------图片选择------------------------*/
.img-translate-box,.img-translate-box1,.img-download-box{
	width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 99899;
    left: 0px;
    top: 0px;
    display: none;
}

.img-translate-box.show,.img-translate-box1.show,.img-download-box.show {
    display: block;
}

.img-translate-box em,.img-translate-box1 em,.img-download-box em {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/bank-close.png) no-repeat 0px 0px;
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
}

.img-translate-box .img-box,.img-translate-box1 .img-box,.img-download-box .img-box {
    width: 960px;
    max-height:600px;
    overflow-y:auto;
    padding: 30px 0px;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 40px auto;
    position: relative;
}

.img-translate-box .img-box h3,.img-translate-box1 .img-box h3,.img-download-box .img-box h3 {
    line-height: 60px;
    background-color: #f5f8fa;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    padding-left: 30px;
    color: #666;
}

.img-translate-box .img-box h3 span,.img-translate-box1 .img-box h3 span,.img-download-box .img-box h3 span {
    color: #f57f0e;
}

.img-translate-box .img-box .img-list,.img-translate-box1 .img-box .img-list,.img-download-box .img-box .img-list {
    width: 900px;
    margin: 0 auto;
}

.img-translate-box .img-box .img-list ul,.img-translate-box1 .img-box .img-list ul,.img-download-box .img-box .img-list ul {
    width: 104%;
}

.img-translate-box .img-box .img-list ul li,.img-translate-box1 .img-box .img-list ul li,.img-download-box .img-box .img-list ul li {
    width: 100px;
    height: 100px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    float: left;
    margin: 0px 14px 12px 0px;
    display: table;
    position: relative;
    border: 1px solid #dcdcdc;
}

.img-translate-box .img-box .img-list ul li em,.img-translate-box1 .img-box .img-list ul li em,.img-download-box .img-box .img-list ul li em {
    width: 100px;
    height: 100px;
    background: url(../images/bank-bg.png) no-repeat top center;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.img-translate-box .img-box .img-list ul li em.show,.img-translate-box1 .img-box .img-list ul li em.show,.img-download-box .img-box .img-list ul li em.show {
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.img-translate-box .img-box .img-list ul li .middle,.img-translate-box1 .img-box .img-list ul li .middle,.img-download-box .img-box .img-list ul li .middle {
    *position: absolute;
    *top: 50%;
    vertical-align: middle;
    display: table-cell;
}

.img-translate-box .img-box .img-list ul li .linner,.img-translate-box1 .img-box .img-list ul li .linner,.img-download-box .img-box .img-list ul li .linner {
    *position: relative;
    *top: -50%;
    text-align: center;
}

.img-translate-box .img-box .img-list ul li img,.img-translate-box1 .img-box .img-list ul li img,.img-download-box .img-box .img-list ul li img {
    width: 100px;
    height: 100px;
}


.img-translate-box .img-box .img-list ul li .checkbox,.img-translate-box1 .img-box .img-list ul li .checkbox,.img-download-box .img-box .img-list ul li .checkbox {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid #54a9ca;
}

.img-translate-box .img-box .img-list ul li.on .checkbox,.img-translate-box1 .img-box .img-list ul li.on .checkbox,.img-download-box .img-box .img-list ul li.on .checkbox {
    background-position: 0px -10px;
}

.img-translate-box .img-box .img-list ul li .checkbox input,.img-translate-box1 .img-box .img-list ul li .checkbox input,.img-download-box .img-box .img-list ul li .checkbox input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}


.img-translate-box .button-list,.img-translate-box1 .button-list,.img-download-box .button-list {
    position: relative;
}

.img-translate-box .button-list p,.img-translate-box1 .button-list p,.img-download-box .button-list p {
    width: 380px;
    height: 32px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 0px;
}

.img-translate-box .button-list p span,.img-translate-box1 .button-list p span,.img-download-box .button-list p span {
    display: inline-block;
    line-height: 24px;
    margin-right: 20px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
    width: 80px;
}

.img-translate-box .button-list p span.auto_tran,.img-translate-box .button-list p span.hand_tran,
.img-translate-box1 .button-list p span.auto_tran,.img-translate-box1 .button-list p span.hand_tran,
.img-download-box .button-list p span.auto_tran,.img-download-box .button-list p span.hand_tran{
    background-color: #439cbd;
    color: #FFF;
    border-color: #439cbd;
}

.img-translate-box .button-list p span.detection,.img-translate-box1 .button-list p span.detection,.img-download-box .button-list p span.detection{
	background-color: #FFC125;
    color: #FFF;
    border-color: #FFC125;
}

.img-translate-box .button-list p span.cpanl:hover,.img-translate-box1 .button-list p span.cpanl:hover,.img-download-box .button-list p span.cpanl:hover {
    background-color: #54abca;
    color: #FFF;
}

/*-------------------图片银行-----------------------*/
.img-bank-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 99899;
    left: 0px;
    top: 0px;
    display: none;
}

.img-bank-box.show {
    display: block;
}

.img-bank-box .multistage-select {
    height: 24px;
    margin-bottom: 18px;
    position: relative;
    display: none;
}

.img-bank-box .multistage-select .input{
	width: 120px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    left: 30px;
}
.img-bank-box .multistage-select .group {
    width: 200px;
    height: 30px;
    position: absolute;
    left: 230px;
    top: 0px;
}

.img-bank-box .multistage-select .reference{
	width: 120px;
    height: 24px;
    position: absolute;
    top:0px;
    left:440px;
}

.img-bank-box .multistage-select .include{
	width: 120px;
    height: 24px;
    position: absolute;
    top:0px;
    left:540px;
}

.img-bank-box .multistage-select .paixu{
	width: 60px;
    height: 24px;
    position: absolute;
    top:0px;
    left:660px;
}


.img-bank-box .multistage-select .orderBy{
	width: 120px;
    height: 24px;
    position: absolute;
    top:0px;
    left:710px;
}

.img-bank-box .multistage-select .search {
    display: block;
    width: 60px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 160px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.img-bank-box .multistage-select > div > p {
    padding-left: 14px;
    line-height: 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.img-bank-box .multistage-select > div > p span {
    width: 90%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.img-bank-box .multistage-select > div > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px;
}

.img-bank-box .multistage-select .reference .select-box,.img-bank-box .multistage-select .include .select-box,.img-bank-box .multistage-select .orderBy .select-box {
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.img-bank-box .multistage-select .reference .select-box.show,.img-bank-box .multistage-select .include .select-box.show,.img-bank-box .multistage-select .orderBy .select-box.show{
	display: block;
}

.img-bank-box .multistage-select .reference .select-box p,.img-bank-box .multistage-select .include .select-box p,.img-bank-box .multistage-select .orderBy .select-box p{
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}



.img-bank-box .group > p {
    padding-left: 14px;
    line-height: 22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.img-bank-box .group > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.img-bank-box .group > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 6px;
}

.img-bank-box .group .select-group-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
}

.img-bank-box .group .select-group-box.show {
    display: block;
}

.img-bank-box .all-box {
    padding-bottom: 20px;
}

.img-bank-box .all-box ul li {

}
.img-bank{
    position: relative;
}

.img-bank .all-box ul li h3 {
    position: relative;
    line-height: 25px;
    margin-bottom:0;
    font-weight: 400;
    color: #439cbd;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}
.img-bank .all-box ul li h3 span{
	color: #439cbd;
}

.img-bank .all-box ul li h3:hover, .list-box .all-box ul li h4:hover,
.img-bank .all-box ul li p:hover {
    background-color: #f5f5f5;
}

.img-bank-box .all-box ul li h4 {
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 30px;
    border-bottom: 1px dashed #dbdbdb;
}

.img-bank-box .all-box ul li p {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 14px 6px 46px;
    border-bottom: 1px dashed #dbdbdb;
    color: #999;
}

.img-bank-box .all-box ul li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/zu-icon.png) no-repeat 0px 0px;
    position: absolute;
    left: 3px;
    top: 11px;
}

.img-bank-box .all-box ul li .v2 i {
    left: 12px;
}

.img-bank-box .all-box ul li i.no {
    display: none;
}

.img-bank-box .all-box ul li i.on {
    background-position: 0px -10px;
}

.img-bank-box .all-box ul li .v2 {
    display: none;
}

.img-bank-box .all-box ul li .v2.on {
    display: block;
}

.img-bank-box .all-box ul li .v3 {
    display: none;
}

.img-bank-box .all-box ul li .v3.on {
    display: block;
}

.img-bank {
    width: 860px;
    padding: 30px 0px;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 40px auto;
    position: relative;
}

.img-bank h3 {
    line-height: 60px;
    background-color: #f5f8fa;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    padding-left: 30px;
    color: #666;
}

.img-bank h3 span {
    color: #f57f0e;
}

.img-bank .img-list {
    width: 800px;
    margin: 0 auto;
}

.img-bank .img-list ul {
    width: 104%;
}

.img-bank .img-list ul li {
    width: 100px;
    height: 100px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    float: left;
    margin: 0px 14px 12px 0px;
    display: table;
    position: relative;
    border: 1px solid #dcdcdc;
}

.img-bank .img-list ul li em {
    width: 100px;
    height: 100px;
    background: url(../images/bank-bg.png) no-repeat top center;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.img-bank .img-list ul li em.show {
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.img-bank .img-list ul li .middle {
    *position: absolute;
    *top: 50%;
    vertical-align: middle;
    display: table-cell;
}

.img-bank .img-list ul li .linner {
    *position: relative;
    *top: -50%;
    text-align: center;
}

.img-bank .img-list ul li img {
    width: 100px;
    height: 100px;
}


.img-bank .img-list ul li .checkbox {
    width: 10px;
    height: 10px;
    background: url(../images/table-icon.png) 0px 0px;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid #54a9ca;
}

.img-bank .img-list ul li.on .checkbox {
    background-position: 0px -10px;
}

.img-bank .img-list ul li .checkbox input {
    display: block;
    width: 10px;
    height: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.img-bank-box .sub-page {
    padding: 20px 30px;
}

.img-bank-box em {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/bank-close.png) no-repeat 0px 0px;
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
}

.box-button {
    position: relative;
}

.box-button p {
    width: 240px;
    height: 32px;
    text-align: center;
    position: absolute;
    left: 200px;
    top: 20px;
}

.box-button p span {
    display: inline-block;
    line-height: 24px;
    margin-right: 20px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 12px;
    width: 80px;
}

.box-button p span.true {
    background-color: #439cbd;
    color: #FFF;
    border-color: #439cbd;
}

.box-button p span.detection{
	background-color: #FFC125;
    color: #FFF;
    border-color: #FFC125;
}

.box-button p span.cpanl:hover {
    background-color: #54abca;
    color: #FFF;
}

.img-bank-box .sub-page {
    position: relative;
}

.img-bank-box .sub-page .box1 {
    padding-right: 260px;
}

.img-bank-box .sub-page .box2 {
    width: 212px;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 20px;
}

.img-bank-box .sub-page .box2 p {
    line-height: 30px;
    font-size: 14px;
    text-align: left;
    color: #333;
}

.img-bank-box .sub-page .box2 input {
    display: block;
    width: 46px;
    height: 28px;
    border: 1px solid #dcdcdc;
    position: absolute;
    top: 0px;
    left: 100px;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    line-height: 28px;
}

.img-bank-box .sub-page .box2 span {
    display: block;
    width: 40px;
    height: 28px;
    border: 1px solid #dcdcdc;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
}

/*修改分组的按钮列表*/
.change-box {
    height: 26px;
    position: relative;
    margin-bottom: 10px;
    margin-left: 10px;
}

.choose-box {
    height: 26px;
    /*position: relative;*/
    margin-left: 10px;
}

.change-box .add-button {
    width: 90px;
    height: 26px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #54abca;
    cursor: pointer;
}

.change-box .add-button p {
    line-height: 24px;
    color: #FFF;
    font-size: 12px;
    padding-left: 30px;
}

.change-box .add-button i {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat top center;
    position: absolute;
    left: 10px;
    top: 7px;
}

.change-box .del-button {
    width: 90px;
    height: 26px;
    position: absolute;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    background-color: #54abca;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.change-box .del-button p {
    padding-left: 34px;
    font-size: 12px;
    color: #FFF;
    line-height: 24px;
}

.change-box .del-button i {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/del.png) no-repeat top center;
    position: absolute;
    left: 10px;
    top: 7px;
}

.change-box .edit-button {
    width: 118px;
    height: 24px;
    position: absolute;
    left: 110px;
    top: 0px;
    border: 1px solid #dbdbdb;
    background-color: #54abca;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.change-box .edit-button p {
    padding-left: 34px;
    font-size: 12px;
    color: #FFF;
    line-height: 24px;
}

.change-box .edit-button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat top center;
    position: absolute;
    left: 10px;
    top: 7px;
}

/*------------------------加载div样式----------------------------------------*/
.loading {
    z-index: 1001;
    vertical-align: middle;
    text-align: center;
    height: 230px;
    line-height: 70px;
    font-size: 15px;
}
.loading b{
    width:175px;
}
.loading img{
    vertical-align: middle;
}

.white_content {
    display: none;
    position: absolute;
    border: 3px solid lightblue;
    background-color: #FFF;
    z-index: 99999;
    /*-moz-opacity: 0.5;*/
    /*opacity: .50;*/
    /*filter: alpha(opacity=50);*/
    vertical-align: middle;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
    text-align: center;
}
/*-------------------------------------------------------------------------*/
/* 预览的样式 ------start*/
.prev-basic-information {
    overflow: hidden;
    border-bottom: 1px dashed #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}

.prev-basic-information .prev-main {
    background: #fff;
    margin-bottom: 20px;
}

.prev-basic-information .prev-main h2 {
    font-size: 18px;
    color: #666;
    padding: 24px 0px 10px 0px;
    font-weight: bold;
}

.prev-basic-information .prev-main .left {
    float: left;
    width: 380px;
    margin-left: 23px;
}

.prev-basic-information .prev-main .left .img-list-preview {
    margin-bottom: 8px;
}

.prev-basic-information .prev-main .left .img-list-preview ul li.active {
    border: 2px solid #fe9500;
}

.prev-basic-information .prev-main .left .img-list-preview ul li {
    width: 50px;
    height: 50px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    border: 1px solid #dcdcdc;
    float: left;
    margin-right: 5px;
    background: url(//u.alicdn.com/simg/sprites/env/productposting/uploader-bg.png) no-repeat -1px 0px;
    display: table;
    position: relative;
}

.prev-basic-information .prev-main .left .img-list-preview ul li .middle {
    *position: absolute;
    *top: 50%;
    vertical-align: middle;
    display: table-cell;
}

.prev-basic-information .prev-main .left .img-list-preview ul li .middle .linner {
    *position: relative;
    *top: -50%;
    text-align: center;
}

.prev-basic-information .prev-main .right {
    float: left;
    margin-left: 8px;
    border-left: 1px solid #dae2ee;
    min-height: 406px;
    width: 864px;
}

.prev-basic-information .prev-main .right h4 {
    width: 98%;
}

.prev-basic-information .prev-main .right h4 > span.ma-title-text {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding-left: 18px;
    font-weight: 400;
    width: 98%;
}

.prev-basic-information .prev-main .right .ma-main {
    font-size: 14px;
    background-color: #f5f7fa;
    margin-top: 16px;
    font-family: Roboto;
    width: 98%;
}

.prev-basic-information .prev-main .right .ma-main .customize{
	position: relative;
    width: 100%;
    zoom: 1;
    box-sizing: content-box;
    padding: 0px 18px;
}

.prev-basic-information .prev-main .right .ma-main .customize .name{
	padding: 4px 0;
    color: #666;
    width: 110px;
    float: left;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prev-basic-information .prev-main .right .ma-main .customize .value{
	display: block;
    padding: 4px 50px 4px 0;
    margin-left: 110px;
}

.prev-basic-information .prev-main .right .ma-main .customize .value .customization-list-item-moq{
	color:#999;
}

.prev-basic-information .prev-main .right .ma-main .ma-fob-title {
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    margin-left: 18px;
    line-height: 18px;
    text-align: left;
    padding: 9px 0 4px;
    vertical-align: middle;
}

.ma-main .ma-price-wrap {
    border-top: 1px solid #e6e7eb;
    background-color: #FFF;
    padding: 0 18px;
}

.ma-main .ma-price-wrap .ma-reference-price {
    color: #999;
    padding: 20px 0;
}

.ma-main .ma-price-wrap .ma-reference-price .ma-ref-price {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 24px;
}

.ma-main .ma-price-wrap .ma-split {
    padding: 0 5px;
    color: #D9E2EF;
}

.ma-main .ma-price-wrap .ma-min-order {
    color: #333;
}

.ma-main .ma-brief-list {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    padding: 10px 18px;
}

.ma-main .ma-brief-list dl {
    width: 100%;
    zoom: 1;
}

.ma-main .ma-brief-list dt {
    padding: 4px 0;
    color: #666;
    width: 120px;
    float: left;
}

.ma-main .ma-brief-list dd {
    padding: 4px 0;
    padding-left: 100px;
    color: #333;
    width: auto;
    margin: 0;
}

.ma-price-wrap ul {
    list-style: none;
    overflow: hidden;
}

.ma-price-wrap li {
    margin: 0;
    display: inline-block;
}

.ma-main .ma-price-wrap .ma-ladder-price {
    display: block;
    box-sizing: border-box;
    margin: 0 -18px;
    height: 62px;
}

.ma-ladder-price li {
    float: left;
    padding: 8px 0 8px 18px;
    box-sizing: border-box;
    width: 18%;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ma-ladder-price .ma-quantity-range {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ma-ladder-price .ma-spec-price {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-tab-body {
    border: 1px solid #dae2ee;
    border-top: none;
    padding: 0 16px;
}

.ui-tab-body .ui-tab-pane {
    padding: 10px;
    display: none
}

.ui-tab-body .ui-tab-active {
    padding: 10px;
    display: block
}

.ls-product a:hover {
    text-decoration: underline
}

.ls-product .box {
    padding: 20px 0;
    border-top: 1px dotted #ccc
}

.ls-product .box-first {
    border: none
}

.ls-product .title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 8px 0;
    overflow: hidden
}

.ls-product .table {
    width: 100%
}

.ls-product .table td {
    vertical-align: top;
    line-height: 20px;
}

.ls-product .table .name {
    color: #666;
    width: 101px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ls-product .quick-detail {
    table-layout: fixed
}

.ls-product .quick-detail .value {
    padding: 0 5px
}

.ls-product .ellipsis {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    width: 100%
}
.rich-text-description {
    word-wrap: break-word;
    width: 750px;
}

.rich-text-description *{
	box-sizing: border-box;
}
.rich-text-description img {
    max-width: 750px
}

.richtext img {
    border: none;
    color: transparent;
    font-size: 0;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.ls-product .rich-text-description {
    overflow: hidden;
    width: 750px;
    position: relative
}
.ls-product .rich-text-description img {
    max-width: 750px
}
.ls-product .rfq {
    margin-bottom: 15px;
    color: #666
}

.ls-product .ico-leaf {
    margin-right: 4px;
    position: relative;
    top: -2px;
    vertical-align: middle
}

.ls-product .tip {
    color: #999
}
.ls-product .emphasis {
    font-weight: 700
}
.rich-text-description ul {
    list-style-type: disc !important;
}
.rich-text-description ol, .rich-text-description ul {
    display: block !important;
    margin: 1em 0 !important;
  /*   padding: 0 0 0 40px !important; */

}
.richtext ul {
    list-style: disc;
    list-style-type: disc;
    /* padding: 0 0 0 30px; */
}
.richtext ul > li {
    display: list-item !important;
    margin: 0 0 0 0px;
    list-style-type: disc;
}

.richtext ol > li {
    display: list-item;
    margin: 0 0 0 30px;
    list-style-type: none;
}

table.aliDataTable th, table.aliDataTable td {
    border: 1px solid #ccc;
    color: #000;
    padding: 1px;
}

table.aliDataTable th, table.aliDataTable td {
    border: 1px solid #ccc;
    color: #000;
    padding: 1px;
}

.richtext table {
    border-collapse: separate;
    width: auto;
}

.richtext table td {
    font-weight: 400;
}

.richtext table th, .richtext table td {
    float: none;
}

.richtext table td {
    font-weight: 400;
}

.richtext table th, .richtext table td {
    float: none;
}

.richtext table, .richtext caption, .richtext tbody, .richtext tfoot, .richtext thead, .richtext tr, .richtext th, .richtext td {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

.richtext h2 {
    font-size: 1.5em;
    margin: 0.75em 0;
}

.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
    font-weight: 700;
    line-height: 1;
}

.richtext h3 {
    font-size: 1.17em;
    margin: .83em 0;
}

.richtext a {
    color: #1686CC;
    text-decoration: none;
}

.richtext span {
    line-height: 150%;
}

.ma-brief-item{
	padding: 10px 18px;
    width: 100%;
    zoom: 1;
}

.ma-brief-item dd {
    padding: 4px 0 4px 106px;
    color: #333;
    width: auto;
    margin: 0;
}

.sku-wrap{
	padding: 10px 18px;
}

.sku-wrap .sku-attr-dl{
	min-height: 44px;
    overflow: hidden;
}

.sku-wrap dt.name {
    position: relative;
    z-index: 1;
    color: #666;
    width: 110px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sku-wrap .sku-attr-val {
    position: relative;
}

.sku-wrap .sku-attr-val-frame {
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: center;
}


/* 预览的样式 ------end*/

ul.list-paddingleft-2 > li {
    display: list-item;
    margin: 0 0 0 30px;
    list-style-type: disc;
}

ol.list-paddingleft-2 > li {
    display: list-item;
    margin: 0 0 0 30px;
    list-style-type: decimal;
}

.serach-box .add-button {
    width: 100px;
    height: 26px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #54abca;
    cursor: pointer;
}

.serach-box .add-button p {
    line-height: 24px;
    color: #FFF;
    font-size: 12px;
    padding-left: 46px;
}

.serach-box .add-button i {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/add.png) no-repeat top center;
    position: absolute;
    left: 20px;
    top: 7px;
}

.serach-box .edit-button {
    width: 148px;
    height: 24px;
    position: absolute;
    left: 110px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.serach-box .edit-button p {
    padding-left: 36px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.serach-box .edit-button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/edit.png) no-repeat top center;
    position: absolute;
    left: 15px;
    top: 7px;
}

.serach-box .del-button {
    width: 88px;
    height: 24px;
    position: absolute;
    left: 270px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.serach-box .del-button p {
    padding-left: 44px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.serach-box .del-button i {
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/del.png) no-repeat top center;
    position: absolute;
    left: 18px;
    top: 7px;
}

.serach-box .check-button {
    width: 88px;
    height: 24px;
    position: absolute;
    left: 270px;
    top: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

.serach-box .check-button p {
    padding-left: 15px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
}

.serach-box .check-button i {
    display: block;
    width: 10px;
    height: 13px;
    position: absolute;
    left: 18px;
    top: 7px;
}

/*
 *中英文切换按钮
 */
.content-box .changeLanguage .changeChinese {
    display: block;
    width: 33px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.content-box .changeLanguage .changeEnglish {
    display: block;
    width: 33px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    top: 0px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

/*操作日记*/
.operateLog-box {
    padding: 92px 20px 0px 20px;
}

.operateLog-box h1 {
    font-size: 21px;
    color: #333;
    padding: 22px 0px 20px 0px;
}

.operateLog-box ul li {
    width: 19.25%;
    height: 493px;
    float: left;
    margin: 0 0 48px 7.4%;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
}

.operateLog-box ul li:first-child {
    margin-left: 0px;
}

.operateLog-box ul li .con {
    width: 78%;
    margin: 0 auto;
}

.operateLog-box ul li .num {
    width: 69.4%;
    margin: 38px auto 22px auto;
    height: 164px;
    text-align: center;
    line-height: 164px;
    border: 1px solid #ababab;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.operateLog-box ul li .num h3 {
    font-size: 81px;
    color: #ababab;
    font-weight: 400;
    font-family: "Microsoft YaHei Light", "微软雅黑", Arial;
}

.operateLog-box ul li .num i {
    width: 100%;
    height: 164px;
    position: absolute;
    z-index: 30;
    top: -3px;
    left: 0px;
    border-radius: 50%;
    border: 2px solid #5eb2d1;
    display: none;
}

.operateLog-box ul li > em {
    display: block;
    width: 35px;
    height: 28px;
    background: url(../images/help-icon.png) no-repeat -35px 0px;
    position: absolute;
    right: -23.7%;
    top: 234px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.operateLog-box ul li h2 {
    font-size: 24px;
    color: #000;
    font-family: "Microsoft YaHei Light", "微软雅黑", Arial;
    padding-bottom: 22px;
}

.operateLog-box ul li p {
    font-size: 14px;
    padding: 4px 0px 4px 17%;
    border-left: 2px solid #d2d2d2;
    color: #333;
}

.operateLog-box ul li:hover {
    background-color: #72c6e5;
    border-color: #72c6e5;
    color: #FFF;
}

.operateLog-box ul li:hover h2 {
    color: #FFF;
}

.operateLog-box ul li:hover p {
    border-color: #FFF;
    color: #FFF;
}

.operateLog-box ul li:hover .num {
    background-color: #5eb2d1;
    border-color: #5eb2d1;
}

.operateLog-box ul li:hover .num h3 {
    color: #72c6e5;
}

.operateLog-box ul li:hover > em {
    background-position: 0px 0px;
}

.operateLog-box ul li:hover .num i {
    -webkit-animation: footer_i 1s 1 linear;
    animation: footer_i 1s 1 linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: block;
}

.operateLog-box .serach-box {
    height: 28px;
    margin: 18px 0px 14px 0px;

    position: relative;
}
.operateLog-box .serach-box .input {
    width: 200px;
    height: 26px;
    border: 1px solid #dbdbdb;
    position: relative;
    top: -28px;
    left: 540px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.operateLog-box .serach-box input {
    display: block;
    width: 168px;
    height: 26px;
    line-height: 26px;
    text-indent: 12px;
}
.operateLog-box .serach-box .search {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    left: 760px;
    top: 11px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.operateLog-box .serach-box .search:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.operateLog-box .serach-box .clear {
    display: block;
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    left: 826px;
    top: 11px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.operateLog-box .serach-box .clear:hover {
    color: #FFF;
    background-color: #54abca;
    border-color: #54abca;
}

.tool-tip {
    background: rgba(0, 0, 0, 0) url("../images/inline-help.png") no-repeat scroll center top;
    display: block;
    height: 29px;
    float: right;
    /*top: 4px;*/
    width: 31px !important;
}

.tool-tip1 {
    background: rgba(0, 0, 0, 0) url("../images/inline-help1.png") no-repeat scroll center top;
    display: block;
    height: 20px;
    float: right;
    /*top: 4px;*/
    width: 20px !important;
}

.tooltip {
    position: absolute;
    display: none;
    z-index: 9900000;
    outline: none;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.tooltip-arrow-outer,
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    _border-color: tomato;
    _filter: chroma(color=tomato);
}

.tooltip-bottom .tooltip-arrow-outer {
    top: 0;
    left: 50%;
    margin: -13px 0 0 -6px;
}

.tooltip-bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin: -12px 0 0 -6px;
}
.invalidHint{
    border: 3px solid #ff0000;
    display: inline-block;
}

/*详情图优化*/
.optimize-box{    
	margin-left: 205px;
    padding:92px 20px 300px 20px;
}
.optimize-box img{
	display:block;
	max-width:100%;
	height:auto !important;
}
.optimize-box .click-button{
    width: 90px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #dcdcdc;
    color: #666;
    cursor: pointer;
    border-radius: 4px;
    vertical-align: top;
    margin-left:120px;
    -webkit-border-radius: 4px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    background-color:#54abca;
    color:#FFF;
}

.optimize-box .click-button:hover{
    background-color: #f28207;
}

.optimize-box .omit-button{
    width: 90px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #666;
    cursor: pointer;
    border-radius: 4px;
    vertical-align: top;
    margin-left:230px;
    margin-top: -30px;
    -webkit-border-radius: 4px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

/*新首页样式*/
.mainarea{padding: 126px 20px 100px 20px;}
.mainarea:after{content:" ";display:block;width:0;height:0;clear:both;}
.banner_control p{text-align: center;}
.banner_control p em{position: relative;display:block;width: 50px;height: 28px;cursor: pointer;}
.banner_control p em.show{background:url(../images/arrow1.png) no-repeat;top:0px;left:710px;}
.banner_control p em.hide{background:url(../images/arrow2.png) no-repeat;top:-28px;left:770px;}
.cont-box{width:49%;height:460px;border:1px solid #bfbfbf;overflow:hidden;border-radius:5px;}
.cont-box .title{position:relative;height:43px;line-height:43px;background-color:#f8f8fa;border-bottom:1px solid #dfdfdf;box-sizing:border-box;}
.cont-box .title .more{position:absolute;width:;height:15px;line-height:15px;top:14px;right:2.6%;font-size:12px;}
.cont-box .title .more i{display:inline-block;width:30px;height:15px;background:url(../images/more-icon.png) no-repeat;vertical-align:top;}
.cont-box .title .time{float:left;font-size:12px;line-height:42px;margin-left:15px;}
.cont-box .title .filter{position:absolute;height:26px;padding:8px 0;top:0;right:2.6%;}
.cont-box .title .filter select{width:123px;height:26px;line-height:26px;padding-left:15px;background-color:#f2f2f5;border-color:#bfbfbf;border-radius:5px;cursor:pointer;vertical-align:top;}
.cont-box .title .filter .effect{display:inline-block;font-size:12px;line-height:26px;margin-left:10px;vertical-align:top;}
.cont-box .title .filter .effect i{display:inline-block;width:17px;height:17px;line-height:26px;background:url(../images/effect-icon.png) no-repeat;vertical-align:middle;}
.cont-box .title h3{float:left;font-size:16px;margin:0;padding-left:2.6%;}
.cont-box:hover{box-shadow:3px 3px 10px #ddd;}
.view{float:left;margin-bottom:1.875%;}
.view .detail{padding:2.6%;overflow:hidden;}
.view .detail label{display:block;font-size:14px;line-height:25px;font-weight:bold;margin-bottom:10px;}
.view .detail .behave{position:relative;float:left;width:50%;padding-right:2.6%;box-sizing:border-box;}
.view .detail .behave .status{padding:10px 0;}
.view .detail .behave .status img{vertical-align:middle;}
.view .detail .behave .status span{font-size:24px;vertical-align:middle;margin-left:20px;}
.view .detail .behave .reflect{margin-bottom:15px;}
.view .detail .behave .reflect p{position:relative;line-height:25px;font-size:12px;padding-left:15px;}
.view .detail .behave .reflect p .blue{font-size:18px;font-weight:bold;color:#47a2d9;}
.view .detail .behave .reflect p .org{font-size:18px;font-weight:bold;color:#e79b52;}
.view .detail .behave .reflect p:after{content:" ";position:absolute;top:10px;left:0;width:3px;height:3px;border:2px solid #bfbfbf;border-radius:50%;}
.view .detail .behave .strip p{position:relative;height:18px;line-height:18px;font-size:12px;padding-left:80px;margin-bottom:10px;}
.view .detail .behave .strip p span{position:absolute;line-height:18px;top:0;left:0;}
.view .detail .behave .strip p i{display:block;width:0;height:18px;background-color:#c9d3e0;transition:width 2s;}
.view .detail .behave .strip p i:hover{background-color:#439cbd;}
.view .detail .behave:after{content:" ";position:absolute;width:1px;height:330px;top:0;right:0;background-color:#dcdcdc;}
.view .detail .num{float:left;width:50%;padding:0 2.6%;box-sizing:border-box;}
.view .detail .num p{position:relative;line-height:25px;margin-bottom:3px;font-size:12px;padding-left:15px;}
.view .detail .num p:after{content:" ";position:absolute;top:9px;left:0;width:3px;height:3px;border:2px solid #bfbfbf;border-radius:50%;}
.view .detail .num .big{display:block;font-size:32px;line-height:30px;color:#525555;margin-bottom:12px;}
.view .detail .num .pronum{padding-left:2%;border-bottom:1px solid #dcdcdc;padding-bottom:15px;}
.view .detail .num .keynum{padding-left:2%;padding-top:15px;}
.view .detail .behave .reflect .ui2-icon-svg {
    display: inline-block;
    font-size: 0;
    background-repeat: no-repeat;
}
.view .detail .behave .reflect .ui2-icon-svg-xs {
    background-image: url(../images/sprite.svg);
    width: 16px;
    height: 16px;
    background-size: 80px !important;
}
.view .detail .behave .reflect .ui2-icon-svg-diamond-level-one {
    background-position: 25% 66.66666666666667%;
}
.view .detail .behave .reflect .ui2-icon-svg-diamond-level-half-filled {
    background-position: 0 66.66666666666667%;
}
.rank{float:right;margin-bottom:1.875%;}
.rank .detail{padding:0 20px 0 20px;height:417px;overflow-y:auto;}
.rank .detail .tip{position:relative;height:35px;line-height:35px;font-size:14px;font-weight:bold;margin-bottom:10px;}
.rank .detail .tip span{position:absolute;top:0;}
.rank .detail .tip .pnum{width:80px;right:115px;}
.rank .detail .tip .best{width:115px;right:0;text-align:center;}
.rank .detail .list li{margin-bottom:15px;}
.rank .detail .list .word{position:relative;height:25px;line-height:25px;font-size:14px;padding-right:210px;}
.rank .detail .list .word p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank .detail .list .word span{position:absolute;top:0;}
.rank .detail .list .word .amount{width:80px;right:115px;}
.rank .detail .list .word .seat{width:115px;right:0;}
.rank .detail .list .bar{width:100%;height:6px;background-color:#eee;}
.rank .detail .list .bar i{display:block;width:0;height:100%;transition:width 2s;}
.data{float:left;}
.data .detail{padding:0 20px;}
.data .detail .value{height:95px;overflow:hidden;margin-bottom:20px;}
.data .detail .value li{float:left;width:110px;height:90px;padding-top:5px;border-right:1px solid #dcdcdc;text-align:center;}
.data .detail .value li span{display:block;font-size:14px;font-weight:bold;}
.data .detail .value li label{display:block;font-size:20px;line-height:35px;font-weight:bold;color:#429cc0;margin-bottom:5px;}
.data .detail .value li p{font-size:12px;height:15px;line-height:15px;}
.data .detail .value li p i{display:inline-block;width:10px;height:15px;margin-right:5px;vertical-align:top;}
.data .detail .value li .up{color:#f67f0b;}
.data .detail .value li .up i{background:url(../images/value-up-icon.png) no-repeat;}
.data .detail .value li .down{color:#54c8ca;}
.data .detail .value li .down i{background:url(../images/value-down-icon.png) no-repeat;}
.data .detail .line-chart{height:270px;}
.func{float:right;}
.func .title{padding-top:7px;}
.func .title .tab{height:35px;padding-left:2.6%;}
.func .title .tab span{float:left;display:block;font-size:16px;font-weight:bold;padding:1px 21px 0;height:34px;line-height:34px;border-radius:5px 5px 0 0;color:#525555;cursor:pointer;}
.func .title .tab span.on{background-color:#fff;padding:1px 20px 0;border:1px solid #dcdcdc;border-bottom:none;}
.func .detail{padding:20px;}
.func .detail .sbox{display:none;}
.func .detail .sbox.on{display:block;}
.func .detail .bulletin,.func .detail .revered{position:relative;padding-right:290px;}
.func .detail .bulletin .actlist,.func .detail .revered .actList{position:relative;}
.func .detail .bulletin .actlist .line,.func .detail .revered .actlist .line{position:absolute;width:1px;height:100%;background-color:#dcdcdc;top:14px;left:4px;}
.func .detail .bulletin .actlist ul,.func .detail .revered .actlist ul{padding-left:18px;}
.func .detail .bulletin .actlist li{position:relative;line-height:35px;font-size:14px;padding-right:60px;border-bottom:1px dashed #dcdcdc;}
.func .detail .revered .actlist li{position:relative;line-height:46px;font-size:14px;padding-right:60px;border-bottom:1px dashed #dcdcdc;}
.func .detail .bulletin .actlist li a,.func .detail .revered .actlist li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.func .detail .bulletin .actlist li a:hover,.func .detail .revered .actlist li a:hover{color:#429cc0;}
.func .detail .bulletin .actlist li label{position:absolute;top:0;right:0;line-height:35px;}
.func .detail .bulletin .actlist li .act,.func .detail .revered .actlist li .act{color:#d46172;}
.func .detail .bulletin .actlist li .rew,.func .detail .revered .actlist li .rew{color:#439cbd;}
.func .detail .bulletin .actlist li:after,.func .detail .revered .actlist li:after{content:" ";position:absolute;top:14px;left:-18px;width:9px;height:9px;border-radius:50%;background-color:#dcdcdc;}
.func .detail .bulletin .actpic,.func .detail .revered .actpic{position:absolute;width:256px;right:0;top:0;}
.func .detail .feedback{position:relative;padding-right:340px;}
.func .detail .feedback .flist ul{border-top:1px dashed #d2d2d2;margin-bottom:7px;}
.func .detail .feedback .flist li{padding:10px 0 7px;border-bottom:1px dashed #d2d2d2;}
.func .detail .feedback .flist li p{line-height:22px;font-size:14px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.func .detail .feedback .flist li span{display:inline-block;height:20px;line-height:20px;font-size:14px;}
.func .detail .feedback .flist li span i{display:inline-block;width:25px;height:20px;vertical-align:top;}
.func .detail .feedback .flist li .der i{background:url(../images/der-icon.png) no-repeat;}
.func .detail .feedback .flist li .thu i{background:url(../images/thu-icon.png) no-repeat;}
.func .detail .bulletin .more,.func .detail .revered .more,.func .detail .feedback .flist .more{line-height:30px;font-size:14px;font-weight:bold;color:#439cbd;}
.func .detail .feedback .fsub{position:absolute;width:310px;right:0;top:0;}
.func .detail .feedback .fsub .term{height:22px;line-height:22px;font-size:14px;overflow:hidden;margin-bottom:10px;}
.func .detail .feedback .fsub .term > div{position:relative;float:left;margin-right:25px;}
.func .detail .feedback .fsub .term label{display:block;}
.func .detail .feedback .fsub .term input[type="radio"]{position:absolute;left:0;top:5px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;cursor:pointer;}
.func .detail .feedback .fsub .term input[type="radio"] + label::before{content:" ";display:inline-block;vertical-align:middle;font-size:18px;width:10px;height:10px;margin-right:5px;border-radius:50%;border:1px solid #a2a2a2;}
.func .detail .feedback .fsub .term input[type="radio"]:checked + label::before{width:6px;height:6px;border-color:#eb6100;background-color:#eb6100;background-clip:content-box;padding:2px;}
.func .detail .feedback .fsub .subject{position:relative;height:38px;line-height:38px;border:1px solid #dcdcdc;border-radius:5px;overflow:hidden;margin-bottom:10px;}
.func .detail .feedback .fsub .subject span{position:absolute;width:65px;font-size:14px;text-align:center;left:0;top:0;}
.func .detail .feedback .fsub .subject input{width:100%;height:38px;line-height:38px;padding-left:65px;font-size:14px;vertical-align:top;box-sizing:border-box;}
.func .detail .feedback .fsub .desc{height:170px;border:1px solid #dcdcdc;border-radius:5px;overflow:hidden;margin-bottom:10px;}
.func .detail .feedback .fsub .desc textarea{width:100%;height:100%;padding:10px 19px;resize:none;font-size:14px;font-family:"微软雅黑";box-sizing:border-box;}
.func .detail .feedback .fsub .way{position:relative;height:38px;line-height:38px;border:1px solid #dcdcdc;border-radius:5px;overflow:hidden;margin-bottom:10px;}
.func .detail .feedback .fsub .way span{position:absolute;width:90px;font-size:14px;text-align:center;left:0;top:0;}
.func .detail .feedback .fsub .way input{width:100%;height:38px;line-height:38px;padding-left:90px;font-size:14px;vertical-align:top;box-sizing:border-box;}
.func .detail .feedback .fsub .sub{width:120px;height:32px;line-height:32px;text-align:center;color:#fff;background-color:#eb6100;border-radius:5px;cursor:pointer;}

@media only screen and (max-width:1280px){
.data .detail .value li{width:20%;box-sizing:border-box;}
.func .detail .bulletin{padding-right:250px;}
.func .detail .bulletin .actpic{width:230px;}
.func .detail .bulletin .actpic img{width:100%;height:auto;}
.func .detail .feedback{padding-right:270px;}
.func .detail .feedback .fsub{width:250px;}
}
@media only screen and (max-width:980px){
.cont-box{float:none;width:100%;box-sizing:border-box;}
.data{margin-bottom:1.875%;}
}
/*新首页样式*/

.promotion-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 99999;
    left: 0px;
    top: 0px;
    display: none;
}

.promotion-box em {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/close.png) no-repeat 0px 0px;
    position: absolute;
    top: 51px;
    right: 70px;
    cursor: pointer;
}

.img-promotion {
    width: 750px;
    padding: 30px 0px;
    /*background-color: #FFF;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 40px auto;
    position: relative;

}

.promotion-box.show {
    display: block;
}

.promotion-box span {
    display: inline-block;
    line-height: 24px;
    margin-right: 20px;
    color: black;
    background-color: yellow;
    border: 1px solid #dcdcdc;
    border-top-color: rgb(220, 220, 220);
    border-right-color: rgb(220, 220, 220);
    border-bottom-color: rgb(220, 220, 220);
    border-left-color: rgb(220, 220, 220);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: hand;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    font-size: 14px;
    width: 80px;
    text-align: center;
}
.flex-layout-h {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex-layout-v {
    flex: 1;
    display: flex;
    flex-direction: column;
}