@charset "utf-8";
html{ overflow:scroll;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
img/* img elements 图片元素 */{
    border:0;
    margin: 0;
    padding: 0;
}
/** 设置默认字体 **/
body,button, input, select, textarea { font: 14px/1.5 'microsoft yahei',Arial,Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none;}
/** 重置超链接元素 **/
a { text-decoration: none; color:#333;}
a:hover { text-decoration:none; color:#333;}
/** 重置对齐方式 **/
img, button, input, select, textarea{ vertical-align:middle; outline:none;}
.clear{ clear:both; height:0; line-height:0; overflow:hidden; zoom:0.08;}

/*整站公共样式*/
/*header开始*/
.top{ height:40px; line-height:40px; background:#929292; text-align:right;}
.top_div a{ color:#fff;}
.top1{ height:40px; line-height:40px; text-align:right; font-size:16px;}
.top1 a{ display:inline-block; background:url(../images/xuanfu_04.png) 0 10px no-repeat; color:#6c6c6c; padding-left:25px;}
.serch{ background:url(../images/serch.jpg) 5px 4px no-repeat; padding:4px 5px 4px 30px; color:#999; border:1px #a00301 solid;}
.serch_but{ padding:5px 10px 5px 10px; background:#a00301; font-weight:bold; color:#fff; cursor:pointer;}
.nav{ height:5px; background:#006a91;}
/*header结束*/
/*index页面开始*/
.box01 ul li{ float:left;}
.box_title{ position:relative;}
.box_title span{ display:inline-block; background:linear-gradient(to right,#0457cb,#26a4fd); position:absolute; top:0; z-index:111; color:#fff;}
.box_title a{ float:right; margin-right:10px; padding:2px 8px; border:1px #ccc solid; border-radius:5px; color:#666;}
.goods-speed-container .swiper-button-prev,.goods-speed-container1 .swiper-button-prev { left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAiCAMAAACdioI/AAAAn1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbGxsaGhpOTk59fX2ZmZmWlpajo6Oqqqq2trbFxcXJycnLy8vZ2dna2trt7e3v7+/29vb09PT5+fn6+vr6+vr6+vr8/Pz9/f39/f3+/v7+/v7///////+BP7oqAAAANXRSTlMAAQIDBAUGBwgJCgsODxAREhMVFhcYGRocHSQvNzg9QkZUVVhsbp6ivL3R1dve5Oru8vT6/PwC64kAAAC0SURBVCjPldPZDoJADAVQQAQRWUTpdd/3HfH/v80XxRK5ifZpJieZmXZaA69Ik7jlmoYK6JC4TgSQyCYCiMcE4jMBfCriMEFqMUFARWwmiKiIqaW3PX82DSWDXb7WbyiWw8N9qQ6IC5lerjN9UfKWRXYal5N9y+0xQbXMs9OoJB16T5u+LdT57PNVdabob46kOj9VlP9CSH+7xjrE/berpEk6MXVIxwcWmRL7e0qkm0SenqwnqLRDZjrBj2wAAAAASUVORK5CYII=); width: 25px; height: 34px; background-size: 100% 100%; }
.goods-speed-container .swiper-button-prev::after,.goods-speed-container1 .swiper-button-prev::after { display: none; }
.goods-speed-container .swiper-button-next,.goods-speed-container1 .swiper-button-next { right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAiCAMAAACdioI/AAAAolBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbGxtJSUl9fX2Wlpabm5ulpaWtra21tbW4uLjFxcXLy8vZ2dna2trt7e3u7u709PT09PT5+fn6+vr6+vr8/Pz8/Pz9/f39/f3+/v7+/v7+/v7///////9UhR2kAAAANnRSTlMAAQIDBAUGBwgJCgsMDg8QERITFRYXGBkaHCMvODg+QUhIVFhsbpyiu7zQ2d3h4+rr8fT1+vyR/EZAAAAAwUlEQVQoz43T1xaCMAwG4B9EFBcgSgPuvTe+/6t5oUCqhGOuevK1NG0DkIdRa/tBSJ/I81VfEY80b3l6PhPnO59K6xfe0iQqFlsJYoYkSIcEsZQkHgliKEnq+fi0ibiw/VfJLmbis2mLx36QS8C/PbueJ5noxxwdb/NiofHzkkpPgyFb0+Uw5fu4vLY7r42ddJls4+LbOayj/2605BW0GnSpiK+NmtQhJV0FNKROBOxQEpiu0PEALOEvAQDD8YJ+xi+Fq0YbEcyxOQAAAABJRU5ErkJggg==); width: 25px; height: 34px; background-size: 100% 100%; }
.goods-speed-container .swiper-button-next::after,.goods-speed-container1 .swiper-button-next::after { display: none; }
.box03_list ul li{ float:left; background:#fff; border-radius:3px;}
.box03_list ul li p{ text-align:center;}
.box03_list ul li div{ font-size:12px; color:#666; padding-top:3px;}
.box03_list ul li div a{ font-size:14px; padding-top:7px; display:block; height:90px;}
.box03_list .present{ font-size:20px; display:block; float:left; color:#e93323; font-weight:bold;}
.box03_list .original{ display:block; float:right; text-decoration:line-through;}
.box03_list .box03_list_text{ height:20px; overflow:hidden;}
.friendLink_title{ border-bottom:3px #e1e1e1 solid; padding-left:10px; color:#666;}
.friendLink_list ul li{ float:left;}
/*index页面结束*/
/*footer开始*/
.footer_l div span{ padding-left:70px;}
.footer_l p span,.footer_r div span{ padding-left:30px;}
.footer_r p span{ padding-left:7px;}
/*footer结束*/
/*产品详情页*/
.goods-info .right-box .spec-list .list-box .item-box .desc{ margin-left:10px;}
.goods-info .right-box .spec-list .list-box .item-box .desc>span{ margin-left:10px;}
.goods-info .right-box .spec-list .list-box .item-box .desc>span span{ color:#e93323; font-weight:bold;}
/*按钮*/
.el-button--checkorder{ color: #FFF; background-color: #26a4fd; border-color: #26a4fd;}
.el-button--checkorder:hover,.el-button--checkorder:active{ color: #FFF; background-color: #66b1ff; border-color: #66b1ff;}
.el-button--cancelorder{ color: #FFF; background-color: #009476; border-color: #009476;}
.el-button--cancelorder:hover,.el-button--cancelorder:active{ color: #FFF; background-color: #00be98; border-color: #00be98;}
.el-button--certificate{ color: #FFF; background-color: #00a627; border-color: #00a627;}
.el-button--certificate:hover,.el-button--certificate:active{ color: #FFF; background-color: #26d950; border-color: #26d950;}
.el-button--topay{ color: #FFF; background-color: #ff6000; border-color: #ff6000;}
.el-button--topay:hover,.el-button--topay:active{ color: #FFF; background-color: #f99355; border-color: #f99355;}
.el-button--logistics{ color: #FFF; background-color: #5b41f8; border-color: #5b41f8;}
.el-button--logistics:hover,.el-button--logistics:active{ color: #FFF; background-color: #755ffa; border-color: #755ffa;}
.el-button--receipt{ color: #FFF; background-color: #00a295; border-color: #00a295;}
.el-button--receipt:hover,.el-button--receipt:active{ color: #FFF; background-color: #18cbbc; border-color: #18cbbc;}
.el-button--invoice{ color: #FFF; background-color: #408100; border-color: #408100;}
.el-button--invoice:hover,.el-button--invoice:active{ color: #FFF; background-color: #549e0b; border-color: #549e0b;}
.el-button--evaluate{ color: #FFF; background-color: #945b00; border-color: #945b00;}
.el-button--evaluate:hover,.el-button--evaluate:active{ color: #FFF; background-color: #b87100; border-color: #b87100;}
.download_left{ display:inline-block; width:120px; text-align:right;}
.download_btn{ text-align:center;}

/*PC端样式*/
@media (min-width: 1000px) {
    /*header开始*/
    body{ letter-spacing:1px;}
    .top_div,.top1,.logo_div,.nav_div,.banner,.box01,.box02{ width:1200px; margin:0 auto;}
    .top_div a{ margin-left:15px;}
    .box01,.box02{ padding-top:20px;}
    .logo{ padding-bottom:10px;}
    .logo_l{ float:left;}
    .logo_c{ float:left; margin-left:10px; margin-top:30px;}
    .logo_c a{ padding:0 8px; font-size:18px;}
    .logo_r{ float:right; margin-top:25px;}
    .serch{ width:160px;}    
    .goods-nav .wrapper { font-size:18px;}
    .goods-nav .wrapper img{ padding-left:50px;}
    .goods-nav .category-wrap{ position:relative;}
    .goods-nav .category-wrap .category-title { width: 236px; height: 50px; line-height:50px; background:linear-gradient(to right,#0088ba,#00658a); color:#fff;}
    .goods-nav .category-wrap .category-title.active { display: none;}
    .goods-nav .category-wrap:hover .category-box { display: block; }
    .goods-nav .category-wrap .category-box { display: none; position: absolute; top: 50px; left: 0; height: 420px; z-index: 9; background:#e6f0f4;}
    .goods-nav .category-wrap .category-box.active { display: block; top:10px;}
    .goods-nav .category-box .sort-box { width: 236px; height: 84%; padding:8% 0;}
    .goods-nav .category-box .sort-box .list-box { padding:0 26px; height:64px; line-height:64px; background:url(../images/menu_libg.png) 210px 20px no-repeat; color:#333;}
    .goods-nav .category-box .sort-box .list-box a{ display:block; float:left; color:#333;}
    .goods-nav .category-box .sort-box .list-box:hover { background:url(../images/menu_libg.png) 210px 20px no-repeat #cddde4; }
    .goods-nav .category-box .sort-box .list-box .sort-con { position: absolute; top: 0; left: 246px; display: none; width: 460px; height: 380px; padding:20px; background-color: #e6f0f4;}
    .goods-nav .category-box .sort-box .list-box:hover .sort-con { display: block; }
    .goods-nav .category-box .sort-box .list-box .sort-con a{ margin:5px 15px; line-height:30px; background:#f8f8f8; padding:0 5px; border-radius:3px;}
    .goods-nav .category-box .sort-box .list-box .sort-con a:hover{ background:#fff;}
    .nav_r{ float:right;}
    .nav_r a{ padding:8px 8px 8px 38px; border:1px #fff solid; border-radius:20px; margin-left:10px; color:#fff; background:url(../images/gwcbg.png) 10px 8px no-repeat;}
    /*header结束*/
    /*index页面开始*/
    .slider-banner-box{ height:420px; padding:10px 0; background:url(../images/bannerbg.jpg) no-repeat;}
    .slider-banner { width:1200px; position: relative; height: 381px; margin:0 auto;}
    .slider-banner .goods-index-container { height: 100%; }
    .slider-banner .goods-index-container img { display: block; width: 100%; height: 100%; }
    .slider-banner .goods-index-container .swiper-pagination { bottom: 14px; text-align: center; padding-right: 20px; }
    .slider-banner .goods-index-container .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; border-radius: 5px; }
    .slider-banner .goods-index-container .swiper-pagination-bullet-active { background:#006a91;}
    .box01 ul li{ width:288px; margin-left:16px;}
    .box01 ul li:first-child{ margin-left:0;}
    .box_title{ height:40px; border-bottom:5px #26a4fd solid;}
    .box_title span{ height:45px; line-height:40px; padding:0 15px; font-size:24px; letter-spacing:2px;}
    .box_title span img{ padding-right:8px;}
    /*.goods-speed-container .swiper-wrapper{ padding:20px 0; background:#fff;}
    .goods-speed-container .swiper-wrapper .picture { padding:0 30px;}
    .goods-speed-container .swiper-wrapper .picture img{ width: 180px; height: 240px;}
    .goods-speed-container .swiper-wrapper .title { padding:20px 30px 0 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .goods-speed-container1{ display:none;}*/
    .box02_list{ padding:30px 0 0 30px; background:#fff;}
    .box02_list ul li{ float:left; width:200px; margin:0 30px 30px 0;}
    .box02_list ul li img{ width: 180px; height: 240px;}
    .box02_list ul li div a{ margin-top:10px; display:block; width:100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .box03_list{ margin:0 -10px;}
    .box03_list ul li{ width:184px; padding:20px; margin:20px 10px 0 10px;}
    .box03_list ul li p img{ width:135px; height:180px;}
    .friendLink_title{ height:40px; line-height:40px; font-size:24px;}
    .friendLink_list{ border:1px #e1e1e1 solid; border-top:none;}
    .friendLink_list ul li{ width:278px; margin:10px;}
    .friendLink_list ul li img{ width:270px; height:70px; padding:5px; border:2px #e1e1e1 solid;}

    .box001,.box002{ width:1200px; margin:0 auto; margin-top:30px;}
    .box001_title{ height:60px; line-height:60px; background:url(../images/titlebg.png) no-repeat; padding-left:20px; color:#fff; font-size:28px;}
    .box001_list{ margin:20px 0; position:relative;}    
    .box001_list_content{ position:absolute; top:0; right:0; width:770px;}
    .box001_list_content p{ font-size:16px; line-height:29px; text-indent:2em; color:#6c6c6c;}
    .box001_list_content div{ margin-top:20px; margin-bottom:10px; font-size:20px; font-weight:bold; font-style:italic; color:#004987;}
    .box001_list_list ul li{ float:left; width:240px; margin-left:25px; margin-top:230px;}
    .box001_list_list ul li:first-child{ margin-top:0; width:405px; margin-left:0;}
    .box001_list_list ul li:first-child img{ width:405px; height:290px; border-radius:12px 0 12px 0;}
    .box001_list_list ul li img{ width:240px; height:330px; border-radius:6px 0 6px 0;}
    .box001_list_list ul li div{ font-size:16px; text-align:center; padding:5px;}
    .box002 p{ font-size:24px; text-align:center; letter-spacing:3px; margin-top:20px;}
    .box002_title{ font-size:36px!important; font-weight:bold; letter-spacing:8px!important; margin-top:50px!important;}
    .box002 ul{ margin-top:30px;}
    .box002 ul li{ float:left; width:155px; height:120px; display:flex; flex-direction:column; justify-content:center; text-align:center; background:#0079e0; border-radius:5px; margin-left:19px; font-size:22px; font-weight:bold; letter-spacing:2px; color:#fff;}
    .box002 ul li:first-child{ margin-left:0;}
    .box003{ height:400px; background:url(../images/box003bg.jpg) no-repeat scroll center top transparent; margin-top:50px;}
    .box003_div{ width:1200px; margin:0 auto; padding-top:100px;}
    .box003_div .list-box img { width: 330px; height: 200px; border-radius:10px;}
    .box003_div .swiper-button-prev { height:60px!important; left: 0; background:url(../images/prev.png) no-repeat; }
    .box003_div .swiper-button-prev::after { display: none; }
    .box003_div .swiper-button-next { height:60px!important; right: 0; background:url(../images/next.png) no-repeat; }
    .box003_div .swiper-button-next::after { display: none; }
    .box003_div .swiper-slide{ width:330px!important; margin:0 35px!important;}
    .box004{ padding-top:20px; background:#ebf2f7;}
    .box005{ padding-top:0!important}
    .box004_title{ padding:20px 0; font-size:36px; letter-spacing:3px; text-align:center;}
    .box004_list_div{ width:1200px; margin:0 auto;}
    .box004_more{ text-align:right; padding:20px; font-size:16px; color:#6c6c6c;}

    /*index页面结束*/
    
    /*商品列表页开始*/
    /*查询条件*/
    .goods-screen .list-box .item-box .item-box-list img{ display:none;}
    .el-breadcrumb{ width:1200px; margin:0 auto;}
    .goods-screen { width:1160px; padding:0 20px; margin:0 auto; background: #fff; }
    .goods-screen .list-box { line-height:35px; padding:10px 0; border-bottom: 1px solid #f5f5f5; }
    .goods-screen .list-box:last-child { height:35px; border: none; }
    .goods-screen .list-box .title { float:left; line-height:70px; width:60px; color: #999;}
    .goods-screen .list-box:last-child .title{ line-height:35px;}
    .goods-screen .list-box .title span{ padding-left:30px;}
    .goods-screen .list-box .item-box { float:right; width:1090px;}
    .goods-screen .list-box .item-box .item-box-l{ width:55px; float:left; height:105px; line-height:50px;}
    .goods-screen .list-box .item-box .item-box-r{ width:1020px; float:left;}
    .goods-screen .list-box .item-box .text { padding: 5px 10px; line-height:35px; border-radius: 3px; cursor: pointer; }
    .goods-screen .list-box .item-box .item-box-list .text{ padding:5px 9px;}
    .goods-screen .list-box .item-box .text.active { color: #fff; background: #0457cb; }
    .goods-screen .list-box .item-box .text.active .icon { color: #0457cb; }
    .goods-screen .list-box .item-box .input .el-input { width: 100px; }
    .goods-screen .list-box .item-box .input .el-input .el-input-group__prepend { padding: 0 5px; }
    .goods-screen .list-box .item-box .line { margin: 0 5px; color: #ccc; }
    .goods-screen .list-box .item-box .btn { margin-left: 10px; }
    /*商品列表*/
    .goods-index { width:1200px; margin:0 auto; margin-top: 20px; }
    .goods-list { display: flex; flex-flow: row wrap; overflow: hidden; }
    .goods-list .nodata{ padding:20px 0 0 20px;}
    .goods-list .list-box { width: 220px; padding: 16px; background: #fff; margin: 20px 0 0 20px; border-radius: 3px; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); cursor: pointer; }
    .goods-list .list-box:hover { box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.06); }
    .goods-list .list-box .img-box { text-align:center;}
    .goods-list .list-box .img-box > img, .goods-list .list-box .img-box .el-image { width: 135px; height: 180px; transition: all 0.5s; }
    .goods-list .list-box .title { margin-top: 8px; color: #333; height: 40px; line-height: 22px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
    .goods-list .list-box .title .label { display: inline-block; margin-right: 5px; padding: 0 5px; color: #fff; font-size: 12px; background: #26a4fd; height: 18px; line-height: 18px; text-align: center; border-radius: 2px; }
    .goods-list .list-box .price { display: block; margin-top: 12px; color: #e93323; font-size: 20px; font-weight: 700; line-height: 26px; height: 26px; }
    /*商品列表页结束*/

    /*商品详情页开始*/
    .goods-info { display: flex; justify-content: space-between; width:1200px; margin:0 auto;}
    .goods-info .left-box { position: relative; width: 400px; background: #fff; border-radius: 3px 0 0 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .goods-info .left-box .swiper-gallery { position: relative; padding:20px 0 0 20px; }
    .goods-info .left-box .swiper-gallery .swiper-slide img { width: 340px; height: 450px; }
    .goods-info .left-box .swiper-thumbs { position: relative; margin: 20px 15px; }
    .goods-info .left-box .swiper-thumbs .swiper-container { padding: 0 10px; }
    .goods-info .left-box .swiper-thumbs .swiper-button-prev { left: 0; top: 0; width: 16px; height: 100%; margin-top: 0; }
    .goods-info .left-box .swiper-thumbs .swiper-button-prev::after { color: #999; font-size: 20px; font-weight: bold; }
    .goods-info .left-box .swiper-thumbs .swiper-button-next { top: 0; right: 0; width: 16px; height: 100%; margin-top: 0; }
    .goods-info .left-box .swiper-thumbs .swiper-button-next::after { color: #999; font-size: 20px; font-weight: bold; }
    .goods-info .left-box .swiper-thumbs .swiper-slide { position: relative; margin: 0 8px; width: 65px; height: 65px; box-sizing: border-box; border: 2px solid #f5f5f5; overflow: hidden; cursor: pointer; }
    .goods-info .left-box .swiper-thumbs .swiper-slide.swiper-slide-thumb-active { border-color: #0457cb; }
    .goods-info .left-box .swiper-thumbs .swiper-slide img { width: 100%; height: 100%; }
    .goods-info .slider-banner{ display:none;}
    .goods-info .right-box { display: flex; flex-direction: column; padding: 30px; width: 800px; background: #fff; border-radius: 0 3px 3px 0; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
    .goods-info .right-box .gtitle { font-size: 20px; font-weight: 600; line-height: 1.5em; }
    .goods-info .right-box .info-box { display: flex; justify-content: space-between; margin-top: 20px; padding: 20px; color: #fff; background: #0457cb; }
    .goods-info .right-box .info-box .del { float:right; color: #999; text-decoration: line-through; margin-top:5px;}
    .goods-info .right-box .info-box .price { float:left; font-size: 24px; line-height: 1; font-weight: 600; }
    .goods-info .right-box .info-box .price::before { content: "￥"; font-size: 22px; font-weight: 500; }
    .goods-info .right-box .info-box .timer-box { display: flex; flex-direction: column; justify-content: center; padding: 0 20px; }
    .goods-info .right-box .spec-list { display: flex; flex-direction: column; margin-top: 20px; }
    .goods-info .right-box .spec-list .list-box { display: flex; justify-content: flex-start; margin-bottom: 10px; }
    .goods-info .right-box .spec-list .list-box .title { margin: 0 20px; width: 60px; line-height: 32px; color: #666; text-align-last:justify; float:left;}
    .goods-info .right-box .spec-list .list-box .item-box { justify-content: flex-start; position: relative; float:left;}
    .goods-info .right-box .spec-list .list-box .item-box .text { float:left; margin: 0 10px 10px 0; padding: 10px 20px; line-height: 1; border-radius: 3px; border: 2px solid #f5f5f5; cursor: pointer; }
    .goods-info .right-box .spec-list .list-box .item-box .text.active { color: #fff; border-color: #0457cb; background: #0457cb; }
    .goods-info .right-box .btn-box { margin: 20px 0 0 100px; }
    .goods-info .right-box .category-box{ height:32px; margin-top:20px;}
    .goods-info .right-box .category-box .title{ float:left; padding:10px 20px; width:60px; text-align-last:justify; color:#666;}
    .goods-info .right-box .category-box .item-box{ float:left; padding: 10px 20px;}
    .goods-detail { width:1200px; margin:0 auto; margin-top: 20px; }
    .goods-detail .left-box { width: 224px; float:left;}
    .goods-detail .left-box .head-box { display: flex; justify-content: flex-start; align-items: center; padding: 0 20px; background: #fff; height: 51px; color: #333; border-bottom: 1px solid #ededed; border-radius: 3px 3px 0 0; }
    .goods-detail .right-box { float:right; width: 956px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .goods-detail .right-box .head-box { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #ededed; }
    .goods-detail .right-box .head-box .item-box { display: flex; justify-content: center; align-items: center; position: relative; padding: 0 30px; height: 50px; color: #333; font-size: 14px; cursor: pointer; }
    .goods-detail .right-box .head-box .item-box:first-child::before { display: none; }
    .goods-detail .right-box .head-box .item-box::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; border-left: 1px solid #d9d9d9; }
    .goods-detail .right-box .head-box .item-box:hover { color: #0457cb; }
    .goods-detail .right-box .head-box .item-box.active { color: #0457cb; font-weight: 600; }
    .goods-detail .right-box .head-box .item-box.active::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #0457cb; }
    .goods-detail .right-box .content { min-height:588px; padding: 20px 30px; }
    .goods-detail .right-box .content .param { display: flex; justify-content: flex-start; flex-flow: row wrap; align-items: center; position: relative; }
    .goods-detail .right-box .content .param .text { margin: 5px 0; padding-right: 2%; width: 46%; color: #666; }
    .goods-detail .right-box .content .detail { padding-top: 20px; }
    .goods-detail .right-box .content .detail p{ text-indent:2em; line-height:27px;}
    .goods-detail .right-box .content .detail p img{ display:block; margin:0 auto; max-width:100%;}

    /*商品评价*/
    .evaluate-box { position: relative; padding: 20px 30px; }
    .evaluate-box .screen-bar { display: flex; justify-content: flex-start; align-items: center; }
    .evaluate-box .screen-bar .text { margin-right: 20px; padding: 10px 20px; color: #666; font-size: 14px; line-height: 1; background: #f7f7f7; border-radius: 3px; cursor: pointer; }
    .evaluate-box .screen-bar .text:hover { color: #0457cb; }
    .evaluate-box .screen-bar .text.active { color: #fff; background: #0457cb; }
    .evaluate-box .list-wrap .list-box { margin-top: 20px; padding: 10px 0; border-top: 1px solid #f7f7f7; }
    .evaluate-box .list-wrap .list-box:first-child { border-top: none; }
    .evaluate-box .list-wrap .list-box .avatar-box { display: flex; justify-content: space-between; align-items: center; }
    .evaluate-box .list-wrap .list-box .avatar-box .left { display: flex; justify-content: flex-start; align-items: center; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .avatar { position: relative; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .avatar img { width: 100%; height: 100%; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .meta { display: flex; flex-direction: column; margin-left: 20px; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .meta .name { color: #282828; font-size: 16px; font-weight: 600; line-height: 20px; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .meta .time { margin-top: 10px; color: #999; font-size: 14px; line-height: 1; }
    .evaluate-box .list-wrap .list-box .avatar-box .star .icon { margin: 0 3px; color: #999; font-size: 16px; }
    .evaluate-box .list-wrap .list-box .avatar-box .star .icon.icon-star-full { color: #ff722b; }
    .evaluate-box .list-wrap .list-box .content-box { margin: 10px 0 0 70px; color: #4b4b4b; font-size: 14px; line-height: 24px; }
    .evaluate-box .list-wrap .list-box .album-box { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: 0 0 0 60px; }
    .evaluate-box .list-wrap .list-box .album-box .img-box { display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 10px; background: #f7f8fa; width: 65px; height: 65px; box-sizing: border-box; border: 1px solid #f7f8fa; border-radius: 3px; overflow: hidden; cursor: pointer; }
    .evaluate-box .list-wrap .list-box .album-box .img-box > img, .evaluate-box .list-wrap .list-box .album-box .img-box .el-image { width: 100%; height: 100; }
    .evaluate-box .list-wrap .list-box .remark { display: flex; justify-content: space-between; margin: 10px 0 0 70px; color: #999; font-size: 12px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .evaluate-box .nodata { margin-top: 20px; padding: 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); color: #999; text-align: center; line-height: 80px; }
    /*商品详情页结束*/

    /*新闻列表页开始*/
    .news-list { display: flex; flex-flow: row wrap; overflow: hidden; }
    .news-list .nodata { padding: 20px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); width: 100%; color: #999; line-height: 100px; text-align: center; }
    .news-list .list-box { display: flex; justify-content: space-between; position: relative; margin: 20px 0 0 0; padding: 20px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .news-list .list-box:first-child{ margin-top:0;}
    .news-list .list-box .left-box { width:800px; flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
    .news-list .list-box .left-box .title { color: #282828; font-size: 18px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .news-list .list-box .left-box .info { display: block; margin-top: 15px; color: #999; font-size: 14px; height: 155px; line-height: 22px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .news-list .list-box .left-box .date { margin-top: 15px; color: #ccc; font-size: 12px; }
    .news-list .list-box .left-box .date::before { margin-right: 3px; }
    .news-list .list-box .img-box { flex-shrink: 0; position: relative; margin-left: 20px; width: 340px; height: 220px; border-radius: 3px; overflow: hidden; }
    .news-list .list-box .img-box > img, .news-list .list-box .img-box .el-image { width: 100%; height: 100%;}
    /*新闻列表页结束*/

    /*新闻详情页开始*/
    .content-box { width:1200px; margin:0 auto; }
    .detail-box { min-height:588px; padding: 30px 30px 20px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .detail-box .h3 { display:block; font-size: 20px; line-height: 38px; text-align:center;}
    .detail-box .meta { text-align:center; margin-top: 10px; line-height: 1; color: #666; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .detail-box .meta span { margin-right: 10px; }
    .detail-box .meta .icon { font-size: 14px; }
    .detail-box .meta .icon::before { margin-right: 5px; }
    .detail-box .meta .icon.click { cursor: pointer; }
    .detail-box .content { position: relative; margin-top: 30px; color: #333; font-size: 15px; line-height: 30px; }
    .detail-box .content p { text-indent:2em; line-height:27px;}
    .detail-box .content img { max-width: 100%; display:block; margin:0 auto;}
    /*新闻详情页结束*/

    /*登录页开始*/
    .login-box { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .login-box .wrap-box { display: flex; justify-content: space-between; width: 950px; }
    .login-box .left-box { width: 550px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .login-box .left-box .tab-box { display: flex; justify-content: space-between; align-items: center; margin: 30px 50px; }
    .login-box .left-box .tab-box .text { flex-grow: 1; position: relative; margin-left: 20px; padding: 10px 20px; color: #999; font-size: 16px; line-height: 1; text-align: center; cursor: pointer; }
    .login-box .left-box .tab-box .text:first-child { margin-left: 0; }
    .login-box .left-box .tab-box .text:first-child::before { display: none; }
    .login-box .left-box .tab-box .text::before { content: ""; position: absolute; top: 10px; left: -10px; bottom: 10px; display: block; width: 1px; background: #ccc; }
    .login-box .left-box .tab-box .text.active { color: #0457cb; font-weight: 600; }
    .login-box .left-box .el-form { padding: 0 50px; }
    .login-box .left-box .el-form .btn { width: 100%; }
    .login-box .left-box .foot-box { display: flex; justify-content: space-between; align-items: center; margin: 0 50px 30px 50px; }
    .login-box .left-box .foot-box .text { color: #323233; font-size: 14px; line-height: 1; }
    .login-box .right-box { display: flex; flex-direction: column; justify-content: center; position: relative; margin-left: 20px; padding: 30px 50px; width: 380px; background: #fff; border-radius: 3px; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .login-box .right-box .logo { text-align: center; }
    .login-box .right-box .head-box { display: flex; flex-direction: column; text-align: center; }
    .login-box .right-box .head-box .title { color: #323233; font-size: 22px; line-height: 34px; }
    .login-box .right-box .head-box .text { margin: 10px 0 20px; color: #666; font-size: 14px; line-height: 24px; }
    .login-box .right-box .img-box { position: relative; margin: 50px 0; }
    .login-box .right-box .img-box > img, .login-box .right-box .img-box el-image { width: 100%; }
    .login-box .right-box .oauth-box { display: flex; flex-direction: column; position: relative; margin: 20px 20px 0 20px; }
    .login-box .right-box .oauth-box .list-box { display: flex; align-items: center; margin-bottom: 20px; padding: 5px 10px; height: 42px; border: 1px solid #f0f0f0; border-radius: 5px; cursor: pointer; overflow: hidden; }
    .login-box .right-box .oauth-box .list-box:hover { border-color: #ddd; }
    .login-box .right-box .oauth-box .list-box .icon { display: flex; justify-content: center; position: relative; margin-right: 10px; width: 32px; height: 32px; }
    .login-box .right-box .oauth-box .list-box .icon > img, .login-box .right-box .oauth-box .list-box .icon el-image { height: 100%; }
    .login-box .right-box .oauth-box .list-box .text { font-size: 14px; }
    .login-box .right-box .foot-box { margin: 20px 0 0 0; display: flex; justify-content: space-around; align-items: center; }
    .login-box .right-box .foot-box .icon { color: #666; font-size: 14px; line-height: 1; }
    .login-box .right-box .foot-box .icon::before { margin-right: 5px; }
    .login-box .left-box .logo{ display:none;}
    /*登录页结束*/
    
    .account-box { width:1200px; margin:0 auto; display: flex; justify-content: space-between; margin-top: 20px; }
    .account-box .left-box { width: 224px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .account-box .left-box .head-box { text-align: center; border-bottom: 20px solid #f7f7f7; }
    .account-box .left-box .head-box .img-box { display: flex; justify-content: center; align-items: center; margin: 20px auto; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06); background: #f3f3f3; overflow: hidden; }
    .account-box .left-box .head-box .img-box .icon { color: #fff; font-size: 48px; }
    .account-box .left-box .head-box .img-box > img, .account-box .left-box .head-box .img-box .el-image { width: 100%; height: 100%; border-radius: 50%; }
    .account-box .left-box .head-box .name { margin: 0 20px; color: #323233; font-size: 17px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .account-box .left-box .head-box .info { position: relative; display: flex; justify-content: space-around; align-items: center; margin-top: 20px; padding: 10px 0; background: #0457cb; }
    .account-box .left-box .head-box .info .text { position: relative; margin: 0 1%; padding: 6px 12px; width: 40%; color: #fff; font-size: 12px; line-height: 1; text-align: center; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; overflow: hidden; }
    .account-box .left-box .head-box .info .text::before { margin-right: 3px; }
    .account-box .left-box .head-box .info .text::after { content: ""; position: absolute; top: 6px; bottom: 6px; left: 0; width: 1px; border-left: 1px solid #d9d9d9; }
    .account-box .left-box .head-box .info .text:first-child::after { display: none; }
    .account-box .left-box .menu-box { display: flex; flex-direction: column; padding: 10px 0; }
    .account-box .left-box .menu-box .item-box { position: relative; margin: 10px 0; padding: 10px 30px; color: #666; font-size: 16px; line-height: 1; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .account-box .left-box .menu-box .item-box:hover { color: #0457cb; }
    .account-box .left-box .menu-box .item-box.active { color: #0457cb; }
    .account-box .left-box .menu-box .item-box.active::before { content: ""; position: absolute; top: 7px; bottom: 7px; left: 0; width: 2px; background: #0457cb; }
    .account-box .left-box .menu-box .item-box .icon { font-size: 15px; }
    .account-box .right-box { width: 956px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .account-box .right-box .tab-box { display: flex; justify-content: space-between; align-items: center; margin: 20px 30px 0 30px; border-bottom: 1px solid #ededed; }
    .account-box .right-box .tab-box .menu-box { display: flex; justify-content: flex-start; align-items: center; }
    .account-box .right-box .tab-box .menu-box .item-box { display: flex; justify-content: center; align-items: center; position: relative; padding: 0 30px; height: 50px; color: #333; font-size: 14px; cursor: pointer; }
    .account-box .right-box .tab-box .menu-box .item-box:first-child::before { display: none; }
    .account-box .right-box .tab-box .menu-box .item-box::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; border-left: 1px solid #d9d9d9; }
    .account-box .right-box .tab-box .menu-box .item-box:hover { color: #0457cb; }
    .account-box .right-box .tab-box .menu-box .item-box.active { color: #0457cb; font-weight: 600; }
    .account-box .right-box .tab-box .menu-box .item-box.active::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #26a4fd; }
    .account-box .right-box .tab-box .btn-box .el-link { margin-right: 20px; }
    .account-box .right-box .content { position: relative; padding: 30px; overflow: hidden; }
    .account-box .right-box .content .el-form, .account-box .right-box .content .el-table { border: 1px solid #f5f5f5; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
    .account-box .right-box .content .el-form { padding: 20px; }
    .account-box .right-box .content .nodata { display: flex; flex-direction: column; align-items: center; padding: 50px; color: #999; font-size: 14px; }
    .account-box .right-box .content .nodata .icon { margin-bottom: 20px; color: #ebebeb; font-size: 54px; line-height: 1; }
    .account-box .index-box { width: 956px; }
    .account-box .index-box .section-box { margin-bottom: 20px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .account-box .index-box .section-box .title { padding: 0 30px; color: #333; font-size: 16px; line-height: 50px; border-bottom: 1px solid #ededed; }
    .account-box .index-box .section-box .content { position: relative; padding: 20px; }
    .account-box .index-box .info-index { display: flex; justify-content: space-between; margin-bottom: 20px; }
    .account-box .index-box .info-index .avatar-box,.account-box .index-box .info-index .avatar-box1 { display: flex; justify-content: space-between; align-items: center; padding: 20px; width: 468px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); box-sizing: border-box; overflow: hidden; }
    .account-box .index-box .info-index .avatar-box .img-box { display: flex; justify-content: center; align-items: center; position: relative; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #f3f3f3; overflow: hidden; }
    .account-box .index-box .info-index .avatar-box .img-box > img, .account-box .index-box .info-index .avatar-box .img-box .el-image { width: 100%; height: 100%; border-radius: 50%; }
    .account-box .index-box .info-index .avatar-box .img-box > .icon { color: #fff; font-size: 64px; }
    .account-box .index-box .info-index .avatar-box .img-box .edit { display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; }
    .account-box .index-box .info-index .avatar-box .img-box .edit .icon { color: rgba(255, 255, 255, 0.8); font-size: 24px; }
    .account-box .index-box .info-index .avatar-box .txt-box { flex-grow: 1; margin-left: 20px; }
    .account-box .index-box .info-index .avatar-box .txt-box .item-box { display: flex; justify-content: space-between; padding: 5px 0; }
    .account-box .index-box .info-index .avatar-box .txt-box .item-box .title { flex-grow: 1; }
    .account-box .index-box .info-index .avatar-box .txt-box .item-box .text { margin-right: 10px; color: #999; }
    .account-box .index-box .info-index .num-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 20px; padding: 20px; width: 224px; background: #fff; box-sizing: border-box; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .account-box .index-box .info-index .num-box .num { color: #26a4fd; font-size: 22px; font-weight: 600; line-height: 1; }
    .account-box .index-box .info-index .num-box .text { margin-top: 15px; font-size: 14px; }
    .account-box .index-box .order-icon { display: flex; justify-content: space-around; }
    .account-box .index-box .order-icon .item-box { display: flex; flex-direction: column; align-items: center; padding: 20px 30px; cursor: pointer; }
    .account-box .index-box .order-icon .item-box:hover { color: #26a4fd; }
    .account-box .index-box .order-icon .item-box .icon { font-size: 34px; line-height: 1; }
    .account-box .index-box .order-icon .item-box .text { margin-top: 15px; font-size: 14px; }
    .account-box .index-box .list-wrap { display: flex; justify-content: space-between; flex-flow: row wrap; margin: -20px 0 0 -20px; overflow: hidden; }
    .account-box .index-box .list-wrap .section-box { flex-grow: 1; margin: 20px 0 0 20px; width: calc(50% - 20px); }
    .account-box .index-box .list-wrap .section-box .nodata { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 120px; height: 100%; }
    .account-box .index-box .list-wrap .section-box .nodata .icon { color: #ccc; font-size: 32px; }
    .account-box .index-box .list-wrap .section-box .nodata .text { margin-top: 20px; color: #999; font-size: 14px; }
    .account-box .index-box .list-wrap .txt-list { display: flex; flex-direction: column; margin: -10px 0; }
    .account-box .index-box .list-wrap .txt-list .list-box { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 0; border-top: 1px solid #f3f3f3; }
    .account-box .index-box .list-wrap .txt-list .list-box:first-child { border: none; }
    .account-box .index-box .list-wrap .txt-list .list-box .left { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
    .account-box .index-box .list-wrap .txt-list .list-box .left h5 { font-size: 14px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .account-box .index-box .list-wrap .txt-list .list-box .left .time { margin-top: 5px; color: #999; font-size: 12px; }
    .account-box .index-box .list-wrap .txt-list .list-box .left .time::before { margin-right: 3px; }
    .account-box .index-box .list-wrap .txt-list .list-box .right { margin-left: 20px; }
    .account-box .index-box .menu1-box,.account-box .index-box .esc,.esc-title{ display:none;}

    .upload-avatar { display: flex; justify-content: center; }
    .upload-avatar .avatar-box { position: relative; cursor: pointer; width: 180px; height: 180px; border-radius: 50%; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .upload-avatar .avatar-box img, .upload-avatar .avatar-box .el-image { width: 100%; height: 100%; border-radius: 50%; }
    .upload-avatar .avatar-box i { display: block; position: absolute; top: 50%; left: 50%; margin: -14px auto auto -14px; color: rgba(255, 255, 255, 0.8); font-size: 28px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
    .upload-avatar .cropper-box .img-box { width: 100%; height: 450px; }
    .upload-avatar .cropper-box .btn-box { display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; }
    .upload-avatar .cropper-box .btn-box .el-upload { display: flex; align-items: center; margin-right: 10px; }

    .upload-input .up-control { display: flex; justify-content: flex-start; align-items: center; }
    .upload-input .up-control .el-input__inner { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
    .upload-input .up-control .el-button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
    .upload-input .img-preview { margin-top: 10px; }

    .upload-album { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; }
    .upload-album .img-box { position: relative; margin: 20px 0 0 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; border: 1px solid #DCDFE6; width: 112px; height: 112px; }
    .upload-album .img-box .close { position: absolute; right: -9px; top: -9px; color: #26a4fd; font-size: 18px; background: #fff; border-radius: 100%; cursor: pointer; z-index: 1; }
    .upload-album .img-box .el-progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
    .upload-album .img-box > img, .upload-album .img-box .el-image { width: 100%; height: 100%; border-radius: 3px; }
    .upload-album .add-box .el-upload { position: relative; margin: 20px 0 0 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; border: 1px solid #DCDFE6; width: 112px; height: 112px; }
    .upload-album .add-box .el-upload .btn-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0; height: 100%; }
    .upload-album .add-box .el-upload .btn-box .icon { color: #999; font-size: 24px; }
    .upload-album .add-box .el-upload .btn-box .text { margin-top: 5px; color: #ccc; font-size: 12px; line-height: 1; }

    .upload-attach .list-btn { margin-bottom: 20px; }
    .upload-attach .list-wrap { display: flex; flex-flow: row wrap; justify-content: space-between; margin-right: -20px; }
    .upload-attach .list-wrap .list-box { display: block; position: relative; margin: 0 20px 20px 0; width: 230px; flex-grow: 1; box-sizing: border-box; border-radius: 4px; border: 1px solid #DCDFE6; overflow: hidden; }
    .upload-attach .list-wrap .list-box .img-box { display: block; float: left; margin: 5px 10px 5px 5px; color: #fff; font-size: 24px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #67C23A; }
    .upload-attach .list-wrap .list-box .info-box { margin: 5px; }
    .upload-attach .list-wrap .list-box .info-box h3 { margin-bottom: 10px; color: #606266; font-size: 14px; font-weight: 600; line-height: 1.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .upload-attach .list-wrap .list-box .info-box dl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
    .upload-attach .list-wrap .list-box .info-box dl dt { color: #C0C4CC; font-size: 12px; line-height: 1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .upload-attach .list-wrap .list-box .info-box dl dd { display: flex; justify-content: space-between; color: #67C23A; font-size: 20px; height: 20px; line-height: 20px; }
    .upload-attach .list-wrap .list-box .info-box dl dd span { margin: 0 5px; cursor: pointer; }
    .upload-attach .list-wrap .list-box .info-box dl dd span:hover { color: #409EFF; }
    .upload-attach .list-wrap .list-box .close { display: block; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 40px; color: #fff; font-size: 16px; background: #409EFF; cursor: pointer; overflow: hidden; }
    .upload-attach .list-wrap .list-box .close i { position: absolute; display: block; bottom: 4px; left: 3px; }
    .upload-attach .list-wrap .list-box .close:hover { background: #E6A23C; }

    .order-list .list-box { margin-bottom: 20px; border: 1px solid #ececec; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
    .order-list .list-box .head-box { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #f5f5f5; line-height: 1; }
    .order-list .list-box .head-box .text { color: #26a4fd; margin-right: 5px; }
    .order-list .list-box .head-box .time { color: #999; font-size: 14px; }
    .order-list .list-box .head-box .time::before { margin-right: 5px; }
    .order-list .list-box .head-box .state { color: #666; }
    .order-list .list-box .head-box .state.red { color: #26a4fd; }
    .order-list .list-box .item-box { display: flex; justify-content: flex-start; align-items: center; padding: 20px; border-bottom: 1px solid #f5f5f5; }
    .order-list .list-box .item-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; }
    .order-list .list-box .item-box .img-box > img, .order-list .list-box .item-box .img-box .el-image { width: 100%; height: 100%; }
    .order-list .list-box .item-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; }
    .order-list .list-box .item-box .txt-box .text { font-size: 15px; }
    .order-list .list-box .item-box .txt-box .info { margin-top: 10px; color: #aaa; }
    .order-list .list-box .item-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 20px; }
    .order-list .list-box .item-box .txt-box .price::before { content: "￥"; font-size: 14px; }
    .order-list .list-box .item-box .btn-box { flex-shrink: 1; width: 150px; }
    .order-list .list-box .item-box .btn-box .el-tag { min-width: 80px; text-align: center; }
    .order-list .list-box .total-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 0 20px; }
    .order-list .list-box .total-box .right { flex-grow: 1; display: flex; justify-content: flex-end; align-items: baseline; color: #666; }
    .order-list .list-box .total-box .right .num { margin: 0 3px; font-weight: bold; }
    .order-list .list-box .total-box .right .price { margin: 0 3px; color: #e93323; font-size: 18px; font-weight: 600; }
    .order-list .list-box .btn-box { display: flex; justify-content: flex-end; padding: 20px; }
    .order-list .list-box .express-box { padding: 20px 20px 0 20px; }
    .order-list .list-box .express-box .more-box { display: flex; flex-direction: column; margin-bottom: 20px; text-align: center; color: #999; line-height: 1; cursor: pointer; }
    .order-list .list-box .express-box .more-box .text { margin-bottom: 3px; }
    .order-list .list-box .express-box .more-box .icon { margin: auto; display: inline-block; width: 14px; height: 14px; color: #ccc; font-size: 14px; transform: rotate(-90deg); }

    .address-list { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; overflow: hidden; }
    .address-list .add-box { display: flex; justify-content: center; align-items: center; margin: 20px 0 0 20px; width: 285px; height: 165px; border: 1px solid #f3f3f3; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); font-size: 16px; line-height: 1; cursor: pointer; }
    .address-list .add-box .icon { margin-right: 5px; color: #999; }
    .address-list .list-box { display: flex; flex-direction: column; position: relative; margin: 20px 0 0 20px; padding: 20px 20px 50px 20px; width: 285px; border: 1px solid #f3f3f3; border-radius: 3px; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
    .address-list .list-box:hover .edit-box { opacity: 1; }
    .address-list .list-box .name { color: #282828; font-size: 16px; }
    .address-list .list-box .mobile { margin: 10px 0 5px; color: #666; font-size: 13px; }
    .address-list .list-box .address { color: #999; font-size: 14px; height: 40px; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
    .address-list .list-box .label { position: absolute; top: 0; right: 0; padding: 5px 12px; color: #fff; font-size: 12px; line-height: 1; border-radius: 0 3px 0 3px; background: #26a4fd; }
    .address-list .list-box .edit-box { opacity: 0; display: flex; justify-content: space-between; position: absolute; right: 20px; bottom: 20px; color: #26a4fd; }
    .address-list .list-box .edit-box .text { margin-left: 5px; line-height: 20px; cursor: pointer; }

    .order-detail { margin-top: -20px; }
    .order-detail .head-box { margin-top: 20px; padding: 20px 0; }
    .order-detail .screen-box { margin-top: 20px; border: 1px solid #f3f3f3; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .order-detail .screen-box .nav-bar { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; font-size: 16px; line-height: 54px; height: 54px; border-bottom: 1px solid #f3f3f3; }
    .order-detail .screen-box .nav-bar .tip { color: #999; font-size: 14px; font-weight: 500; }
    .order-detail .item-box { padding: 10px 20px; }
    .order-detail .item-box .item { display: flex; justify-content: space-between; padding: 10px 0; }
    .order-detail .item-box .item .left { width: 80px; color: #999; }
    .order-detail .item-box .item .right { flex-grow: 1; }
    .order-detail .item-box .album { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; }
    .order-detail .item-box .album .img-box { margin: 20px 0 0 20px; width: 112px; height: 112px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
    .order-detail .item-box .album .img-box > img, .order-detail .item-box .album .img-box .el-image { width: 100%; height: 100%; border-radius: 3px; }
    .order-detail .goods-box { margin: 0 20px; }
    .order-detail .goods-box .list-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #f3f3f3; }
    .order-detail .goods-box .list-box:first-child { border: none; }
    .order-detail .goods-box .list-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; border-radius: 5px; overflow: hidden; }
    .order-detail .goods-box .list-box .img-box > img, .order-detail .goods-box .list-box .img-box .el-image { width: 100%; height: 100%; border-radius: 5px; }
    .order-detail .goods-box .list-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
    .order-detail .goods-box .list-box .txt-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .order-detail .goods-box .list-box .txt-box .info { margin-top: 10px; color: #999; font-size: 13px; line-height: 1; }
    .order-detail .goods-box .list-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 16px; }
    .order-detail .goods-box .list-box .txt-box .price::before { content: "￥"; font-size: 14px; }
    .order-detail .goods-box .list-box .btn-box { flex-shrink: 1; width: 150px; }
    .order-detail .goods-box .list-box .btn-box .el-tag { min-width: 80px; text-align: center; }
    .order-detail .total-box { display: flex; justify-content: flex-end; align-items: baseline; margin: 20px 0; padding: 20px; }
    .order-detail .total-box .text { margin-left: 20px; }
    .order-detail .total-box .text .point, .order-detail .total-box .text price { margin-left: 5px; color: #26a4fd; font-size: 16px; }
    .order-detail .total-box .text .price::before { content: "￥"; font-size: 14px; }
    .order-detail .amount-box { display: flex; justify-content: flex-end; align-items: baseline; margin: 20px 0; padding: 20px; border-radius: 5px; background: #f7f7f7; }
    .order-detail .amount-box .price { margin-left: 10px; color: #e93323; font-size: 20px; font-weight: 600; }
    .order-detail .amount-box .price::before { content: "￥"; font-size: 14px; }
    .order-detail .btn-box { display: flex; justify-content: flex-end; padding: 30px 0; }

    .cart-list { width:1200px; margin:0 auto; }
    .cart-list .row-box { padding: 0 20px; box-sizing: border-box; min-width: 80px; }
    .cart-list .row-center { text-align: center; }
    .cart-list .row-check { width: 80px; }
    .cart-list .row-info { width: 500px; }
    .cart-list .row-num { width: 220px; }
    .cart-list .row-amount { width: 220px; }
    .cart-list .head-box { display: flex; justify-content: space-between; align-items: center; height: 54px; background: #eee; }
    .cart-list .list-wrap { border: 1px solid #efefef; background: #fff; }
    .cart-list .list-wrap .nodata { display: flex; flex-direction: column; align-items: center; margin: 50px; color: #ccc; }
    .cart-list .list-wrap .nodata .icon { margin-bottom: 20px; color: #f0f0f0; font-size: 64px; }
    .cart-list .list-wrap .list-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px dotted #e2e2e2; }
    .cart-list .list-wrap .list-box .del { color: #d0d0d0; font-size: 18px; cursor: pointer; }
    .cart-list .list-wrap .list-box .row-amount { color: #e93323; }
    .cart-list .list-wrap .list-box .goods-box { display: flex; justify-content: space-between; align-items: center; }
    .cart-list .list-wrap .list-box .goods-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; }
    .cart-list .list-wrap .list-box .goods-box .img-box > img, .cart-list .list-wrap .list-box .goods-box .img-box .el-image { width: 100%; height: 100%; }
    .cart-list .list-wrap .list-box .goods-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; }
    .cart-list .list-wrap .list-box .goods-box .txt-box .title { height: 40px; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
    .cart-list .list-wrap .list-box .goods-box .txt-box .info { margin-top: 10px; color: #d0d0d0; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .cart-list .list-wrap .list-box .goods-box .txt-box .price { margin-top: 10px; color: #e93323; font-weight: 600; }
    .cart-list .list-wrap .list-box .goods-box .txt-box .price::before { content: "￥"; font-size: 12px; }
    .cart-list .foot-box { display: flex; justify-content: space-between; align-items: center; position: relative; margin-top: 30px; background: #eee; height: 54px; }
    .cart-list .foot-box .check-box { padding-left: 20px; }
    .cart-list .foot-box .check-box .text { margin-left: 20px; }
    .cart-list .foot-box .total-box { display: flex; justify-content: space-between; align-items: center; }
    .cart-list .foot-box .total-box .txt-box { font-size: 14px; }
    .cart-list .foot-box .total-box .txt-box .price { color: #e93323; font-size: 20px; font-weight: 600; }
    .cart-list .foot-box .total-box .txt-box .price::before { content: "￥"; font-size: 16px; }
    .cart-list .foot-box .total-box .btn-box { display: flex; justify-content: space-between; margin-left: 30px; }
    .cart-list .foot-box .total-box .btn-box .btn { display: flex; align-items: center; padding: 0 50px; color: #fff; font-size: 18px; background: #26a4fd; cursor: pointer; height: 54px; }

    .order-confirm .screen-box { width:1200px; margin:0 auto; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .order-confirm .screen-box .nav-bar { display: block; padding: 0 20px; font-size: 16px; font-weight: 600; line-height: 54px; height: 54px; border-bottom: 1px solid #f3f3f3; }
    .order-confirm .screen-box .address-list { margin: 0; padding-bottom: 20px; }
    .order-confirm .screen-box .address-list .list-box, .order-confirm .screen-box .address-list .add-box { width: 275px; cursor: pointer; }
    .order-confirm .screen-box .address-list .add-box { height: 135px; }
    .order-confirm .screen-box .address-list .list-box { padding: 20px; }
    .order-confirm .screen-box .address-list .list-box.active { border-color: #26a4fd; }
    .order-confirm .screen-box .address-list .list-box.active::before { content: "\e612"; font-family: "iconfont"; display: block; position: absolute; right: -3px; bottom: -4px; color: #26a4fd; font-size: 30px; }
    .order-confirm .goods-box { margin: 0 30px; }
    .order-confirm .goods-box .list-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #f3f3f3; }
    .order-confirm .goods-box .list-box:first-child { border: none; }
    .order-confirm .goods-box .list-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; border-radius: 5px; overflow: hidden; }
    .order-confirm .goods-box .list-box .img-box > img, .order-confirm .goods-box .list-box .img-box .el-image { width: 100%; height: 100%; border-radius: 5px; }
    .order-confirm .goods-box .list-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
    .order-confirm .goods-box .list-box .txt-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .order-confirm .goods-box .list-box .txt-box .info { margin-top: 10px; color: #999; font-size: 13px; line-height: 1; }
    .order-confirm .goods-box .list-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 16px; }
    .order-confirm .goods-box .list-box .txt-box .price::before { content: "￥"; font-size: 14px; }
    .order-confirm .goods-box .list-box .num-box { width: 60px; }
    .order-confirm .item-box { display: flex; justify-content: space-between; margin:20px 30px 0 30px; padding-bottom: 20px; border-bottom: 1px solid #f3f3f3; }
    .order-confirm .item-box .left-box { flex-shrink: 0; width: 100px; color: #999; }
    .order-confirm .item-box .right-box { flex-grow: 1; color: #606266; }
    .order-confirm .total-box { display: flex; justify-content: space-between; margin: 20px 30px; padding: 20px 0; }
    .order-confirm .total-box .left-box { display: flex; justify-content: flex-start; align-items: center; }
    .order-confirm .total-box .left-box .text { width: 100px; color: #999; }
    .order-confirm .total-box .right-box { display: flex; justify-content: flex-end; align-items: center; }
    .order-confirm .total-box .right-box .item { margin-right: 20px; color: #606266; }
    .order-confirm .total-box .right-box .item .num { color: #333; font-size: 16px; font-weight: 500; }
    .order-confirm .total-box .right-box .item .price { margin-left: 5px; color: #e93323; font-size: 16px; font-weight: 500; }
    .order-confirm .total-box .right-box .item .price::before { content: "￥"; font-size: 14px; }
    .order-confirm .amount-box { display: flex; justify-content: flex-end; align-items: baseline; margin: 20px 30px; padding: 20px; border-radius: 5px; background: #f7f7f7; }
    .order-confirm .amount-box .price { margin-left: 10px; color: #e93323; font-size: 20px; font-weight: 600; }
    .order-confirm .amount-box .price::before { content: "￥"; font-size: 14px; }
    .order-confirm .btn-box { display: flex; justify-content: flex-end; padding: 30px; }

    .payment-box { width:1200px; margin:0 auto;}
    .payment-box .head-box { border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; overflow: hidden; }
    .payment-box .head-box .title { padding: 30px; color: #fff; font-size: 24px; line-height: 1; background: #26a4fd; }
    .payment-box .head-box .title .icon { font-size: 24px; }
    .payment-box .head-box .item-box { padding: 30px; }
    .payment-box .head-box .item-box .item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size: 16px; }
    .payment-box .head-box .item-box .item .left { margin-right: 10px; width: 80px; }
    .payment-box .head-box .item-box .item .right { flex-grow: 1; color: #666; }
    .payment-box .head-box .item-box .item .price { margin: 0 2px; color: #e93323; }
    .payment-box .head-box .btn-box { display: flex; justify-content: flex-end; padding: 30px; }
    .payment-box .screen-box { margin-top: 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .payment-box .screen-box .nav-bar { display: block; padding: 0 20px; font-size: 16px; font-weight: 600; line-height: 54px; height: 54px; border-bottom: 1px solid #f3f3f3; }
    .payment-box .screen-box .btn-box { display: flex; justify-content: flex-end; padding: 30px; }
    .payment-box .screen-box .btn-box .btn { padding: 15px 50px; }
    .payment-list { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; padding: 20px 30px; overflow: hidden; }
    .payment-list .list-box { display: flex; justify-content: center; align-items: center; position: relative; margin: 20px 0 0 20px; padding: 20px; width: 210px; height: 86px; border: 1px solid #d4d4d4; cursor: pointer; }
    .payment-list .list-box.active { border-color: #26a4fd; }
    .payment-list .list-box.active::before { content: "\e612"; font-family: "iconfont"; display: block; position: absolute; right: -3px; bottom: -4px; color: #26a4fd; font-size: 30px; }
    .payment-list .list-box .icon { color: #fe9c01; font-size: 29px; margin-right: 11px; }
    .payment-list .list-box .icon.icon-weixin { color: #09bb07; }
    .payment-list .list-box .icon.icon-alipay { color: #00aaea; }
    .payment-list .list-box .txt-box { display: flex; flex-direction: column; }
    .payment-list .list-box .txt-box .name { color: #4e4e4e; font-size: 16px; }
    .payment-list .list-box .txt-box .text { margin-top: 6px; color: #969696; font-size: 14px; }
    .payment-list-content{ padding:0 30px; line-height:36px; font-size:16px;}
    .payment-list-content div{ font-weight:bold; text-indent:2em; padding-bottom:10px;}
    .payment-list-content .payment-span1{ padding-left:9px;}
    .payment-list-content .payment-span2{ padding-left:34px;}
    .payment-list-content .payment-span3{ padding-left:85px;}

    .order-form { margin-top: -20px; }
    .order-form .list-box { margin-top: 20px; padding: 10px 20px; border: 1px solid #f3f3f3; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .order-form .list-box .goods-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 10px 0 20px; border-bottom: 1px solid #f5f5f5; }
    .order-form .list-box .goods-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; border-radius: 5px; overflow: hidden; }
    .order-form .list-box .goods-box .img-box > img, .order-form .list-box .goods-box .img-box .el-image { width: 100%; height: 100%; border-radius: 5px; }
    .order-form .list-box .goods-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
    .order-form .list-box .goods-box .txt-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .order-form .list-box .goods-box .txt-box .info { margin-top: 10px; color: #999; font-size: 13px; line-height: 1; }
    .order-form .list-box .goods-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 16px; }
    .order-form .list-box .goods-box .txt-box .price::before { content: "￥"; font-size: 14px; }
    .order-form .list-box .form-box .item-box { display: flex; justify-content: space-between; padding: 10px 0; }
    .order-form .list-box .form-box .item-box .left { flex-shrink: 0; width: 80px; color: #999; }
    .order-form .list-box .form-box .item-box .right { flex-grow: 1; }
    .order-form .btn-box { display: flex; justify-content: flex-end; margin-top: 30px; }
    .account-box .btn-box{ display: flex; justify-content: flex-end;}
    .download_btn{ padding-top:50px;}

    /*footer开始*/
    .footer{ background:#fff; border-top:5px #1281f3 solid; margin-top:50px;}
    .footer_div{ width:860px; padding:20px 0; margin:0 auto; line-height:27px; color:#666;}
    .footer_l{ float:left; width:420px;}
    .footer_r{ float:left; width:319px; padding-left:100px; border-left:1px #e1e1e1 solid; border-left-style:dashed;}
    /*footer结束*/
}

/*移动端样式*/
@media screen and (max-width: 768px) {
    /*header开始*/
    img{ width:100%;}
    .top_div a{ margin-right:10px;}
    .top1{ padding-right:10px;}
    .logo{ padding:10px 10px 0 10px; background:#fff;}
    .logo_div{ position:relative;}
    .logo_l{ text-align:center; padding-bottom:10px;}
    .logo_l img{ width:260px;}
    .logo_r{ padding-bottom:10px;}
    .serch{ width:70%;}
    .serch_but{ position:absolute;}
    .logo_c{ position:absolute; left:30px; padding-top:5px;}
    .logo_c a{ display:inline-block; width:30%; font-size:16px; color:#fff;}
    .nav{ height:80px; line-height:40px;}
    .goods-nav { font-size:15px;}
    .goods-nav .wrapper{ position:relative; padding-left:25px;}
    .goods-nav .wrapper>a{ color:#fff; padding:0 5px;}
    .goods-nav .wrapper img{ width:auto; padding-left:10px; position:absolute; top:20px;}
    .goods-nav .category-wrap{ position: absolute; top: 14px; left: 0; z-index: 9;}
    .goods-nav .category-wrap .title{ display:none; margin-top:66px; font-weight:bold; padding-left:10px; background:#e1e1e1;}
    .goods-nav .category-box .sort-box { width: 120px;}
    .goods-nav .category-box .sort-box .list-box { height:32px; line-height:32px; border-bottom:1px #f0f0f0 solid; background:url(../images/menu_libg.png) 100px 8px no-repeat;}
    .goods-nav .category-box .sort-box .list-box a{ display:block; color:#333;}
    .goods-nav .category-wrap .category-box { display: none; padding-left:10px; background:#e1e1e1;}
    .goods-nav .category-wrap:hover .title { display: block;}
    .goods-nav .category-wrap:hover .category-box { display: block;}
    .goods-nav .category-box .sort-box .list-box .sort-con { position: absolute; z-index:111; top: 26px; left: 130px; width:150px; display: none; padding:10px; background-color: #f1f1f1;}
    .goods-nav .category-box .sort-box .list-box:hover .sort-con { display: block; }
    .goods-nav .category-box .sort-box .list-box .sort-con a{ margin:5px 0; line-height:30px; background:#f8f8f8; padding:0 5px; border-radius:3px;}
    .goods-nav .category-box .sort-box .list-box .sort-con a:hover{ background:#fff;}
    .nav_r{ display:none;}
    /*header结束*/
    /*index页面开始*/
    .slider-banner { position: relative; }
    .slider-banner .goods-index-container .swiper-pagination { bottom: 14px; text-align: center; padding-right: 20px; }
    .slider-banner .goods-index-container .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; border-radius: 5px; }
    .slider-banner .goods-index-container .swiper-pagination-bullet-active { background:#006a91;}
    .box01{ padding:1%;}
    .box01 ul li{ width:48%; margin:1%;}
    .box_title{ height:33px; border-bottom:3px #26a4fd solid; z-index:000;}
    .box_title span{ height:36px; line-height:33px; padding:0 10px; font-size:15px;}
    .box_title span img{ width:18px; padding-right:5px;}
    /*.goods-speed-container1 .swiper-wrapper{ padding:10px 0; background:#fff;}
    .goods-speed-container1 .swiper-wrapper .picture { padding:0 20px;}
    .goods-speed-container1 .swiper-wrapper .picture img{ width: 100%; height:170px;}
    .goods-speed-container1 .swiper-wrapper .title { padding:10px 20px 0 20px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .goods-speed-container{ display:none;}*/
    .box02_list{ background:#fff;}
    .box02_list ul li{ float:left; width:46%; margin:2%; text-align:center;}
    .box02_list ul li img{ width: 150px; height: 200px;}
    .box02_list ul li div a{ margin-top:10px; display:block; width:100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .box03{ margin-top:2%;}
    .box03_list{ padding:1%;}
    .box03_list ul li{ width:44%; padding:2%; margin:1%;}
    .box03_list ul li p img{ width:105px; height:140px;}
    .friendLink_title{ height:36px; line-height:36px; font-size:15px;}
    .friendLink_list{ padding:1%;}
    .friendLink_list ul li{ width:48%; margin:1%;}
    .friendLink_list ul li img{ width:97%; padding:1%; border:1px #e1e1e1 solid;}

    .box001,.box002{ margin-top:10px;}
    .box001_title{ font-size:22px; padding-left:10px;}
    .box001_list_content{ padding:10px 10px 5px 10px;}
    .box001_list_content p{ font-size:16px; line-height:27px; text-indent:2em; color:#6c6c6c;}
    .box001_list_content div{ margin-top:10px; font-size:16px; font-weight:bold; font-style:italic; color:#004987;}
    .box001_list_list ul li{ float:left; width:48%; margin:1%;}
    .box001_list_list ul li img{ border-radius:6px 0 6px 0;}
    .box001_list_list ul li div{ text-align:center; padding:5px;}
    .box002 p{ font-size:16px; text-align:center; margin-top:10px;}
    .box002_title{ font-size:28px!important; font-weight:bold; letter-spacing:5px; margin-top:20px!important;}
    .box002 ul{ margin-top:15px;}
    .box002 ul li{ float:left; width:48%; height:60px; display:flex; flex-direction:column; justify-content:center; text-align:center; background:#0079e0; border-radius:5px; margin:1%; font-size:18px; font-weight:bold; color:#fff;}
    .box002_li1{ width:98%!important;}
    .box003{ height:150px; background:url(../images/box003bg1.jpg) top center no-repeat; margin-top:20px;}
    .box003_div{ height:105px; padding-top:45px;}
    .box003_div .list-box img { width:90%; height: 70px; border-radius:10px;}
    .box003_div .swiper-button-prev { height:60px!important; left: 0; background:url(../images/prev.png) no-repeat; }
    .box003_div .swiper-button-prev::after { display: none; }
    .box003_div .swiper-button-next { height:60px!important; right: 0; background:url(../images/next.png) no-repeat; }
    .box003_div .swiper-button-next::after { display: none; }
    .box003_div .swiper-slide{ text-align:center;}

    .box004{ margin-top:10px;}
    .box004_title{ padding:10px 0; font-size:26px; text-align:center;}
    .box004_list{ background:#ebf2f7;}
    .box004_more{ text-align:right; padding:10px; font-size:16px; color:#6c6c6c;}

    /*index页面结束*/

    /*商品列表页开始*/
    .el-breadcrumb{ padding-left:10px;}
    /*查询条件*/
    .goods-screen { padding:0 10px; background: #fff; }
    .goods-screen .list-box { line-height:35px; padding:10px 0; border-top: 1px solid #f5f5f5; position:relative;}
    .goods-screen .list-box:first-child { border: none; }
    .goods-screen .list-box .title { color: #999; float:left;}
    .goods-screen .list-box .title span{ padding-left:30px;}
    .goods-screen .list-box .item-box { padding-left:70px; position:relative;}
    .goods-screen .list-box .item-box .item-box-l{ float:left;}
    .goods-screen .list-box .item-box .item-box-list img{ width:auto; position:absolute; right:0; top:5px; padding:10px 0 10px 10px;}
    .goods-screen .list-box .item-box .item-box-list .item-box-r{ height:35px; overflow:hidden;}
    .goods-screen .list-box .item-box .text { padding: 5px 8px; line-height:35px; border-radius: 3px; cursor: pointer; white-space:nowrap; }
    .goods-screen .list-box .item-box .text.active { color: #fff; background: #0457cb; }
    .goods-screen .list-box .item-box .text.active .icon { color: #0457cb; }
    .goods-screen .list-box .item-box .input .el-input { width: 80px; }
    .goods-screen .list-box .item-box .input .el-input .el-input-group__prepend { padding: 0 5px; }
    .goods-screen .list-box .item-box .line { margin: 0 5px; color: #ccc; }
    .goods-screen .list-box .item-box .btn button{ margin-left: 5px; margin-top:-5px;}
    /*商品列表*/
    .goods-index{ padding-bottom:20px;}
    .goods-list .list-box { float:left; width: 46%; padding: 2%; background: #fff; margin: 2%; border-radius: 3px; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); cursor: pointer; }
    .goods-list .list-box .img-box img{ height:200px; }
    .goods-list .list-box .title { margin-top: 8px; color: #333; height: 40px; line-height: 22px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
    .goods-list .list-box .title .label { display: inline-block; margin-right: 5px; padding: 0 5px; color: #fff; font-size: 12px; background: #26a4fd; height: 18px; line-height: 18px; text-align: center; border-radius: 2px; }
    .goods-list .list-box .price { display: block; margin-top: 12px; color: #e93323; font-size: 20px; font-weight: 700; line-height: 26px; height: 26px; }
    /*商品列表页结束*/

    /*商品详情页开始*/
    .el-breadcrumb{ height:40px; line-height:40px;}
    .goods-info .left-box { display:none; }
    .goods-info .slider-banner { position: relative; background:#fff; padding-top:10px;}
    .goods-info .slider-banner .goods-index-container img { display: block; width: 150px; margin:0 auto;}
    .goods-info .right-box { padding: 10px; background: #fff;}
    .goods-info .right-box .gtitle { font-size: 16px; font-weight: 600; line-height: 1.5em; }
    .goods-info .right-box .info-box { display: flex; justify-content: space-between; margin-top: 10px;}
    .goods-info .right-box .info-box .del { float:right; color: #999; text-decoration: line-through; font-size:12px;}
    .goods-info .right-box .info-box .price { float:left; font-size: 20px; line-height: 1; font-weight: 600; color:#e93323;}
    .goods-info .right-box .info-box .price::before { content: "￥"; font-size: 16px; font-weight: 500; }
    .goods-info .right-box .info-box .timer-box { display: flex; flex-direction: column; justify-content: center; padding: 0 10px; }
    .goods-info .right-box .spec-list { display: flex; flex-direction: column; }
    .goods-info .right-box .spec-list .list-box { display: flex; justify-content: flex-start;}
    .goods-info .right-box .spec-list .list-box .title { margin-right:10px; width: 60px; line-height: 32px; color: #666; text-align-last:justify;}
    .goods-info .right-box .spec-list .list-box .item-box { justify-content: flex-start; position: relative; }
    .goods-info .right-box .spec-list .list-box .item-box .text { margin: 0 10px 10px 0; padding: 10px; line-height: 1; border-radius: 3px; border: 2px solid #f5f5f5; cursor: pointer; }
    .goods-info .right-box .spec-list .list-box .item-box .text.active { color: #fff; border-color: #0457cb; background: #0457cb; }
    .goods-info .right-box .spec-list .list-box:first-child .item-box .text{ margin-bottom:0;}
    .goods-info .right-box .btn-box { margin: 10px 0 0 70px; }
    .goods-info .right-box .spec-list .list-box:first-child .item-box .text{ background:none; border:none; color:#000;}
    .goods-info .right-box .category-box{ height:23px; margin-top:10px;}
    .goods-info .right-box .category-box .title{ float:left; width:60px; text-align-last:justify; color:#666;}
    .goods-info .right-box .category-box .item-box{ float:left; padding:0 20px;}
    .goods-detail { margin-top: 10px; }
    .goods-detail .left-box .head-box { margin-top:10px; display: flex; justify-content: flex-start; align-items: center; padding: 0 10px; background: #fff; height: 51px; color: #333; border-bottom: 1px solid #ededed; border-radius: 3px 3px 0 0; }
    .goods-detail .left-box .goods-list{ background:#fff;}
    .goods-detail .right-box { background: #fff; overflow: hidden; }
    .goods-detail .right-box .head-box { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #ededed; }
    .goods-detail .right-box .head-box .item-box { display: flex; justify-content: center; align-items: center; position: relative; padding: 0 30px; height: 50px; color: #333; font-size: 14px; cursor: pointer; }
    .goods-detail .right-box .head-box .item-box:first-child::before { display: none; }
    .goods-detail .right-box .head-box .item-box::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; border-left: 1px solid #d9d9d9; }
    .goods-detail .right-box .head-box .item-box:hover { color: #0457cb; }
    .goods-detail .right-box .head-box .item-box.active { color: #0457cb; font-weight: 600; }
    .goods-detail .right-box .head-box .item-box.active::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #0457cb; }
    .goods-detail .right-box .content { padding: 10px; }
    .goods-detail .right-box .content .param { display: flex; justify-content: flex-start; flex-flow: row wrap; align-items: center; position: relative; }
    .goods-detail .right-box .content .param .text { margin: 5px 0; width: 100%; color: #666;}
    .goods-detail .right-box .content .detail { padding-top: 10px; }
    .goods-detail .right-box .content .detail p{ text-indent:2em; line-height:27px;}
    .goods-detail .right-box .content .detail p img{ max-width:100%; display:block; margin:0 auto;}

    /*商品评价*/
    .evaluate-box { position: relative; padding: 10px; }
    .evaluate-box .screen-bar { margin-top:10px; }
    .evaluate-box .screen-bar .text { margin-right: 10px; padding: 5px 10px; color: #666; font-size: 14px; line-height: 1; background: #f7f7f7; border-radius: 3px; cursor: pointer; }
    .evaluate-box .screen-bar .text:hover { color: #0457cb; }
    .evaluate-box .screen-bar .text.active { color: #fff; background: #0457cb; }
    .evaluate-box .list-wrap .list-box { margin-top: 20px; padding: 10px 0; border-top: 1px solid #f7f7f7; }
    .evaluate-box .list-wrap .list-box:first-child { border-top: none; }
    .evaluate-box .list-wrap .list-box .avatar-box { display: flex; justify-content: space-between; align-items: center; }
    .evaluate-box .list-wrap .list-box .avatar-box .left { display: flex; justify-content: flex-start; align-items: center; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .avatar { position: relative; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .avatar img { width: 100%; height: 100%; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .meta { display: flex; flex-direction: column; margin-left: 20px; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .meta .name { color: #282828; font-size: 16px; font-weight: 600; ine-height: 20px; }
    .evaluate-box .list-wrap .list-box .avatar-box .left .meta .time { margin-top: 10px; color: #999; font-size: 14px; line-height: 1; }
    .evaluate-box .list-wrap .list-box .avatar-box .star .icon { margin: 0 3px; color: #999; font-size: 16px; }
    .evaluate-box .list-wrap .list-box .avatar-box .star .icon.icon-star-full { color: #ff722b; }
    .evaluate-box .list-wrap .list-box .content-box { margin: 10px 0 0 70px; color: #4b4b4b; font-size: 14px; line-height: 24px; }
    .evaluate-box .list-wrap .list-box .album-box { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: 0 0 0 60px; }
    .evaluate-box .list-wrap .list-box .album-box .img-box { display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 10px; background: #f7f8fa; width: 65px; height: 65px; box-sizing: border-box; border: 1px solid #f7f8fa; border-radius: 3px; overflow: hidden; cursor: pointer; }
    .evaluate-box .list-wrap .list-box .album-box .img-box > img, .evaluate-box .list-wrap .list-box .album-box .img-box .el-image { width: 100%; height: 100; }
    .evaluate-box .list-wrap .list-box .remark { display: flex; justify-content: space-between; margin: 10px 0 0 70px; color: #999; font-size: 12px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .evaluate-box .nodata { margin-top: 20px; padding: 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); color: #999; text-align: center; line-height: 80px; }
    /*商品详情页结束*/
    
    /*新闻列表页开始*/
    .news-list .nodata { margin: 10px 0 0 0; padding: 10px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); width: 100%; color: #999; line-height: 100px; text-align: center; }
    .news-list .list-box { display: flex; justify-content: space-between; position: relative; margin: 10px 0 0 0; padding: 10px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .news-list .list-box:first-child{ margin-top:0;}
    .news-list .list-box .left-box .title { color: #282828; font-size: 16px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .news-list .list-box .left-box .info { display: block; margin-top: 5px; color: #999; font-size: 14px; height: 66px; line-height: 22px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .news-list .list-box .left-box .date { margin-top: 5px; color: #ccc; font-size: 12px; }
    .news-list .list-box .left-box .date::before { margin-right: 3px; }
    .news-list .list-box .img-box { flex-shrink: 0; position: relative; margin-left: 10px; width: 120px; height: 90px; border-radius: 3px; overflow: hidden; }
    .news-list .list-box .img-box > img, .news-list .list-box .img-box .el-image { width: 100%; height: 100%;}
    /*新闻列表页结束*/

    /*新闻详情页开始*/
    .detail-box { padding: 10px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .detail-box .h3 { display:block; font-size: 20px; line-height: 38px; text-align:center;}
    .detail-box .meta { text-align:center; margin-top: 10px; line-height: 1; color: #666; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .detail-box .meta span { margin-right: 10px; }
    .detail-box .meta .icon { font-size: 14px; }
    .detail-box .meta .icon::before { margin-right: 5px; }
    .detail-box .meta .icon.click { cursor: pointer; }
    .detail-box .content { position: relative; margin-top: 30px; color: #333; font-size: 15px; line-height: 30px; }
    .detail-box .content p { text-indent:2em; line-height:27px;}
    .detail-box .content img { max-width: 100%; display:block; margin:0 auto;}
    /*新闻详情页结束*/

    /*登录页开始*/
    .login-box { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .login-box .wrap-box { display: flex; justify-content: space-between; }
    .login-box .left-box { background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden;}
    .login-box .left-box .tab-box { display: flex; justify-content: space-between; align-items: center; margin: 10px 20px; }
    .login-box .left-box .tab-box .text { flex-grow: 1; position: relative; margin-left: 20px; padding: 10px 20px; color: #999; font-size: 16px; line-height: 1; text-align: center; cursor: pointer; }
    .login-box .left-box .tab-box .text:first-child { margin-left: 0; }
    .login-box .left-box .tab-box .text:first-child::before { display: none; }
    .login-box .left-box .tab-box .text::before { content: ""; position: absolute; top: 10px; left: -10px; bottom: 10px; display: block; width: 1px; background: #ccc; }
    .login-box .left-box .tab-box .text.active { color: #0457cb; font-weight: 600; }
    .login-box .left-box .el-form { padding: 0 20px; }
    .login-box .left-box .el-form .btn { width: 100%; }
    .login-box .left-box .el-form img{ width:auto;}
    .login-box .left-box .foot-box { display: flex; justify-content: space-between; align-items: center; margin: 0 20px 20px 20px; }
    .login-box .left-box .foot-box .text { color: #323233; font-size: 14px; line-height: 1; }
    .login-box .right-box { display:none;}
    .login-box .left-box .logo{ display:flex; justify-content:center; align-items:center; background:#f8f8f8; padding-bottom:20px;}
    .login-box .left-box .logo img{ width:200px; margin-right:50px;}
    .login-box .left-box .logo .icon { color: #666; font-size: 14px; line-height: 1; }
    .login-box .left-box .logo .icon::before { margin-right: 5px; }
    .el-form-item{ margin:10px 0;}

    /*登录页结束*/    
    .account-box .left-box { display:none;}
    .account-box .right-box { border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .esc-title{ padding:10px;}
    .account-box .right-box .tab-box { background:#fff; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ededed; }
    .account-box .right-box .tab-box .menu-box{ display: flex; justify-content: center; align-items: center;}
    .account-box .right-box .tab-box .menu-box .item-box { display: flex; justify-content: center; align-items: center; position: relative; padding: 0 12px; height: 50px; color: #333; font-size: 14px; cursor: pointer; }
    .account-box .right-box .tab-box .menu-box .item-box:first-child::before { display: none; }
    .account-box .right-box .tab-box .menu-box .item-box::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; border-left: 1px solid #d9d9d9; }
    .account-box .right-box .tab-box .menu-box .item-box:hover { color: #0457cb; }
    .account-box .right-box .tab-box .menu-box .item-box.active { color: #0457cb; font-weight: 600; }
    .account-box .right-box .tab-box .menu-box .item-box.active::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #26a4fd; }
    .account-box .right-box .tab-box .btn-box .el-link { margin-right: 20px; }
    .account-box .right-box .content { background:#fff; position: relative; overflow: hidden; }
    .account-box .right-box .content .el-table { border: 1px solid #f5f5f5; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
    .account-box .right-box .content .el-form { padding: 10px; }
    .account-box .right-box .content .el-form .el-form-item__label{ width:100px!important;}
    .account-box .right-box .content .el-form .el-form-item__content{ margin-left:100px!important;}
    .account-box .right-box .content .el-form .el-form-item__content:first-child{ margin-left:0!important; text-align:center;}
    .account-box .right-box .content .nodata { display: flex; flex-direction: column; align-items: center; padding: 50px; color: #999; font-size: 14px; }
    .account-box .right-box .content .nodata .icon { margin-bottom: 20px; color: #ebebeb; font-size: 54px; line-height: 1; }
    .account-box .index-box .section-box { margin-bottom: 10px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .account-box .index-box .section-box .title { display:none;}
    .account-box .index-box .section-box .content { position: relative; padding: 10px; }
    .account-box .index-box .info-index { display: flex; justify-content: space-between; margin-bottom: 10px; }
    .account-box .index-box .info-index .avatar-box { display: flex; justify-content: space-between; align-items: center; padding: 10px; width:100%; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); box-sizing: border-box; overflow: hidden; }
    .account-box .index-box .info-index .avatar-box .img-box { display: flex; justify-content: center; align-items: center; position: relative; width: 100px; height: 100px; border-radius: 50%; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #f3f3f3; overflow: hidden; }
    .account-box .index-box .info-index .avatar-box .img-box > img, .account-box .index-box .info-index .avatar-box .img-box .el-image { width: 100%; height: 100%; border-radius: 50%; }
    .account-box .index-box .info-index .avatar-box .img-box > .icon { color: #fff; font-size: 64px; }
    .account-box .index-box .info-index .avatar-box .img-box .edit { display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; }
    .account-box .index-box .info-index .avatar-box .img-box .edit .icon { color: rgba(255, 255, 255, 0.8); font-size: 24px; }
    .account-box .index-box .info-index .avatar-box .txt-box { flex-grow: 1; margin-left: 20px; }
    .account-box .index-box .info-index .avatar-box .txt-box .item-box { display: flex; justify-content: space-between; padding: 5px 0; }
    .account-box .index-box .info-index .avatar-box .txt-box .item-box .title { flex-grow: 1; }
    .account-box .index-box .info-index .avatar-box .txt-box .item-box .text { margin-right: 10px; color: #999; }
    .account-box .index-box .info-index .num-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 20px; padding: 20px; width: 224px; background: #fff; box-sizing: border-box; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
    .account-box .index-box .info-index .num-box .num { color: #26a4fd; font-size: 22px; font-weight: 600; line-height: 1; }
    .account-box .index-box .info-index .num-box .text { margin-top: 15px; font-size: 14px; }
    .account-box .index-box .order-icon { display: flex; justify-content: space-around; }
    .account-box .index-box .order-icon .item-box { display: flex; flex-direction: column; align-items: center; padding: 10px; cursor: pointer; }
    .account-box .index-box .order-icon .item-box:hover { color: #26a4fd; }
    .account-box .index-box .order-icon .item-box .icon { font-size: 34px; line-height: 1; }
    .account-box .index-box .order-icon .item-box .text { margin-top: 15px; font-size: 14px; }
    .account-box .index-box .list-wrap,.account-box .index-box .info-index .avatar-box1{ display: none;}
    .account-box .menu1-box{ background:#fff; border-radius:3px; margin-bottom:10px;}
    .account-box .menu1-box .item-box{ display:block; height:50px; line-height:50px; padding:0 5%; border-bottom:1px #ededed solid; background:url(../images/item-boxbg.png) 95% 18px no-repeat;}
    .account-box .esc{ padding:30px; text-align:center;} 
    .account-box .esc .text{ padding:10px 50px; background:#0457cb; border-radius:3px; color:#fff;}

    .el-dialog{ width:100%!important;}
    .el-dialog__footer{ text-align:center;}
    .el-dialog__footer .el-button--primary{ margin-left:50px!important;}
    .el-button{ padding:10px 5px; margin-left:5px!important}
    .upload-avatar { display: flex; justify-content: center; }
    .upload-avatar .avatar-box { position: relative; cursor: pointer; width: 100px; height: 100px; border-radius: 50%; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .upload-avatar .avatar-box img, .upload-avatar .avatar-box .el-image { width: 100%; height: 100%; border-radius: 50%; }
    .upload-avatar .avatar-box i { display: block; position: absolute; top: 50%; left: 50%; margin: -14px auto auto -14px; color: rgba(255, 255, 255, 0.8); font-size: 28px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
    .upload-avatar .cropper-box .img-box { width: 100%; height: 200px; }
    .upload-avatar .cropper-box .btn-box { display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; }
    .upload-avatar .cropper-box .btn-box .el-upload { display: flex; align-items: center; margin-right: 10px; }
    .upload-avatar .cropper-box .btn-box .el-upload .el-button--primary{ margin-left:0!important;}

    .upload-input .up-control { display: flex; justify-content: flex-start; align-items: center; }
    .upload-input .up-control .el-input__inner { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
    .upload-input .up-control .el-button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
    .upload-input .img-preview { margin-top: 10px; }

    .upload-album { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; }
    .upload-album .img-box { position: relative; margin: 20px 0 0 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; border: 1px solid #DCDFE6; width: 112px; height: 112px; }
    .upload-album .img-box .close { position: absolute; right: -9px; top: -9px; color: #26a4fd; font-size: 18px; background: #fff; border-radius: 100%; cursor: pointer; z-index: 1; }
    .upload-album .img-box .el-progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
    .upload-album .img-box > img, .upload-album .img-box .el-image { width: 100%; height: 100%; border-radius: 3px; }
    .upload-album .add-box .el-upload { position: relative; margin: 20px 0 0 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; border: 1px solid #DCDFE6; width: 112px; height: 112px; }
    .upload-album .add-box .el-upload .btn-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0; height: 100%; }
    .upload-album .add-box .el-upload .btn-box .icon { color: #999; font-size: 24px; }
    .upload-album .add-box .el-upload .btn-box .text { margin-top: 5px; color: #ccc; font-size: 12px; line-height: 1; }

    .upload-attach .list-btn { margin-bottom: 20px; }
    .upload-attach .list-wrap { display: flex; flex-flow: row wrap; justify-content: space-between; margin-right: -20px; }
    .upload-attach .list-wrap .list-box { display: block; position: relative; margin: 0 20px 20px 0; width: 230px; flex-grow: 1; box-sizing: border-box; border-radius: 4px; border: 1px solid #DCDFE6; overflow: hidden; }
    .upload-attach .list-wrap .list-box .img-box { display: block; float: left; margin: 5px 10px 5px 5px; color: #fff; font-size: 24px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #67C23A; }
    .upload-attach .list-wrap .list-box .info-box { margin: 5px; }
    .upload-attach .list-wrap .list-box .info-box h3 { margin-bottom: 10px; color: #606266; font-size: 14px; font-weight: 600; line-height: 1.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .upload-attach .list-wrap .list-box .info-box dl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
    .upload-attach .list-wrap .list-box .info-box dl dt { color: #C0C4CC; font-size: 12px; line-height: 1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .upload-attach .list-wrap .list-box .info-box dl dd { display: flex; justify-content: space-between; color: #67C23A; font-size: 20px; height: 20px; line-height: 20px; }
    .upload-attach .list-wrap .list-box .info-box dl dd span { margin: 0 5px; cursor: pointer; }
    .upload-attach .list-wrap .list-box .info-box dl dd span:hover { color: #409EFF; }
    .upload-attach .list-wrap .list-box .close { display: block; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 40px; color: #fff; font-size: 16px; background: #409EFF; cursor: pointer; overflow: hidden; }
    .upload-attach .list-wrap .list-box .close i { position: absolute; display: block; bottom: 4px; left: 3px; }
    .upload-attach .list-wrap .list-box .close:hover { background: #E6A23C; }

    .order-list .list-box { margin-bottom: 10px; border-bottom: 1px solid #ececec; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
    .order-list .list-box .head-box { display: flex; justify-content: space-between; align-items: center; padding: 10px; border-bottom: 1px solid #f5f5f5; line-height: 1; }
    .order-list .list-box .head-box .text { color: #26a4fd; margin-right: 5px; }
    .order-list .list-box .head-box .time { color: #999; font-size: 14px; }
    .order-list .list-box .head-box .time::before { margin-right: 5px; }
    .order-list .list-box .head-box .state { color: #666; }
    .order-list .list-box .head-box .state.red { color: #26a4fd; }
    .order-list .list-box .item-box { display: flex; justify-content: flex-start; align-items: center; padding: 10px; border-bottom: 1px solid #f5f5f5; }
    .order-list .list-box .item-box .img-box { flex-shrink: 0; position: relative; margin-right: 10px; width: 96px; height: 96px; }
    .order-list .list-box .item-box .img-box > img, .order-list .list-box .item-box .img-box .el-image { width: 100%; height: 100%; }
    .order-list .list-box .item-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; }
    .order-list .list-box .item-box .txt-box .text { font-size: 15px; }
    .order-list .list-box .item-box .txt-box .info { margin-top: 10px; color: #aaa; }
    .order-list .list-box .item-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 20px; }
    .order-list .list-box .item-box .txt-box .price::before { content: "￥"; font-size: 14px; }
    .order-list .list-box .item-box .btn-box { flex-shrink: 1; width: 150px; }
    .order-list .list-box .item-box .btn-box .el-tag { min-width: 80px; text-align: center; }
    .order-list .list-box .total-box { display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 0 10px; }
    .order-list .list-box .total-box .right { flex-grow: 1; display: flex; justify-content: flex-end; align-items: baseline; color: #666; }
    .order-list .list-box .total-box .right .num { margin: 0 3px; font-weight: bold; }
    .order-list .list-box .total-box .right .price { margin: 0 3px; color: #e93323; font-size: 18px; font-weight: 600; }
    .order-list .list-box .btn-box { display: flex; justify-content: flex-end; padding: 10px; }
    .order-list .list-box .express-box { padding: 10px 10px 0 10px; }
    .order-list .list-box .express-box .more-box { display: flex; flex-direction: column; margin-bottom: 20px; text-align: center; color: #999; line-height: 1; cursor: pointer; }
    .order-list .list-box .express-box .more-box .text { margin-bottom: 3px; }
    .order-list .list-box .express-box .more-box .icon { margin: auto; display: inline-block; width: 14px; height: 14px; color: #ccc; font-size: 14px; transform: rotate(-90deg); }

    .address-list { display: flex; justify-content: flex-start; flex-flow: row wrap; overflow: hidden; }
    .address-list .add-box { display: flex; justify-content: center; align-items: center; margin: 0 10px 10px 10px; width: 100%; height: 100px; border: 1px solid #f3f3f3; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); font-size: 16px; line-height: 1; cursor: pointer; }
    .address-list .add-box .icon { margin-right: 5px; color: #999; }
    .address-list .list-box { display: flex; flex-direction: column; position: relative; margin: 10px; padding: 10px; width: 100%; border: 1px solid #f3f3f3; border-radius: 3px; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
    .address-list .list-box:hover .edit-box { opacity: 1; }
    .address-list .list-box .name { color: #282828; font-size: 16px; }
    .address-list .list-box .mobile { margin: 10px 0 5px; color: #666; font-size: 13px; }
    .address-list .list-box .address { color: #999; font-size: 14px; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
    .address-list .list-box .label { position: absolute; top: 0; right: 0; padding: 5px 12px; color: #fff; font-size: 12px; line-height: 1; border-radius: 0 3px 0 3px; background: #26a4fd; }
    .address-list .list-box .edit-box { display: flex; justify-content: space-between; position: absolute; right: 20px; bottom: 20px; color: #26a4fd; }
    .address-list .list-box .edit-box .text { margin-left: 5px; line-height: 20px; cursor: pointer; }
    .el-message-box{ width:96%; margin:200px 2% 0 2%;}
    .el-radio-button__inner{ padding:12px 15px;}

    .order-detail { margin-top: -20px; }
    .order-detail .head-box { margin-top: 20px; padding: 20px 0; }
    .order-detail .screen-box { margin-top: 20px; border: 1px solid #f3f3f3; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .order-detail .screen-box .nav-bar { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; font-size: 16px; line-height: 54px; height: 54px; border-bottom: 1px solid #f3f3f3; }
    .order-detail .screen-box .nav-bar .tip { color: #999; font-size: 14px; font-weight: 500; }
    .order-detail .item-box { padding: 10px 20px; }
    .order-detail .item-box .item { display: flex; justify-content: space-between; padding: 10px 0; }
    .order-detail .item-box .item .left { width: 80px; color: #999; }
    .order-detail .item-box .item .right { flex-grow: 1; }
    .order-detail .item-box .album { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; }
    .order-detail .item-box .album .img-box { margin: 20px 0 0 20px; width: 112px; height: 112px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
    .order-detail .item-box .album .img-box > img, .order-detail .item-box .album .img-box .el-image { width: 100%; height: 100%; border-radius: 3px; }
    .order-detail .goods-box { margin: 0 20px; }
    .order-detail .goods-box .list-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #f3f3f3; }
    .order-detail .goods-box .list-box:first-child { border: none; }
    .order-detail .goods-box .list-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; border-radius: 5px; overflow: hidden; }
    .order-detail .goods-box .list-box .img-box > img, .order-detail .goods-box .list-box .img-box .el-image { width: 100%; height: 100%; border-radius: 5px; }
    .order-detail .goods-box .list-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
    .order-detail .goods-box .list-box .txt-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .order-detail .goods-box .list-box .txt-box .info { margin-top: 10px; color: #999; font-size: 13px; line-height: 1; }
    .order-detail .goods-box .list-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 16px; }
    .order-detail .goods-box .list-box .txt-box .price::before { content: "￥"; font-size: 14px; }
    .order-detail .goods-box .list-box .btn-box { flex-shrink: 1; width: 150px; }
    .order-detail .goods-box .list-box .btn-box .el-tag { min-width: 80px; text-align: center; }
    .order-detail .total-box { display: flex; justify-content: flex-end; align-items: baseline; margin: 10px 0; padding: 10px; }
    .order-detail .total-box .text { margin-left: 15px; }
    .order-detail .total-box .text .point, .order-detail .total-box .text price { margin-left: 5px; color: #26a4fd; font-size: 16px; }
    .order-detail .total-box .text .price::before { content: "￥"; font-size: 14px; }
    .order-detail .amount-box { display: flex; justify-content: flex-end; align-items: baseline; margin: 10px 0; padding: 10px; border-radius: 5px; background: #f7f7f7; }
    .order-detail .amount-box .price { margin-left: 10px; color: #e93323; font-size: 20px; font-weight: 600; }
    .order-detail .amount-box .price::before { content: "￥"; font-size: 14px; }
    .order-detail .btn-box { display: flex; justify-content: flex-end; padding:0 10px 10px 10px; }

    .cart-list .row-box { box-sizing: border-box; }
    .cart-list .row-center { text-align: center; }
    .cart-list .row-check { width: 10%; text-align: center;}
    .cart-list .row-info { width: 43%;}
    .cart-list .row-num { width: 25%; text-align: center;}
    .cart-list .row-amount { width: 12%; text-align: center;}
    .cart-list .head-box { display: flex; justify-content: space-between; align-items: center; height: 54px; background: #eee; }
    .cart-list .head-box div{ text-align:center;}
    .cart-list .list-wrap { border: 1px solid #efefef; background: #fff; }
    .cart-list .list-wrap .nodata { display: flex; flex-direction: column; align-items: center; margin: 50px; color: #ccc; }
    .cart-list .list-wrap .nodata .icon { margin-bottom: 20px; color: #f0f0f0; font-size: 64px; }
    .cart-list .list-wrap .list-box { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px dotted #e2e2e2; }
    .cart-list .list-wrap .list-box .del { color: #d0d0d0; font-size: 18px; cursor: pointer; }
    .cart-list .list-wrap .list-box .row-amount { color: #e93323; }
    .cart-list .list-wrap .list-box .goods-box { display: flex; justify-content: space-between; align-items: center; }
    .cart-list .list-wrap .list-box .goods-box .img-box { flex-shrink: 0; position: relative; margin-right: 10px; width: 60px; height: 80px; }
    .cart-list .list-wrap .list-box .goods-box .img-box > img, .cart-list .list-wrap .list-box .goods-box .img-box .el-image { width: 100%; height: 100%; }
    .cart-list .list-wrap .list-box .goods-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; }
    .cart-list .list-wrap .list-box .goods-box .txt-box .title { height: 20px; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
    .cart-list .list-wrap .list-box .goods-box .txt-box .info { margin-top: 10px; color: #d0d0d0; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .cart-list .list-wrap .list-box .goods-box .txt-box .price { margin-top: 10px; color: #e93323; font-weight: 600; }
    .cart-list .list-wrap .list-box .goods-box .txt-box .price::before { content: "￥"; font-size: 12px; }
    .cart-list .foot-box { display: flex; justify-content: space-between; align-items: center; position: relative; margin-top: 10px; background: #eee; height: 54px; }
    .cart-list .foot-box .check-box { padding-left: 10px; }
    .cart-list .foot-box .check-box .text { margin-left: 10px; }
    .cart-list .foot-box .total-box { display: flex; justify-content: space-between; align-items: center; }
    .cart-list .foot-box .total-box .txt-box { font-size: 14px; }
    .cart-list .foot-box .total-box .txt-box .price { color: #e93323; font-size: 20px; font-weight: 600; }
    .cart-list .foot-box .total-box .txt-box .price::before { content: "￥"; font-size: 16px; }
    .cart-list .foot-box .total-box .btn-box { display: flex; justify-content: space-between; margin:0 10px; }
    .cart-list .foot-box .total-box .btn-box .btn { display: flex; align-items: center; padding: 0 10px; color: #fff; font-size: 18px; background: #26a4fd; cursor: pointer; height: 40px; }
    .el-input-number--small{ width:80px; line-height:20px;}
    .el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase{ width:20px;}
    .el-input--small .el-input__inner{ height:22px; line-height:22px;}
    .el-input-number--small .el-input__inner{ padding-left:5px; padding-right:5px;}

    .order-confirm .screen-box { border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .order-confirm .screen-box .nav-bar { display: block; padding: 0 10px; font-size: 16px; font-weight: 600; line-height: 50px; height: 50px; border-bottom: 1px solid #f3f3f3; }
    .order-confirm .screen-box .address-list { margin: 0; padding-top: 10px; }
    .order-confirm .screen-box .address-list .list-box, .order-confirm .screen-box .address-list .add-box { cursor: pointer; }
    .order-confirm .screen-box .address-list .add-box { height: 100px; }
    .order-confirm .screen-box .address-list .list-box { padding: 10px;}
    .order-confirm .screen-box .address-list .list-box.active { border-color: #26a4fd; }
    .order-confirm .screen-box .address-list .list-box.active::before { content: "\e612"; font-family: "iconfont"; display: block; position: absolute; right: -3px; bottom: -4px; color: #26a4fd; font-size: 30px; }
    .order-confirm .goods-box { margin: 0 10px; }
    .order-confirm .goods-box .list-box { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px solid #f3f3f3; }
    .order-confirm .goods-box .list-box:first-child { border: none; }
    .order-confirm .goods-box .list-box .img-box { flex-shrink: 0; position: relative; margin-right: 10px; width: 96px; height: 96px; border-radius: 5px; overflow: hidden; }
    .order-confirm .goods-box .list-box .img-box > img, .order-confirm .goods-box .list-box .img-box .el-image { width: 100%; height: 100%; border-radius: 5px; }
    .order-confirm .goods-box .list-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
    .order-confirm .goods-box .list-box .txt-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .order-confirm .goods-box .list-box .txt-box .info { margin-top: 10px; color: #999; font-size: 13px; line-height: 1; }
    .order-confirm .goods-box .list-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 16px; }
    .order-confirm .goods-box .list-box .txt-box .price::before { content: "￥"; font-size: 14px; }
    .order-confirm .goods-box .list-box .num-box { width: 50px; }
    .order-confirm .item-box { display: flex; justify-content: space-between; margin: 0 10px; padding-top: 10px; border-top: 1px solid #f3f3f3; }
    .order-confirm .item-box .left-box { flex-shrink: 0; width: 60px; color: #999; }
    .order-confirm .item-box .right-box { flex-grow: 1; color: #606266; }
    .order-confirm .total-box { display: flex; justify-content: space-between; margin: 10px; }
    .order-confirm .total-box .left-box { display: flex; justify-content: flex-start; align-items: center; }
    .order-confirm .total-box .left-box .text { width: 100px; color: #999; }
    .order-confirm .total-box .right-box { display: flex; justify-content: flex-end; align-items: center; }
    .order-confirm .total-box .right-box .item { margin-right: 20px; color: #606266; }
    .order-confirm .total-box .right-box .item .num { color: #333; font-size: 16px; font-weight: 500; }
    .order-confirm .total-box .right-box .item .price { margin-left: 5px; color: #e93323; font-size: 16px; font-weight: 500; }
    .order-confirm .total-box .right-box .item .price::before { content: "￥"; font-size: 14px; }
    .order-confirm .amount-box { display: flex; justify-content: flex-end; align-items: baseline; margin: 10px 0; padding: 10px; border-radius: 5px; background: #f7f7f7; }
    .order-confirm .amount-box .price { margin-left: 10px; color: #e93323; font-size: 20px; font-weight: 600; }
    .order-confirm .amount-box .price::before { content: "￥"; font-size: 14px; }
    .order-confirm .btn-box { display: flex; justify-content: flex-end; padding: 10px; }
    .order-confirm .screen-box .item-box{ padding-bottom:10px;}

    .payment-box .head-box { border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; overflow: hidden; }
    .payment-box .head-box .title { padding: 10px; color: #fff; font-size: 20px; line-height: 1; background: #26a4fd; }
    .payment-box .head-box .title .icon { font-size: 24px; }
    .payment-box .head-box .item-box { padding: 10px; }
    .payment-box .head-box .item-box .item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size: 16px; }
    .payment-box .head-box .item-box .item .left { margin-right: 10px; width: 80px; }
    .payment-box .head-box .item-box .item .right { flex-grow: 1; color: #666; }
    .payment-box .head-box .item-box .item .price { margin: 0 2px; color: #e93323; }
    .payment-box .head-box .btn-box { display: flex; justify-content: flex-end; padding: 30px; }
    .payment-box .screen-box { margin-top: 10px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .payment-box .screen-box .nav-bar { display: block; padding: 0 20px; font-size: 16px; font-weight: 600; line-height: 54px; height: 54px; border-bottom: 1px solid #f3f3f3; }
    .payment-box .screen-box .btn-box { display: flex; justify-content: flex-end; padding: 10px; }
    .payment-box .screen-box .btn-box .btn { padding: 15px 50px; }
    .payment-list { display: flex; justify-content: flex-start; flex-flow: row wrap; overflow: hidden; }
    .payment-list .list-box { display: flex; align-items: center; position: relative; margin: 10px 10px 0 10px; padding: 10px; width: 100%; height: 50px; border: 1px solid #d4d4d4; cursor: pointer; }
    .payment-list .list-box.active { border-color: #26a4fd; }
    .payment-list .list-box.active::before { content: "\e612"; font-family: "iconfont"; display: block; position: absolute; right: -3px; bottom: -4px; color: #26a4fd; font-size: 30px; }
    .payment-list .list-box .icon { color: #fe9c01; font-size: 29px; margin-right: 11px; }
    .payment-list .list-box .icon.icon-weixin { color: #09bb07; }
    .payment-list .list-box .icon.icon-alipay { color: #00aaea; }
    .payment-list .list-box .txt-box { display: flex; flex-direction: column; }
    .payment-list .list-box .txt-box .name { color: #4e4e4e; font-size: 16px; }
    .payment-list .list-box .txt-box .text { margin-top: 6px; color: #969696; font-size: 14px; }
    .account-box .right-box .content .el-form .el-form-item__content .el-input{ width:auto!important;}
    .account-box .btn-box{ display: flex; justify-content: flex-end;}
    .payment-list-content{ padding:10px; line-height:32px; font-size:16px;}
    .payment-list-content div{ font-weight:bold; text-indent:2em; padding-bottom:10px;}
    .payment-list-content .payment-span1{ padding-left:9px;}
    .payment-list-content .payment-span2{ padding-left:34px;}
    .payment-list-content .payment-span3{ padding-left:80px;}

    .order-form { margin-top: -20px; }
    .order-form .list-box { margin-top: 20px; padding: 10px 20px; border: 1px solid #f3f3f3; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
    .order-form .list-box .goods-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 10px 0 20px; border-bottom: 1px solid #f5f5f5; }
    .order-form .list-box .goods-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; border-radius: 5px; overflow: hidden; }
    .order-form .list-box .goods-box .img-box > img, .order-form .list-box .goods-box .img-box .el-image { width: 100%; height: 100%; border-radius: 5px; }
    .order-form .list-box .goods-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
    .order-form .list-box .goods-box .txt-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .order-form .list-box .goods-box .txt-box .info { margin-top: 10px; color: #999; font-size: 13px; line-height: 1; }
    .order-form .list-box .goods-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 16px; }
    .order-form .list-box .goods-box .txt-box .price::before { content: "￥"; font-size: 14px; }
    .order-form .list-box .form-box .item-box { display: flex; justify-content: space-between; padding: 10px 0; }
    .order-form .list-box .form-box .item-box .left { flex-shrink: 0; width: 80px; color: #999; }
    .order-form .list-box .form-box .item-box .right { flex-grow: 1; }
    .order-form .list-box .form-box .item-box .right .el-radio{ padding-bottom:10px;}
    .order-form .btn-box,.content .btn-box{ display: flex; justify-content: flex-end; margin-top: 10px; padding-bottom:10px; padding-right:10px;}
    .download_btn{ padding-bottom:20px;}

    /*footer开始*/
    .footer{ padding:20px 20px 70px 20px; background:#fff; border-top:3px #1281f3 solid; line-height:27px; color:#666; margin-top:20px;}
    /*footer结束*/
}