.banner{position: relative;}
.banner .marinner{position: absolute;left: calc( (100% - 1200px)/2 );text-align: left;width: 730px;top: 6.65vw;height: auto;}
.banner .marinner .big_title{font-size: 46px;line-height: 56px;color: #000000;font-family: 'ProximaNovaBold';}
.banner .marinner .sec_title{font-size: 24px;line-height: 32px;color: #777777;width: 560px;margin-top: 0.75vw;}
.banner .marinner .btn{margin-top: 3.75vw;}
.banner .marinner .btn a{display: inline-block;font-size: 18px;line-height: 56px;color: #fff;background: #ed4642;padding: 0 42px;}
.banner .marinner .btn a:last-child{color: #222222;background: #e5e5e5;margin-left: 16px;}
.banner .marinner .tips{font-size: 16px;color: #333333;margin-top: 1.25vw;}

.index_title{text-align: center;}
.index_title .name{font-family: 'ProximaNovaBold';font-size: 32px;color: #000000;padding-top: 66.5px;}
.index_title .desc{font-size: 18px;color: #666666;padding-top:8px;padding-bottom: 43px;line-height: 30px;}

.porducts{border-top: 1px solid #e5e5e5;}
.porducts .list{margin-bottom: 60px;}
.porducts .list .copy{width: 280px;text-align: center;float: left;margin-left: calc( (100% - 280px * 4)/3 );}
.porducts .list .copy:first-child{margin-left: 0px;}
.porducts .list .copy .img{width: 278px;height: 278px;border: 1px solid #ebebeb;}
.porducts .list .copy .name{font-size: 18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family: 'ProximaNovaBold';margin-top: 19px;}
.porducts .list .copy .name a{color: #000000;}
.porducts .list .copy .desc{display: none;}
.porducts .list .copy .moq,.porducts .list .copy .price{font-size: 14px;line-height: 20px;color: #555555;}
.porducts .list .copy .moq{margin-top: 13px;}
.porducts .list .copy .price{color: #ff0000;}
.porducts .list .copy .amore{display: none;}
.porducts .more{font-size: 18px;color: #010101;text-align: center;padding-bottom: 73px;}
.porducts .more a{color: #1164a9;}

.system{text-align: center;border-top: 1px solid #e5e5e5;}
.system .index_title .desc{width: 700px;margin: 0 auto;margin-top: 15px;}
.system .list{margin-top: 30px;}
.system .list .copy{float: left;width: 200px;margin-left: calc( (100% - 1000px)/4 );}
.system .list .copy:first-child{margin-left: 0px;}
.system .list .copy .img{height: 90px;}
.system .list .copy .num{display: inline-block;margin: 0 auto;width: 34px;height: 34px;border: 3px solid #e5e5e5;font-family: 'ProximaNovaBold';font-size: 16px;color: #777777;line-height: 34px;text-align: center;border-radius: 50%;margin-top: 31px;position: relative;}
.system .list .copy .num:after{content: '';position: absolute;width: 135px;height: 1px;background: #dddddd;right: 75px;top: 50%;margin-top: -0.5px;}
.system .list .copy:first-child .num:after{display: none;}
.system .list .copy .name{font-family: 'ProximaNovaBold';font-size: 16px;color: #000;line-height: 20px;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;height: 40px;margin-top: 22px;padding: 0 20px;}
.system .list .copy .desc{font-size: 15px;line-height: 22px;color: #555555;margin-top: 7px;}
.system .get{display: inline-block;font-size: 18px;line-height: 46px;color: #fff;background: #ed4642;padding: 0 43px;margin: 69px auto 84px;}

.label{width: 100%;min-height: 606px;background: url(../images/index_middle_ban.png) no-repeat center/cover;margin-bottom: 8px;}
.label *{color: #fff;}
.label .top_title{text-align: center;font-family: 'ProximaNovaBold';font-size: 32px;padding: 68px 0 24px;}
.label .list .copy{float: left;width: 46.25%;margin-top: 46px;}
.label .list .copy.sec{float: right;}
.label .list .copy .name{font-size: 22px;font-family: 'ProximaNovaBold';}
.label .list .copy .desc{font-size: 16px;line-height: 24px;margin-top: 7px;}

.brands .center{text-align: center;}
.brands .center a{display: inline-block;font-size: 16px;color: #000;line-height: 40px;background: #e5e5e5;padding: 0 40px;}
.brands .list{padding: 0px 0 87px;}
.brands .list .bd li{font-size: 26px;line-height: 50px;color: #222222;font-style: italic;letter-spacing: 0.065px;padding-top: 50px;position: relative;}
.brands .list .bd li:after{content: '';position: absolute;left: 0;top: 0px;width: 168px;height: 136px;background: url(../images/index_brands_tag.png) no-repeat center;}
.brands .list .bd li span{color: #1164a9;}
.brands .list .hd{padding-top: 90px;}
.brands .list .hd li{width: 171px;height: 81px;border: 2px solid #fff;float: left;margin-left: calc( (100% - 175px*6)/5 );}
.brands .list .hd li.on{border: 2px solid #1164a9;}
.brands .list .hd li:first-child{margin-left: 0px;}

.boxing{padding-top: 23px;position: relative;}
.boxing .index_title .name{line-height: 40px;width: 500px;margin: 0 auto;}
.boxing .listout{background: #282d31;margin-top: 36px;}
.boxing .listout .list{height: 400px;position: relative;}
.boxing .listout .list .bd,.boxing .listout .list .bd .tempWrap,.boxing .listout .list .bd .tempWrap ul{height: 100%;}
.boxing .listout .list .bd li{float: left;position: relative;width: 300px;height: 100%;}
.boxing .listout .list .bd li img{width: 300px;}
.boxing .listout .list .bd li .abslute{position: absolute;width: 100%;height: 100%;background: rgba(55,61,65,0.8);transition:all 0.3s;left: 0;top: 0;text-align: center;}
.boxing .listout .list .bd li:hover .abslute{background: rgba(55,61,65,0.6);}
.boxing .listout .list .bd li .abslute .name{color: #fff;font-family: 'ProximaNovaBold';font-size: 22px;margin-top: 57%;opacity: 0;transition:all 0.3s;position: relative;}
.boxing .listout .list .bd li .abslute .name:after{content: '';position: absolute;left: 50%;margin-left: -10px;width: 20px;height: 2px;background: #dddddd;bottom: -25px;}
.boxing .listout .list .bd li:hover .abslute .name{margin-top: 47%;opacity: 1;}
.boxing .listout .list .bd li .abslute a{display: inline-block;width: 122px;height: 30px;line-height: 30px;color: #fff;font-size: 16px;border: 1px solid #ddd;text-align: center;margin-top: 45%;opacity: 0;transition:all 0.5s;}
.boxing .listout .list .bd li:hover .abslute a{margin-top: 33%;opacity: 1;}
.boxing .listout .list .btn{width: 51px;height: 100%;background: #464c4f;cursor: pointer;position: absolute;left: 0px;top: 0px;z-index: 1;}
.boxing .listout .list .btn.next{left: unset;right: 0px;}
.boxing .listout .list .btn.prevStop,.boxing .listout .list .btn.nextStop{display: none;}

.create{background: #f8f8f8;padding-bottom: 44px;}
.create .index_title .name{margin-top: -7.5px;}
.create .index_title .name span{font-size: 40px;color: #ff0000;position: relative;}
.create .index_title .name span:after{content: '';position: absolute;width: 86px;height: 94px;background: url(../images/index_free_tag.png) no-repeat center;right: -100px;top: 26px;}
.create .cont{padding-top: 41px;}
.create .cont .left{width: calc( 100% - 627px );padding: 27px 0;}
.create .cont .left .copy{padding-left: 46px;padding-bottom: 45px;background: url(../images/index_free_li.png) no-repeat left 10px top 9px;}
.create .cont .left .copy .name{font-size: 22px;font-family: 'ProximaNovaBold';color: #000;}
.create .cont .left .copy .desc{font-size: 16px;line-height: 24px;color: #666666;margin-top: 7px;}
.create .cont .right{width: 627px;background: #fff;padding: 18px 42px 59px;}
.create .cont .right .rows{padding-top: 16px;}
.create .cont .right .rows label{font-family: 'ProximaNovaBold';font-size: 14px;color: #000;display: block;padding-bottom: 9px;}
.create .cont .right .rows input{width: 100%;border: 1px solid #dddddd;line-height: 38px;padding: 0 10px;}
.create .cont .right .checkbox{margin-top: 22px;margin-bottom: -7px;}
.create .cont .right .checkbox input[type=checkbox]{width: 13px;height: 13px;float: left;margin-top: 5.5px;margin-right: 9px;}
.create .cont .right .checkbox span{font-size: 14px;line-height: 24px;color: #666666;max-width: calc( 100% - 20px );display: inline-block;}
.create .cont .right .checkbox span a{color: #1164a9;}
.create .cont .right .submit{padding: 35px 0 5px;}
.create .cont .right .submit input{width: 130px;height: 38px;background: #ed4642;font-size: 18px;color: #fff;border: none;}
.library{display: none;}

@media screen and (max-width: 1900px) {}
@media screen and (max-width: 1720px) {}
@media screen and (max-width: 1620px) {}
@media screen and (max-width: 1520px) {
	.banner .marinner{top: 4.5vw;}
}
@media screen and (max-width: 1460px) {}
@media screen and (max-width: 1420px) {}
@media screen and (max-width: 1340px) {
	.banner .marinner{left: calc( (100% - 1150px)/2 );}
	.banner .marinner .big_title{font-size: 42px;line-height: 52px;}
	.banner .marinner{top: 3vw;}
	.boxing .listout .list{height: 384px;}
	.boxing .listout .list .bd li{width: 287.5px;}
}
@media screen and (max-width: 1260px) {
	.banner .marinner{left: calc( (100% - 1050px)/2 );}
	.banner .marinner .big_title{font-size: 38px;line-height: 48px;}
	.banner .marinner .btn{margin-top: 3vw;}
	.banner .marinner .btn a{line-height: 45px;}
	.index_title .name{padding-top: 55px;}
	.porducts .list{margin-bottom: 40px;}
	.porducts .list .copy{width: 250px;margin-left: calc( (100% - 250px * 4)/3 );}
	.porducts .list .copy .img{width: 248px;height: 248px;}
	.porducts .more{padding-bottom: 50px;}
	.system .list .copy .num:after{right: 58px;}
	.system .get{margin: 50px auto 65px;}
	.label{min-height: 535px;}
	.label .top_title{padding: 50px 0 20px;}
	.label .list .copy{margin-top: 35px;}
	.brands .list{padding-bottom: 60px;}
	.brands .list .bd li{font-size: 24px;line-height: 46px;padding-top: 40px;}
	.brands .list .bd li:after{width: 100px;-webkit-background-size: contain;background-size: contain;}
	.brands .list .hd{padding-top: 70px;}
	.brands .list .hd li{width: 155px;height: 70px;margin-left: calc( (100% - 159px*6)/5 );}
	.boxing .listout .list{height: 351px;}
	.boxing .listout .list .bd li{width: 262.5px;}
	.boxing .listout .list .bd li .abslute{box-sizing:border-box;padding: 0 15px;}
	.boxing .listout .list .bd li .abslute .name{margin-top: 45%;}
	.create .cont .left{width: calc( 100% - 580px );}
	.create .cont .right{width: 580px;padding: 18px 32px 50px;}
}
@media screen and (max-width: 1100px) {
	.banner .marinner{left: calc( (100% - 950px)/2 );}
	.banner .marinner .big_title{font-size: 36px;line-height: 46px;}
	.banner .marinner .sec_title{font-size: 20px;line-height: 30px;}
	.banner .marinner .btn{margin-top: 2vw;}
	.banner .marinner .btn a{line-height: 40px;}
	.index_title .name{padding-top: 45px;font-size: 30px;}
	.index_title .desc{padding-bottom: 35px;font-size: 17px;line-height: 28px;}
	.porducts .list{margin-bottom: 35px;}
	.porducts .list .copy{width: 230px;margin-left: calc( (100% - 230px * 4)/3 );}
	.porducts .list .copy .img{width: 228px;height: 228px;}
	.porducts .more{padding-bottom: 40px;}
	.system .index_title .desc{margin-top: 10px;}
	.system .list{margin-top: 20px;}
	.system .list .copy{width: 185px;margin-left: calc( (100% - 185px*5)/4 );}
	.system .list .copy .num:after{width: 110px;}
	.system .list .copy .desc{font-size: 14px;}
	.system .get{margin: 35px auto 50px;}
	.label{min-height: 500px;margin-bottom: 0px;}
	.label .top_title{padding: 45px 0 15px;font-size: 30px;}
	.label .list .copy{width: 48%;margin-top: 25px;}
	.label .list .copy .name{font-size: 21px;}
	.label .list .copy .desc{font-size: 15px;line-height: 22px;}
	.brands .list{padding-bottom: 40px;}
	.brands .list .bd li{font-size: 22px;line-height: 40px;padding-top: 35px;}
	.brands .list .bd li:after{width: 80px;}
	.brands .list .hd{padding-top: 40px;}
	.brands .list .hd li{width: 145px;margin-left: calc( (100% - 149px*6)/5 );height: 50px;}
	.boxing{padding-top: 20px;}
	.boxing .listout{margin-top: 30px;}
	.boxing .listout .list{height: 317px;}
	.boxing .listout .list .bd li{width: 237.5px;}
	.boxing .listout .list .bd li .abslute{padding: 0 10px;}
	.boxing .listout .list .bd li .abslute .name{margin-top: 35%;}
	.boxing .listout .list .bd li:hover .abslute .name{margin-top: 42%;}
	.boxing .listout .list .bd li .abslute a{margin-top: 40%;}
	.boxing .listout .list .bd li:hover .abslute a{margin-top: 24%;}
	.create{padding-bottom: 35px;}
	.create .index_title .name{margin-top: 0px;padding-top: 45px;}
	.create .index_title .name span{font-size: 31px;}
	.create .cont .left{width: calc( 100% - 500px );padding: 25px 0;}
	.create .cont .right{width: 500px;padding: 18px 20px 40px;}
	.create .cont .right .checkbox{margin-top: 18px;}
	.create .cont .right .submit{padding: 25px 0 5px;}
}
@media screen and (max-width: 1000px) {
	.banner .marinner{left: calc( (100% - 750px)/2 );}
	.banner .marinner .big_title{font-size: 32px;line-height: 40px;}
	.banner .marinner .sec_title{font-size: 16px;line-height: 26px;}
	.banner .marinner .btn a{padding: 0 25px;font-size: 16px;}
	.index_title .name{padding-top: 35px;font-size: 26px;}
	.index_title .desc{font-size: 15px;line-height: 25px;padding-bottom: 25px;padding-top: 5px;}
	.porducts .list{margin-bottom: 30px;}
	.porducts .list .copy{width: 180px;margin-left: calc( (100% - 180px * 4)/3 );}
	.porducts .list .copy .img{width: 178px;height: 178px;}
	.porducts .more{padding-bottom: 30px;}
	.system .list .copy{width: 145px;margin-left: calc( (100% - 145px*5)/4 );}
	.system .list .copy .img{height: 80px;}
	.system .list .copy .num{margin-top: 25px;}
	.system .list .copy .name{padding: 0 8px;font-size: 15px;}
	.system .list .copy .desc{font-size: 13px;}
	.system .get{margin: 25px auto 40px;line-height: 40px;padding: 0 40px;}
	.label{height: 460px;}
	.label .top_title{padding: 35px 0 15px;font-size: 26px;}
	.label .list .copy{margin-top: 20px;}
	.brands .list{padding-bottom: 30px;}
	.brands .list .bd li{font-size: 20px;line-height: 36px;padding-top: 25px;}
	.brands .list .bd li:after{width: 50px;height: 100px;}
	.brands .list .hd{padding-top: 30px;}
	.brands .list .hd li{border-width: 1px!important;width: 113px;margin-left: calc( (100% - 115px*6)/5 );height: 40px;}
	.boxing{padding-top: 10px;}
	.boxing .index_title .name{line-height: unset;}
	.boxing .listout{margin-top: 25px;}
	.boxing .listout .list{height: 251px;}
	.boxing .listout .list .btn{width: 45px;}
	.boxing .listout .list .bd li{width: 187.25px;}
	.boxing .listout .list .bd li .abslute .name{font-size: 18px;}
	.boxing .listout .list .bd li .abslute a{font-size: 15px;}
	.create .index_title .name{padding-top: 35px;}
	.create .index_title .name span{font-size: 27px;}
	.create .index_title .name span:after{width: 70px;height: 75px;right: -80px;top: 18px;background-size: contain;}
	.create .cont .left{padding: 15px 0;width: calc( 100% - 400px );}
	.create .cont .left .copy{padding-bottom: 35px;}
	.create .cont .left .copy .name{font-size: 20px;}
	.create .cont .left .copy .desc{font-size: 15px;line-height: 22px;}
	.create .cont .right{width: 400px;padding: 15px 15px 30px;}
	.create .cont .right .rows label{padding-bottom: 5px;}
	.create .cont .right .rows input{line-height: 35px;}
	.create .cont .right .checkbox span{max-width: calc( 100% - 22px );line-height: 22px;}
	.create .cont .right .submit{padding: 20px 0 5px;}
	.create .cont .right .submit input{height: 35px;}
	.create .cont .right .checkbox{margin-top: 15px;margin-bottom: -5px;}
}
@media screen and (max-width: 768px) {
	.banner .marinner{position: unset;left: unset;top: unset;text-align: center;width: auto;margin-bottom: 3.0667vw;}
	.banner .marinner .big_title{font-size: 6.6667vw;line-height: 1.2;margin-top: 6.2667vw;color: #000;}
	.banner .marinner .sec_title{font-size: 3.4667vw;line-height: 1.3077;width: auto;margin-top: 2.933vw;color: #000;}
	.banner .marinner .btn{margin-top: 5.6vw;}
	.banner .marinner .btn a{line-height: 12vw;font-size: 4vw;margin:0 1.6vw;border-radius: 6vw;text-transform: uppercase;width: 42vw;padding: 0vw;}
	.banner .marinner .btn a:last-child{color: #000;}
	.banner .marinner .tips{font-size: 3.4667vw;margin-top: 3.3333vw;}
	.index_title .name{font-size: 6.6667vw;line-height: 1.08;padding-top: 11.6vw;}
	.index_title .desc{font-size: 3.4667vw;line-height: 1.30769;color: #000;padding-top: 3.6vw;padding-bottom: 6.1333vw;}
	.porducts .list{margin-bottom: 0px;}
	.porducts .list .copy{width: 100%;height: 43.4667vw;margin-left: 0px;background: #F7F6F4;margin-bottom: 0;margin-top: 3.2vw;}
	.porducts .list .copy:first-child{margin-top: 0px;}
	.porducts .list .copy .img{width: 43.4667vw;height: 43.4667vw;border: none;float: left;}
	.porducts .list .copy:nth-child(2n) .img{float: right;}
	.porducts .list .copy .copy_cont{width: 50%;float: left;text-align: left;box-sizing:border-box;}
	.porducts .list .copy:nth-child(2n) .copy_cont{padding-left: 4vw;}
	.porducts .list .copy .name{font-size: 5.8667vw;font-family: 'ProximaNovaRegular';margin-top: 6.2667vw;}
	.porducts .list .copy .desc{font-size: 3.4667vw;line-height: 1.30769;color: #000;display: block;margin-top: 2.2667vw;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
	.porducts .list .copy .moq,.porducts .list .copy .price{display: none;}
	.porducts .list .copy .amore{display: inline-block;font-size: 3.2vw;line-height: 8.9333vw;color: #ed4642;background: #fff;border-radius: 4.5vw;line-height: 8.9333vw;text-transform: uppercase;width: 32vw;text-align: center;margin-top: 4.1333vw;}
	.porducts .more{display: none;}
	.system,.label,.boxing,.create{display: none;}
	.brands .index_title .name{margin-top: 0.8vw;}
	.brands .index_title .desc{padding-top: 2.1333vw;}
	.brands .list{padding-bottom: 11.6vw;}
	.brands .list .bd li{font-size: 3.4667vw;line-height: 1.9231;padding-top: 2.5333vw;}
	.brands .list .hd{padding: 6.4vw 4vw 0;position: relative;}
	.brands .list .hd li{box-sizing:border-box;width: 23.3333vw;height: 11.3333vw;border: 2px solid transparent!important;margin: 0;}
	.brands .list .hd li.on{border: 2px solid #1164a9!important;}
	.brands .list .hd .bx-controls .bx-pager{display: none;}
	.brands .list .hd .bx-controls .bx-controls-direction a{position: absolute;bottom: 4vw;left: -1.3333vw;width: 2.5333vw;height: 4.5333vw;background: url(../images/bx-prev.png) no-repeat center/contain;cursor: pointer;font-size: 0;line-height: 0;}
	.brands .list .hd .bx-controls .bx-controls-direction a.bx-next{left:unset;right: -1.3333vw;background: url(../images/bx-next.png) no-repeat center/contain;}
	.brands .center{display: none;}
	.library{display: block;border-top: 1px solid #e5e5e5;padding-bottom: 6.6667vw;padding-bottom: 36px;}
	.library .copy{border-top: 1px solid #e6e5e3;padding: 3.8667vw 0 3.4667vw;}
	.library .copy .img{float: left;width: 20.8vw;}
	.library .copy .copy_cont{float: right;width: 66.6667vw;}
	.library .copy .copy_cont .tag{font-size: 3.2vw;line-height: 1.6667;color: #555555;text-transform: uppercase;margin-top: -0.4vw;}
	.library .copy .copy_cont .tag.color1{color: #0044e4;}
	.library .copy .copy_cont .tag.color2{color: #F3B544;}
	.library .copy .copy_cont .tag.color3{color: #83C7DA;}
	.library .copy .copy_cont .tag.color4{color: #B2ACE4;}
	.library .copy .copy_cont .tag.color5{color: #bc3b69;}
	.library .copy .copy_cont .tag.color6{color: #13c59f;}
	.library .copy .copy_cont .tag.color0{color: #000;}
	.library .copy .copy_cont .name{font-size: 4.8vw;line-height: 1.1111;color: #000;font-family: 'ProximaNovaBold';margin-top: 0.6667vw;}
	.library .copy .copy_cont .name a{color: #000;}
	.library .copy .copy_cont .desc{font-size: 3.4667vw;line-height: 1.30769;color: #222222;margin-top: 1.6vw;}
}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {}


body{background: #f6f6f6;}
.index_top{}
.index_top .left{width: 50%;}
.index_top .left .padding_img{width: 100%;height: 0;padding-top: 85.9375%;position: relative;}
.index_top .left .padding_img .img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.index_top .right{width: 50%;border-bottom: 0.2604vw solid #ff726e;}
.index_top .right .padding_img{width: 100%;height: 0;padding-top: 69.3708%;position: relative;}
.index_top .right .padding_img .img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.index_top .right .bottom{padding: 3.0729vw 1.5625vw 0;height: 8.0208vw;box-sizing: border-box;background: #fff;}
.index_top .right .name{font-size: 30px;color: #000000;margin-left: 8px;display: inline-block;max-width: calc( 100% - 95px );}
.index_top .right .click{float: right;margin-top: 9px;}
.index_top .right .click div{width: 32px;height: 20px;display: inline-block;background: url(/static/themes/default/images/new/index_top_right.png) no-repeat center;cursor: pointer;}
.index_top .right .click div.l{transform: rotate(180deg);}
.index_top .right .click div.r{margin-left: 26px;}
.index_top .right .bx-controls{display: none;}

.order{padding: 90px 0 100px;}
.order .title{text-align: center;font-size: 54px;color: #000000;}
.order .desc{text-align: center;font-size: 16px;color: #333333;line-height: 28px;margin-top: 18px;}
.order .center{text-align: center;}
.order .reg{text-align: center;font-size: 18px;color: #ffffff;line-height: 54px;display: inline-block;border-radius: 3px;background: #ed4642;padding: 0 28px;margin-top: 35px;}
.order .change_out{width: 1400px;margin:0 auto;border-radius: 10px;overflow: hidden;margin-top: 70px;height: 824px;}
.order .change_out .left{width: 151px;float: left;background: #404040;height: 100%;position: relative;}
.order .change_out .left .top_title{border-bottom: 1px solid rgba(255,255,255,0.09);font-size: 15px;padding: 35px 0px 41px 41px;background: url(/static/themes/default/images/new/index_orders_menu.png) no-repeat left 11px top 34px;color: #fff;}
.order .change_out .left .copy{font-size: 13px;line-height: 24px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.09);padding: 19px 9px 23px 9px;cursor: pointer;}
.order .change_out .left .copy.cur{color: #313131;background: #fff;}
.order .change_out .left .bottom_title{font-size: 13px;line-height: 24px;color: #fff;position: absolute;bottom: 0;border-top: 1px solid rgba(255,255,255,0.09);width: 100%;padding: 23px 0 27px 45px;background: url(/static/themes/default/images/new/index_orders_user.png) no-repeat left 10px top 22px;}
.order .change_out .right{width: 1249px;box-sizing: border-box;border: 1px solid #d9d9d9;border-left: none;background: #e8e8e8;float: right;border-top-right-radius: 10px;border-bottom-right-radius: 10px;padding: 28px 32px 29px 36px;height: 100%;}
.order .change_out .right .img{display: none;}
.order .change_out .right .img.cur{display: block;}

.system{text-align: left;padding:99px 30px 76px;background: #e9e9e9;}
.system .left{float: left;width: 700px;}
.system .left .title{font-size: 54px;line-height: 60px;color: #000000;}
.system .left .desc{font-size: 16px;line-height: 28px;color: #333333;margin-top: 25px;}
.system .left .try{text-align: center;font-size: 18px;color: #ffffff;line-height: 54px;display: inline-block;border-radius: 3px;background: #ed4642;padding: 0 28px;margin-top: 65px;min-width: 230px;box-sizing: border-box;}
.system .right{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 60px;width: 930px;float: right;}
.system .right .copy{border-radius: 10px;padding: 20px 18px;}
.system .right .copy .img{width: 71px;height: 68px;}
.system .right .copy .name{font-family: 'GothamRounded-Medium';font-size: 18px;line-height: 26px;color: #333333;margin-top: 24px;}
.system .right .copy .desc{font-size: 15px;line-height: 24px;color: #666666;margin-top: 10px;}
.system .right .copy:hover{box-shadow: 14px 14px 20px 0 rgba(171,171,171,0.36);background-image: linear-gradient(to right bottom, #ff8d8e,#ec4844);}
.system .right .copy:hover .img{filter: brightness(0) invert(1);}
.system .right .copy:hover .name{color: #fff;}
.system .right .copy:hover .desc{color: #fff;}

.brands{padding: 88px 30px 0px;}
.brands .title{font-size: 54px;color: #000000;text-align: center;}
.brands .desc{font-size: 16px;line-height: 28px;color: #333333;text-align: center;margin-top: 26px;}
.brands .list{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 2px;background: #ededed;margin-top: 75px;padding: 0;}
.brands .list .copy{background: #fff;position: relative;height: 280px;padding: 20px 50px;}
.brands .list .copy .replace{font-size: 15px;line-height: 24px;color: #ffffff;text-align: center;background-image: linear-gradient(to right bottom, #ff8d8e,#ec4844);position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 65px 50px 30px;display: none;}
.brands .list .copy:hover{box-shadow: 14px 14px 20px 0 rgba(171,171,171,0.36);z-index: 1;}
.brands .list .copy:hover .replace{display: block;}

.blog{padding: 90px 30px 100px;}
.blog .title{font-size: 54px;color: #000000;text-align: center;}
.blog .desc{font-size: 16px;line-height: 28px;color: #333333;text-align: center;margin-top: 26px;}
.blog .list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 0px 48px;margin-top: 37px;}
.blog .list .copy{}
.blog .list .copy .img{}
.blog .list .copy .bottom{padding: 32px 20px 37px;background: #fff;}
.blog .list .copy .bottom .time{}
.blog .list .copy .bottom .time span{font-size: 13px;color: #ed4642;background: #fdeeee;line-height: 22px;padding: 0 10px;display: inline-block;border-radius: 11px;}
.blog .list .copy .bottom .time .tag{text-transform: uppercase;margin-left: 6px;}
.blog .list .copy .bottom .time .tag.blue,.blog .list .copy .bottom .time .tag.tag_10,.blog .list .copy .bottom .time .tag.tag_1{color: #3cb0d1;background: #edf8fb;}
.blog .list .copy .bottom .time .tag.green,.blog .list .copy .bottom .time .tag.tag_6,.blog .list .copy .bottom .time .tag.tag_11{color: #10b9a0;background: #e9f9f6;}
.blog .list .copy .bottom .time .tag.yellow,.blog .list .copy .bottom .time .tag.tag_2{color: #f3940b;background: #fef7ec;}
.blog .list .copy .bottom .name{font-size: 24px;color: #000000;margin-top: 27px;}
.blog .list .copy .bottom .tips{font-size: 16px;line-height: 28px;color: #666666;margin-top: 14px;}

@media screen and (max-width: 1420px) {
	.index_top .right .name{font-size: 24px;max-width: calc( 100% - 95px );}
	.index_top .right .click div{width: 22px;height: 14px;background-size: contain;}
	.order{padding: 50px 0;}
	.order .title{font-size: 40px;}
	.order .desc{font-size: 15px;line-height: 1.75;margin-top: 15px;}
	.order .reg{font-size: 16px;line-height: 44px;margin-top: 30px;}
	.order .change_out{width: 1200px;margin-top: 50px;height: 694px;}
	.order .change_out .left .bottom_title{box-sizing: border-box;}
	.order .change_out .right{width: 1049px;}
	.system{padding: 50px 30px;}
	.system .left{width: 45%;}
	.system .left .title{font-size: 40px;line-height: 1.11;}
	.system .left .desc{font-size: 15px;line-height: 1.75;margin-top: 20px;}
	.system .left .try{font-size: 16px;line-height: 44px;margin-top: 30px;}
	.system .right{width: 55%;grid-gap:2vw;}
	.system .right .copy .name{font-size: 16px;line-height: 1.75;margin-top: 20px;}
	.system .right .copy .desc{font-size: 14px;line-height: 1.6;}
	.brands{padding: 50px 30px 0;}
	.brands .title{font-size: 40px;}
	.brands .desc{font-size: 15px;line-height: 1.75;margin-top: 20px;}
	.brands .list{margin-top: 40px;}
	.brands .list .copy{height: 250px;}
	.brands .list .copy .replace{font-size: 14px;line-height: 1.5;padding: 40px;}
	.blog{padding: 50px 30px;}
	.blog .title{font-size: 40px;}
	.blog .desc{font-size: 15px;line-height: 1.75;margin-top: 20px;}
	.blog .list{grid-gap: 0px 2vw;margin-top: 25px;}
	.blog .list .copy .bottom{padding: 30px 20px;}
	.blog .list .copy .bottom .name{font-size: 20px;margin-top: 20px;}
	.blog .list .copy .bottom .tips{font-size: 14px;line-height: 1.5;margin-top: 10px;}
}
@media screen and (max-width: 1260px) {
	.index_top .right .name{font-size: 20px;max-width: calc( 100% - 85px );}
	.order{padding: 40px 0;}
	.order .title,.system .left .title,.brands .title,.blog .title{font-size: 32px;}
	.order .desc,.system .left .desc,.brands .desc,.blog .desc,.blog .list .copy .bottom .tips{font-size: 14px;margin-top: 10px;}
	.order .reg,.system .left .try{font-size: 16px;line-height: 40px;margin-top: 20px;}
	.order .change_out{width: 980px;margin-top: 40px;height: 553px;}
	.order .change_out .left .bottom_title{box-sizing: border-box;}
	.order .change_out .left .copy{font-size: 12px;line-height: 1.75;padding: 15px 9px;}
	.order .change_out .right{width: 829px;padding: 20px;}
	.system{padding: 40px 20px;}
	.system .left{width: 40%;}
	.system .right{width: 60%;grid-gap:1.5vw;}
	.system .right .copy{padding: 15px;}
	.system .right .copy .name{margin-top: 10px;}
	.brands{padding: 40px 20px 0;}
	.brands .list{margin-top: 30px;}
	.brands .list .copy{height: 200px;padding: 20px;}
	.brands .list .copy .replace{font-size: 12px;line-height: 1.5;padding: 20px;}
	.blog{padding: 40px 20px;}
	.blog .list{grid-gap: 0px 1.5vw;margin-top: 20px;}
	.blog .list .copy .bottom{padding: 20px;}
	.blog .list .copy .bottom .name{font-size: 18px;margin-top: 15px;}
}
@media screen and (max-width: 1000px) {
	.order .change_out{display: none;}
	.index_top .right .bottom{padding: 0vw 1.5625vw;}
	.index_top .right .name{font-size: 2.6vw;margin-left: 0;max-width: calc( 100% - 5.4vw - 10px );line-height: 8vw;}
	.index_top .right .click{margin-top: 3.1vw;}
	.index_top .right .click div{width: 2.7vw;height: 1.8vw;}
	.index_top .right .click div.r{margin-left: 5px;}
	.order{padding: 5vw 0;}
	.order .title, .system .left .title, .brands .title, .blog .title{font-size: 4.8vw;}
	.order .desc, .system .left .desc, .brands .desc, .blog .desc, .blog .list .copy .bottom .tips{font-size: 2.4vw;margin-top: 1vw;line-height: 1.5;}
	.order .reg, .system .left .try{font-size: 3vw;line-height: 8vw;margin-top: 2vw;padding: 0 2.8vw;}
	.brands{padding: 5vw 2.5vw 0;}
	.brands .list{margin-top: 4vw;grid-template-columns: repeat(2,1fr);}
	.brands .list .copy{padding: 0;padding-top: 100%;height: 0;}
	.brands .list .copy img{position: absolute;max-width: 85%;max-height: 85%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.brands .list .copy .replace{font-size: 2.4vw;padding: 1.6vw;overflow: hidden;}
	.blog{padding: 5vw 2.5vw;}
	.blog .list{grid-gap:2vw;margin-top: 2.8vw;grid-template-columns:repeat(1,1fr);}
	.blog .list .copy .bottom{padding: 2.8vw;}
	.blog .list .copy .bottom .time span{font-size: 2.4vw;line-height: 1.5;padding: 0 2vw;border-radius: 1.8vw;}
	.blog .list .copy .bottom .time .tag{margin-left: 1vw;}
	.blog .list .copy .bottom .name{font-size: 3.8vw;margin-top: 2.5vw;}
}
@media screen and (max-width: 500px) {
	.index_top .left,.index_top .right{width: 100%;}
	.index_top .right .bottom{height: 10vw;padding: 0 2vw;}
	.index_top .right .name{font-size: 3.6vw;line-height: 10vw;max-width: calc( 100% - 8.1vw - 10px );}
	.index_top .right .click{margin-top: 3.65vw;}
	.index_top .right .click div{width: 4.05vw;height: 2.7vw;}
	.brands .list .copy .replace{display: none!important;}
}