* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    font-family: 'Heiti SC', 'Microsoft YaHei';
}

img {
    display: block;
}

ul {
    list-style: none;
}

input {
    outline: none;
    border: none;
}

.wrapper,
.apply {
    font-size: 1.4rem;
    max-width: 640px;
    min-height: 100vh;
    margin: 0 auto;
    background-color: #fee2c4;
    position: relative;
}

.apply .applyImg {
    width: 100%;
    display: block;
}

.apply .applyInfo {
    width: 80%;
    margin: 10%;
}

.apply .applyInfo h4 {
    color: #646464;
    margin-bottom: 10px;
}

.apply .applyInfo p {
    padding-left: 10%;
    color: #969696;
    margin-bottom: 20px;
}

.apply .applyInfo .shopName {
    width: 100%;
    border: #e3513a solid 1px;
    border-radius: 8px;
    text-indent: 10px;
    height: 30px;
    line-height: 30px;
}

.apply .applyInfo .bindBtn {
    display: block;
    background-color: #e3513a;
    width: 100%;
    margin: 20px 0;
    border-radius: 15px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
}


/* order.html */

.orderList .orderTab,
.product .productTab {
    width: 100%;
    background-color: #e3513a;
    color: #fff;
    max-width: 640px;
}

.product .productTab {
    position: fixed;
    z-index: 102;
    top: 0;
}

.product .productTab a {
    color: #fff;
    text-decoration: none;
}

.product .productTab .active,
.orderList .orderTab .active {
    background: #f47915;
}

.orderList .orderTab ul,
.product .productTab ul {
    height: 45px;
    background: #f18d3c;
    background-size: 100% 100%;
}

.orderList .orderTab ul li,
.product .productTab ul li {
    font-size: 1.6rem;
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
    line-height: 45px;
    border-right: #ef6909 solid 1px;
}

.product .productTab ul li {
    width: 50%;
    position: relative;
}

.product .productTab ul li span {
    position: absolute;
    border-radius: 10px;
    width: 25px;
    height: 18px;
    right: 10px;
    top: 5px;
    line-height: 15px;
    display: block;
    border: 2px #fff solid;
    font-size: 70%;
    background: -webkit-linear-gradient(left, #fd6344, #fb4e3e, #f83838);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fd6344, #fb4e3e, #f83838);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fd6344, #fb4e3e, #f83838);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd6344, #fb4e3e, #f83838);
    /* 标准的语法 */
}

.orderList .order {
    padding-bottom: 70px;
    min-height: calc(100vh - 105px);
    padding-top: 1px;
    background: #f9c296;
}

.orderList .orderlistDiv {
    position: relative;
    font-size: 1.4rem;
    /*border-bottom: solid 1px #ccc;*/
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0px 2px 1px rgba(153, 153, 153, 0.3);
    background: #fee2c4;
}

.orderList .orderlistDiv ul {
    width: 80%;
    overflow: hidden;
    height: 100px;
}

.orderList .orderlistDiv ul li {
    border: #f72d09 solid 1px;
    border-radius: 5px;
    height: 80px;
    width: 80px;
    float: left;
    margin: 10px 5px;
    background: #fff;
}

.orderList .orderlistDiv ul li img {
    height: 70px;
    width: 70px;
    margin: 5px;
}

.orderList .orderlistDiv .turnDetail {
    width: 30px;
    height: 30px;
    border-top: #e3513a solid 1px;
    border-right: #e3513a solid 1px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
    position: absolute;
    right: 20px;
    top: 70px;
}

.orderDetail .statusDiv {
    background: #ffe3ae;
    margin-bottom: 10px;
    position: relative;
    height: 40px;
    color: #9f4f19;
}

.orderList .orderlistDiv .statusDiv .orderDate,
.orderDetail .statusDiv .orderDate {
    /*color:#fff;*/
    display: inline-block;
    width: 60%;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    margin-top: 5px;
    color: #8d4907;
}

.orderList .orderlistDiv .statusDiv .orderStatus,
.orderList .traceBtn,
.orderDetail .statusDiv .orderStatus,
.orderDetail .traceBtn {
    width: 19%;
    line-height: 28px;
    height: 30px;
    text-align: center;
    color: #f37214;
    margin-top: 5px;
    margin-right: 10px;
    border-radius: 20px;
    border: 2px solid #f37214;
    position: absolute;
    top: 0;
    right: 0;
}

.orderList .traceBtn,
.orderDetail .traceBtn {
    right: 21%;
}

.orderList .orderlistDiv .orderInfo p {
    padding: 5px 20px;
    width: 100%;
    font-size: 1.5rem;
    color: #8d4907;
}

.orderList .orderlistDiv .orderInfo p .orderTotal {
    float: right;
}


/*orderdetail*/

.orderDetail header,
.marketingTool header,
.traceDiv header,
header {
    width: 100%;
    height: 45px;
    background: url(../../images/cartoon/header.jpg) no-repeat;
    background-size: 100% 100%;
    color: #f9e43c;
}

.orderDetail header a,
.marketingTool header a,
.traceDiv header a,
header a {
    width: 45px;
    height: 35px;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    background: url(../../images/cartoon/back.png) no-repeat;
    background-size: 100% 100%;
}

.orderDetail header p,
.marketingTool header p,
.traceDiv header p,
header p {
    font-size: 1.6rem;
    width: 100%;
    text-align: center;
    line-height: 40px;
    color: #f9e43c;
    margin-left: -40px;
}

.orderDetail .orderName p {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
}

.orderDetail .listItem {
    /*height: 120px;*/
    background: #ffe3ae;
    margin: 10px 0;
    color: #9f4f19;
}

.orderDetail .listItem div:nth-child(1) {
    /*width: 60%;*/
    height: 100px;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    border: #ccc solid 1px;
    border-radius: 5px;
    box-shadow: 0 0px 2px 1px rgba(153, 153, 153, 0.3);
    background: #fff;
    padding: 10px;
    margin: 10px;
}

.orderDetail .listItem img {
    max-height: 80px;
    max-height: 80px;
    /*margin: 10px;*/
    display: inline-block;
    vertical-align: middle;
}

.orderDetail .listItem div:nth-child(2) {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    width: 65%;
}

@media screen and (max-width: 320px) {
    .orderDetail .listItem div:nth-child(1) {
        height: 80px;
        width: 80px;
    }
    .orderDetail .listItem div:nth-child(2) {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.6rem;
        width: 60%;
    }
}

.orderDetail .listItem h4 {
    /*height: 30px;*/
    line-height: 30px;
}

.orderDetail .listItem p {
    height: 25px;
    list-style: 25px;
}

.orderDetail .listItem p span {}

.orderDetail .listItem p span:nth-child(2) {
    margin-left: 20%;
}

.orderDetail .listItem p span:nth-child(3) {
    float: right;
}

.orderDetail .orderTotal {
    margin: 10px;
    font-size: 1.4rem;
}

.orderDetail .orderTotal p {
    width: 100%;
    padding: 5px 15px;
    text-align: right;
    color: #9f4f19;
}

.orderDetail .orderTotal span {
    display: inline-block;
    font-size: 1.6rem;
    color: #E5553A;
}


/*produce.html*/

.classifyTab {
    width: 100%;
    background: #fee2c4;
    height: 35px;
    line-height: 35px;
}

.classifyTab li {
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
}

.classifyTab .active {
    background: #ffe3ae;
    color: #d91904;
}

.classifyTab div {
    position: absolute;
    width: 20px;
    height: 20px;
    float: right;
    right: 10px;
    top: 12px;
    overflow: hidden;
}

.classifyTab span {
    height: 20px;
    width: 20px;
    display: block;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -moz-transform: rotate(-45deg);
    /* Firefox */
    -webkit-transform: rotate(-45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
    background-color: #ff5a34;
    margin-top: -13px;
}

.classifyTab div.shouhui {
    top: 0;
}

.classifyTab div.shouhui span {
    margin-top: 13px;
}

.alert-mask2 {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1003;
}

.alert-mask3 {
    width: 100%;
    height: 60px;
    max-width: 640px;
    background: rgba(255, 255, 255, 0);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1003;
    margin: 0 auto;
}

.alert-mask4 {
    width: 100%;
    max-width: 640px;
    height: 40px;
    background: rgba(255, 255, 255, 0);
    position: fixed;
    top: calc(100vw + 35px);
    left: 0;
    right: 0;
    z-index: 1003;
}

.backBtnD,
.cartBtnD {
    position: absolute;
    top: 15px;
    width: 40px;
    height: 40px;
    opacity: .5;
    border-radius: 50%;
    z-index: 100;
}

.cartBtnD {
    right: 15px
}

.backBtnD {
    left: 15px;
}

.backBtnD img {
    width: 30px;
    height: 30px;
    display: block;
    margin: 5px auto
}

.categoryList {
    height: calc(100% - 35px);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    top: 35px;
    z-index: 101;
}

.categoryList .categoryListItem {
    z-index: 1004;
    position: absolute;
    width: 100%;
    background: rgb(253, 242, 219);
}

.categoryList .categoryListItem div {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px #ccc solid;
    text-align: center;
    font-size: 120%;
    background: rgb(253, 242, 219);
    color: #fe5934;
}

.proList .proItem,
.saleList .proItem {
    width: 100%;
    margin-top: 10px;
    background: #fee2c4;
    padding: 10px 10px;
    position: relative;
}

.proList .proImg,
.saleList .proImgLi {
    width: 110px;
    height: 110px;
    border-radius: 5px;
    padding: 2px;
    background-color: #fff;
    display: inline-block;
    border-radius: #fcd1a3;
}

.proList .proImg img,
.saleList .proImgLi img {
    max-width: 100px;
    max-height: 100px;
    margin: auto;
}

@media screen and (max-width: 320px) {
    .proList .proImg,
    .saleList .proImgLi {
        width: 90px;
        height: 90px;
    }
    .proList .proImg img,
    .saleList .proImgLi img {
        max-width: 85px;
        max-height: 85px;
        margin: auto;
    }
}

.proList .proItem .proDes {
    position: absolute;
    left: 130px;
    top: 10px;
    color: #9f4f19;
}

.proDes p,
.proDes h4,
.proDes span {
    line-height: 30px;
    font-weight: 500;
}

.proList .addproBtn {
    height: 40px;
    line-height: 40px;
    width: 100px;
    text-align: center;
    float: right;
    margin: 25px 0px;
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: 2;
    background: #f44c19;
    border-radius: 15px;
}

.proList {
    background: #fcd1a3;
}

.proList ul {
    padding-top: 10px;
}

.proList ul li:first-child {
    margin-top: 0;
}

.proList .addproBtn img {
    width: 100%;
    display: none;
}

.proList .addproBtn span {
    color: #fff;
}


/**一键上架弹窗*/

.allShelvesAlert {
    width: 300px;
    height: 300px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: url(../../images/cartoon/quickBackground.png) no-repeat;
    background-size: 100% 100%;
    z-index: 1004;
}

.allShelvesAlert .quick-close {
    width: 50px;
    position: absolute;
    right: -15px;
    top: -15px;
}

.allShelvesAlert .quick-close img {
    width: 100%;
}

.allShelvesAlert .figure {
    width: 50px;
    position: absolute;
    display: none;
}

.allShelvesAlert .figure img {
    width: 50px;
}

.allShelvesAlert .figureTopLeft {
    top: 0;
    left: 0;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
}

.allShelvesAlert .figureTopRight {
    top: 0;
    right: 0;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -webkit-transform: rotate(-90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-90deg);
}

.allShelvesAlert .figureBottomLeft {
    bottom: 0;
    left: 0;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
}

.allShelvesAlert .figureBottomRight {
    bottom: 0;
    right: 0;
}

.withOption {
    width: 230px;
    height: 60px;
    background: url(../../images/cartoon/withOption.png) no-repeat;
    background-size: 100% 100%;
    margin: 30px auto;
    color: #fffa8b;
    text-align: center;
    line-height: 50px;
    font-size: 120%;
}

.updateSucess {
    background: url(../../images/cartoon/updateSuccess.png) no-repeat;
    background-size: 100% 100%;
}


/**一键上架弹窗结束*/

.saleList li {
    display: inline-block;
}

.saleList .checkLi input {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

.saleList .proImgLi {
    vertical-align: middle;
}

.saleList .proDesLi {
    vertical-align: middle;
    padding-left: 10px;
    color: #fe5934;
    max-width: 240px;
}

.saleList .proDesLi p:last-child {
    line-height: 30px;
    color: #323232;
}

.saleList .proDesLi p:last-child span {
    color: #C23728;
    font-weight: bold;
}

.saleList .editLi {
    margin-top: -20px;
    float: right;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.chooseEdit {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    margin-left: 6px!important;
    top: 10px!important;
}

.saleList .editLi .editBtn {
    width: 45px;
    height: 40px;
    float: right;
    background: url('../../images/editBtn2.png');
    background-size: 100% 100%;
    position: relative;
}

.saleList .editLi .editBtn div {
    width: 20px;
    height: 20px;
    position: absolute;
    overflow: hidden;
    top: 15px;
    left: 0;
    right: 0;
    margin-left: 13px;
}

.saleList .editLi .editBtn div span {
    width: 20px;
    height: 20px;
    position: absolute;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    background: #fff;
    margin-top: -13px;
}

.saleList .editLi .active {
    background: url('../../images/editBtn.png');
    background-size: 100% 100%;
}

.saleList .editLi ul {
    float: right;
    display: inline-block;
    padding: 10px;
    margin: 0 10px;
    color: #fff;
    background-color: rgba(50, 50, 50, .8);
    border-radius: 20px;
}

.saleList .editLi ul li {
    padding: 0 8px;
    border-right: #fff solid 1px;
}

.saleList .editLi ul li:last-child {
    border: none;
}

.bulkManageDiv,
.editMorePro {
    position: fixed;
    width: 100%;
    bottom: 60px;
    z-index: 101;
    max-width: 640px;
}

.bulkManageDiv p {
    width: 100%;
    text-align: right;
    padding: 5px 20px;
}

.bulkManageDiv div {
    width: 100%;
    background: #eee;
}

.bulkManageDiv input {
    width: 60%;
    height: 50px;
    line-height: 50px;
    margin: 15px 20%;
    background: #E3513A;
    color: #fff;
    border-radius: 25px;
}

.editMorePro {
    background: #eee;
    padding: 20px;
}

.editMorePro div:nth-child(1) {
    float: left;
    line-height: 50px;
}

.editMorePro div:nth-child(1) input {
    vertical-align: middle;
    margin-right: 10px;
    height: 20px;
    width: 20px;
}

.editMorePro .editMoreBtns input {
    float: right;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    margin-left: 20px;
    padding: 0 25px;
}

.editMorePro .editMoreBtns .setTopBtn {
    background: #E25039;
    color: #fff;
}

.editMorePro .editMoreBtns .deleteBtn {
    border: #E25039 solid 1px;
    color: #E25039;
}

.selectPro {
    height: calc(100% + 60px);
    width: 100%;
    max-width: 640px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 301;
}

.selectPro .mask {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    margin: 0 auto;
}

.selectPro .editProDiv {
    background: #fff;
    position: fixed;
    width: 100%;
    max-width: 640px;
    bottom: 0;
    padding: 10px 5%;
    background: url(../../images/cartoon/saleBg.png) no-repeat;
    background-size: 100% 100%;
    z-index: 301;
}

.selectPro .editProDiv .figure {
    width: 30px;
    position: absolute;
    display: none;
}

.selectPro .editProDiv .figure img {
    width: 30px;
}

.selectPro .editProDiv .figureTopLeft {
    top: 0;
    left: 0;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
}

.selectPro .editProDiv .figureTopRight {
    top: 0;
    right: 0;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -webkit-transform: rotate(-90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-90deg);
}

.selectPro .editProDiv .figureBottomLeft {
    bottom: 0;
    left: 0;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
}

.selectPro .editProDiv .figureBottomRight {
    bottom: 0;
    right: 0;
}

.editProDiv .proInfo {
    height: 140px;
}

.editProDiv .proInfo h4,
.editProDiv .proInfo p {
    font-size: 120%;
}

.editProDiv .proInfo .proImgDiv {
    width: 120px;
    height: 120px;
    border-radius: 5px;
    border: #bbb solid 1px;
    padding: 10px;
    margin: 10px;
    float: left;
    background: #fff07d;
    border: 1px solid #fbe9ac;
}

.editProDiv .proInfo .proDes {
    padding: 10px;
    color: #fff;
}

.editProDiv .suggestPrice,
.editProDiv .setPrice {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    letter-spacing: 4px;
    color: #fff600;
}

.editProDiv .setPrice input {
    height: 25px;
    line-height: 25px;
    border-radius: 10px;
    border: none;
    text-indent: 5px;
    font-family: 'Heiti SC', 'Microsoft YaHei';
    background: #fff07d;
    color: #f8543a;
    text-indent: 5px;
}

.selectPro .onsaleBtn {
    width: 80%;
    margin: 20px 10%;
    text-align: center;
}

.selectPro .onsaleBtn span {
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 120%;
    position: relative;
    float: left;
    border-radius: 18px;
    box-shadow: 0px 1px 3px #9a2609;
}

.selectPro .onsaleBtn span .figure {
    width: 20px;
}

.selectPro .onsaleBtn span .figure img {
    width: 20px;
}

.unSaleAlert {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 300px;
    height: 200px;
    background: #ffe3ae;
    z-index: 1004;
}

.unsale_pro_name {
    height: 40px;
    font-size: 120%;
    text-align: center;
    line-height: 25px;
}

.unsale_mid {
    width: 100px;
    margin: 0 auto;
    background: #fff;
    border-radius: 2px;
}

.unsale_mid img {
    width: 110px;
    margin: 0 auto;
}

.unsale_option div {
    position: absolute;
    bottom: 0;
    width: 50%;
    border: 0;
    height: 40px;
    font-size: 120%;
    line-height: 40px;
    text-align: center;
    color: #fff;
}

.unsale_option div:nth-child(1) {
    background: #ff9966;
    left: 0;
}

.unsale_option div:nth-child(2) {
    background: -webkit-linear-gradient(left, #B80000, #D41700, #B80000);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #B80000, #D41700, #B80000);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #B80000, #D41700, #B80000);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #B80000, #D41700, #B80000);
    /* 标准的语法 */
    right: 0;
}

.selectPro .onsaleBtn span:nth-child(2) {
    background: #f8543a;
    /* 标准的语法 */
    color: #fff;
    float: right;
}

.selectPro .onsaleBtn span:nth-child(1) {
    background: #fe7f0f;
    color: #fff;
}

.previewStore {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100vh - 105px);
}

.previewShare {
    width: 100%;
    height: 60px;
    background: rgba(53, 53, 53, 0.7);
    max-width: 640px;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 45px;
    z-index: 101;
    font-size: 120%;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.previewShare span {
    padding: 8px 17px;
    background: #eb611a;
    border-radius: 3px;
}

footer {
    font-size: 1.4rem;
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #e2923d;
    background-size: 100% 100%;
    max-width: 640px;
    z-index: 300;
}

footer ul li {
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
    padding: 5px 0;
}

footer ul li img {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    margin: 10px 5px;
}

footer ul li span {
    display: inline-block;
    color: #fff730;
    line-height: 30px;
}

footer ul .active {
    background: #cb6421;
}

@media screen and (max-width:414px) {
    footer ul li img {
        margin: 3px;
    }
    footer ul li {
        padding: 2px 0;
    }
    footer ul li span {
        display: block;
        line-height: 20px;
    }
}


/*分享*/

.fenxiang {
    width: 100%;
    height: 100%;
    /* min-height: 800px; */
    max-width: 640px;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    /*display: none;*/
    z-index: 10000;
}

.fenxiang img {
    width: 100%;
}

.share-word {
    color: #fff;
    position: fixed;
    top: 50%;
    left: 10%;
    text-align: center;
    max-width: 640px;
}

.arrow_icon {
    width: 50%;
    height: 50%;
    background: url('../../images/sharearrow.png') no-repeat;
    background-size: 100%;
    position: absolute;
    top: 7%;
    left: 42%;
    /*   margin: -244px 228px;*/
}

.chooseAlert {
    width: 300px;
    height: 150px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px #C7C6C6 solid;
    margin: auto;
    z-index: 1004;
}

.chooseAlert div {
    font-size: 200%;
    color: #fff;
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    line-height: 150px;
    text-align: center;
}

.chooseAlert div:first-child {
    background: #ff9966;
    left: 0;
}

.chooseAlert div:last-child {
    background: -webkit-linear-gradient(left, #B80000, #D41700, #B80000);
    background: -o-linear-gradient(right, #B80000, #D41700, #B80000);
    background: -moz-linear-gradient(right, #B80000, #D41700, #B80000);
    background: linear-gradient(to right, #B80000, #D41700, #B80000);
    right: 0;
}

@media(max-width:320px) {
    .proList .proItem .proDes {
        left: 110px;
    }
    .proList .proItem,
    .saleList .proItem {
        padding: 10px 10px;
    }
    .proList .addproBtn {
        height: 30px;
        line-height: 30px;
        width: 75px;
        margin: 30px 0px;
    }
    .editProDiv .proInfo h4,
    .editProDiv .proInfo p {
        font-size: 100%;
    }
    .editProDiv .suggestPrice,
    .editProDiv .setPrice {
        font-size: 100%;
        letter-spacing: 0;
    }
    .editProDiv .proInfo .proImgDiv {
        width: 100px;
        height: 100px;
    }
    .editProDiv .proInfo {
        height: 120px;
    }
    .proDes p {
        line-height: 25px;
    }
}

@media(max-width:360px) {
    .editProDiv .suggestPrice,
    .editProDiv .setPrice {
        padding: 0 10px;
    }
    .saleList .proDesLi {
        max-width: 190px;
    }
    .previewShare {
        font-size: 100%;
    }
}


/*tool.html*/

.marketingTool section ul li {
    width: 100%;
    background: #fcd1a3;
    margin-bottom: 15px;
    position: relative;
}

.marketingTool section ul li p {
    /*line-height: 50px;*/
    vertical-align: middle;
    display: inline-block;
    width: 40%;
    color: #f37214;
    font-size: 110%;
}

.marketingTool section span {
    position: absolute;
    background: #e3513a;
    color: #fff;
    right: 10px;
    line-height: 40px;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto 0;
    height: 40px;
    width: 100px;
    background: #f44c19;
    border-radius: 20px;
}

.marketingTool section div {
    position: absolute;
    width: 100%;
    max-width: 640px;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    top: 0px;
    left: 0px;
}

.marketingTool .toolIcon {
    width: 100px;
    height: 100px;
}

.marketingTool section div img {
    width: 100%;
    position: fixed;
    bottom: 0px;
}

.marketingTool .toolIcon {
    width: 90px;
    height: 90px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 10px 10px 20px;
}

@media screen and (min-width: 414px) {
    .marketingTool section ul li p {
        width: 50%;
    }
}


/*downStream.html*/

.downStream ul {
    width: 100%;
}

.downStream ul li {
    width: 100%;
    background: #f1f2f2;
    margin-bottom: 10px;
}

.downStream .downHead {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 10px 10px 10px 20px;
    border-radius: 50%;
    vertical-align: middle;
}

.downStream div {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
}

.downTime {
    text-align: right;
}

.downName {
    margin-top: 10px;
}

.downName span:last-child {
    display: inline-block;
    float: right;
    max-width: 48%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.downName span:first-child {
    display: inline-block;
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (min-width: 414px) {
    .downStream div {
        width: 70%;
    }
}

@media screen and (min-width: 640px) {
    .downStream div {
        width: 75%;
    }
}

.contactSpan {
    display: inline-block;
    float: right;
}

.contactIcon {
    display: inline-block;
    width: 29px;
    height: 25px;
    background: url(../../images/contactIcon.png) 0 0 no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px;
}

.contactProd {
    display: none;
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
}

.contactImg {
    width: 25%;
    float: left;
}

.contactOrder {
    float: left;
    width: 70%;
    margin-left: 10px;
}

.contactOrder div {
    line-height: 30px;
}

.contactOrder div span {
    float: right;
}

.contactArrowR {
    width: 20px;
    height: 20px;
    border-top: 2px solid red;
    border-left: 2px solid red;
    transform: rotate(135deg);
    float: right;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
}

.contactBody .Msg {
    clear: both;
    padding: 5px 10px;
    overflow: hidden;
}

.contactLogo {
    width: 60px;
    float: left;
}

.contactInfo {
    width: calc(100% - 150px);
    margin-left: 80px;
    background: white;
    border-radius: 5px;
    padding: 10px;
    color: #000;
    position: relative;
    z-index: 10;
    min-height: 50px;
}

.CEOers .contactLogo {
    float: right;
}

.CEOers .contactInfo {
    background: red;
    color: #fff;
    margin-left: 0;
    margin-right: 20px;
    float: right;
}

.buyers .contactArrowL {
    display: block;
    width: 14px;
    height: 14px;
    background: white;
    transform: rotate(45deg);
    position: absolute;
    left: -7px;
    top: 50%;
    margin-top: -7px;
    z-index: -10;
}

.CEOers .contactArrowR {
    display: block;
    width: 14px;
    height: 14px;
    background: red;
    border: none;
    transform: rotate(135deg);
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -7px;
    z-index: -10;
}

.contactInput {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 50px;
    background: white;
    padding: 5px 10px;
}

.contactInput .letterIcon {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(../../images/letter.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.contactInput textarea {
    border: 1px solid red;
    border-radius: 5px;
    min-height: 30px;
    margin-left: 40px;
    width: 60%;
    text-indent: 5px;
    outline: none;
    resize: none;
    max-height: 80px;
    margin-top: 8px;
}

.contactInput .sendMsg {
    float: right;
    width: 20%;
    background: red;
    padding: 0 10px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    color: white;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.question li span {
    color: #6f2a00;
    line-height: 40px;
    padding-left: 5px;
    font-size: 15px;
    font-weight: 600;
}

.question .questionItemRight {
    width: 20%;
    float: right;
    height: 40px;
}

.question .questionItemRight .arrowR {
    margin-top: 13px;
}

.question .questionItemRight .active {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.question li p {
    color: #6f2a00;
    line-height: 20px;
    padding-left: 15px;
    font-size: 14px;
    text-indent: 15px;
    padding-bottom: 5px;
    padding-right: 8px;
}

.vid-wrapper-title {
    padding-top: 10px;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px #eacd93 solid;
    padding-bottom: 5px;
}

.vid-wrapper {
    width: 100%;
    position: relative;
    height: calc(100vh - 130px);
}

.vid-wrapper video {
    position: absolute;
    top: 10px;
    left: 7.5%;
    width: 85%;
    height: 100%
}

.videoArrow {
    margin-top: 8px;
    float: right;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: url(../../images/year/videoPlay.png) no-repeat;
    background-size: 100% 100%;
}