
.carousel-control{width:10%}
.carousel-control .glyphicon:before{display:none;}
.carousel-control .glyphicon {margin-top: -67px; background: url(../../images/arrow.png) no-repeat 0px 0px; width: 60px;height: 100px;}
.carousel-control .glyphicon-chevron-left{left: 20%;}
.carousel-control .glyphicon-chevron-right{right: 20%;background-position:-98px 0px}
.carousel-indicators .active {margin:4px;width:25px;height:15px}
.carousel-indicators li{width:15px;height:15px;margin:4px;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { margin: auto; width: 100%;}




.mianwarp-category .bigtitle-top{text-align: center;font-size: 20px;}
.bigtitle-top .desc_wrap{display: flex;flex-wrap: wrap;width: 100%;text-align: left;margin-top: 30px;justify-content: center;}
.bigtitle-top .desc_wrap .desc_item{display: flex;flex-wrap: wrap;align-items: center;margin: 0 40px;}
.desc_wrap .desc_item .desc_text{flex: 1;padding-left: 15px;width: 400px; word-wrap: break-word; word-break: break-all;font-size: 14px;color: #666;}
.mianwarp-category .input-bot{display: flex;justify-content: space-between;width: 1510px;margin: 0 auto;}
.mianwarp-category .input-bot .input-group { width: 400px; margin-top: 40px;}
.mianwarp-category .input-bot .input-group input{width: 400px;border: none;border-bottom: 1px solid #666;outline: none;height: 40px;background: none;}
.mianwarp-category .input-bot .input-group input:focus{border-bottom: 1px solid #bc4c2a;}
.first-name .required{color: red;padding-right: 2px;}
.mianwarp-category .type-bot{margin-top: 40px;}
.choice-group .input_content {padding-left: 16px;}
.choice-group .icon_list { display: flex; align-items: center; padding-top: 15px;width: 1150px;justify-content: space-between;}
.icon_list .icon_list_item { display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.icon_list_item .icon_img {position: relative; margin-bottom: 4px;}
.icon_list_item input{ position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}
.free_product_application .lazyloaded {opacity: 1;animation: 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;animation-name: zoom-fade-small;transition: none;}
.mianwarp-category .input-information .input-group{width: 45%;}
.mianwarp-category .input-information .input-group input{width: 100%;}
.mianwarp-category .apply-now{justify-content: flex-end;padding-top: 40px;}
.apply-now .input-wrappers{display: flex;flex-wrap: wrap;}
.apply-now .input-wrappers input{width: 200px;height: 40px;margin-right: 20px;outline: none;display: none;}
.apply-now .input-wrappers input:focus{border: 1px solid #bc4c2a !important;}
.apply-now .input-wrappers .apply-bot{width: 200px;height: 40px;border: none;border-radius: 0;outline: none;box-shadow: none;}


.whyshop{background:#fff1ec;margin-top:60px}
.whyshop .title {text-align: center;font-weight: bold;text-transform: uppercase;font-family: Montserrat;font-size:33px;padding-top:22px}
.whyshop .title p{border-bottom: 4px solid #000;border-radius: 4px;width: 30px;margin: 0px auto;margin-top: 15px;}
.whyshop .advantage_left{padding: 40px 0px;}
.whyshop .advantage_left .item_icon p{text-transform: uppercase;text-align:center;padding:0 35px;font-size:16px;font-weight:700;color:#000; font-family:Domaine Display;}
.whyshop .advantage_left .item_icon .server_img {width: 60px;height:68px;background: url(../../images/server_bg.png) no-repeat;margin: auto;}
.whyshop .advantage_left .item_icon .server_icon1{background-position: 0px -15px;}
.whyshop .advantage_left .item_icon .server_icon2{background-position: -295px -15px;}
.whyshop .advantage_left .item_icon .server_icon3{background-position: -595px -15px;}
.whyshop .advantage_left .item_icon .server_icon4{background-position: -895px -15px;}
.whyshop .advantage_left .desc{text-align:center;padding:0 35px;color:#666}

.best{display:flex;margin-top:40px}
.best .item {position:relative;height: 346px;overflow:hidden}
.best .item .bestbg{background:#000000a8;position:absolute;height:100%;padding:33px;font-size:30px;text-transform: uppercase;font-family: Arapey,serif;line-height:32px;opacity:0;transition:all 0.3s linear;}
.best .item .bestbg a{color:#fff;display:block;height: 100%;display:flex;justify-content: center;align-items: center;}
.best .item .bestbg .product-price{position:absolute;font-family: Montserrat;color:#fff;bottom:0px;bottom: 22px;color: #fff;font-size: 22px;}
.best .item:hover .bestbg{opacity:1}
.best .bestleft{flex:1;padding-right:50px;text-align:center}
.best .bestleft .bestbg{font-size:60px;line-height:60px}
.best .bestleft .item {height: 742px;overflow:hidden}
.best .bestleft img{min-width:100%;height: 100%;width: 100%;}
.best .bestright{flex:1;display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-rows: auto;grid-column-gap:50px;grid-row-gap: 50px;text-align:center}
.best .bestright img{min-width:100%;height: 100%; width: 100%;}


.mianwarp-list .bigtitle .more{position: absolute;right: 0px;color: #333;font-size: 12px;font-weight:bold;}
.mianwarp-list .bigtitle .more:hover{color:#d51d50;font-weight: bold;}


/* Mobile */
@media screen and (max-width:786px){
.carousel-control .glyphicon{display:none;}
.whyshop{display:none;}
.container-fluid{padding-left:0px;padding-right:0px;}
.mianwarp-category .input-bot { width: 100%;flex-wrap: wrap;}
.choice-group .icon_list {width: 100%;justify-content: inherit;flex-wrap: wrap;}
.mianwarp-category .input-bot .input-group input {width: 100%;}
.bigtitle-top .desc_wrap {display: block;}

.bigtitle-top .desc_wrap .desc_item { margin: 20px 10px;}
.mianwarp-category .input-bot .choice-group{width: 100%;}
.icon_list .icon_list_item {width: 33%;}
.mianwarp-category .input-information .input-group { width: 100%; font-size: 12px;}
.mianwarp-category .apply-now {  padding-top: 20px;padding-bottom: 10px;justify-content: center;}
.apply-now .input-wrappers { width: 100%;}
.apply-now .input-wrappers .apply-bot { width: 100%; margin-top: 20px;}
.mianwarp-category .input-bot .input-group { width: 100%;}


}
@media screen and (width:768px){
.bannermain .banner_left .search-min input {width: 30%;}
}
@media screen and (width:1024px){
    .whyshop .advantage_left { width: 100%;}
    .bigtitle-top .desc_wrap .desc_item {margin: 0;}
    .bigtitle-top .desc_wrap {justify-content: space-between;}
    .desc_wrap .desc_item .desc_text {width: 220px; }
    .mianwarp-category .input-bot { width: 100%;flex-wrap: wrap;}
    .mianwarp-category .input-bot .input-group input {width: 100%;}
    .mianwarp-category .input-bot .choice-group{width: 100%;}
    .mianwarp-category .input-bot .input-group { width: 100%;}
    .choice-group .icon_list {width: 100%;justify-content: inherit;flex-wrap: wrap;}
    .icon_list .icon_list_item {width: 33%;}

}




.new-hot{display:flex;padding-top:80px;}
.new-hot .hot-box{flex:1;}
.new-hot .hot-box img{width:97%}
.new-hot .hot-box:last-child {text-align:right}

@media screen and (max-width:786px){
.new-hot{padding:10px}
.mianwarp-list .bigtitle .more {right: 11px;top: -13px;}
}

.swiper-container {width:100%;margin:20px auto}
.swiper-slide {position:relative; text-align:center;font-size:18px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-slide img{height: 18vw;max-width: 100%;transition:all 0.5s linear;}
.swiper-slide .floating-animation {background:#bc4c2a;display:block;line-height:40px;color:#fff;    position: absolute; bottom: -40px; width: 100%;transition:all 0.5s linear; }
.swiper-slide .floating-animation .fa-plus{font-size: 12px;padding-right: 3px;position: relative;top: -1px;}
.swiper-button-next, .swiper-button-prev{margin-top:-60px}
.swiper-slide:hover .floating-animation{bottom: 0px;}
.swiper-slide:hover img{transform: scale(1.2);}
.swiper-button-next,
.swiper-button-prev{width: 45px;height: 70px;background:#3f3f3f url(../../images/arrow.png) no-repeat 0px 0px;opacity:0.8}
.swiper-button-prev:hover,
.swiper-button-next:hover{opacity:1}
.swiper-button-next{ background-position: -23px 15px;background-size: 55px;right:0px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.swiper-button-prev{background-position: 12px 15px;background-size: 55px;left:0px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto;opacity:.35}
.swiper-slide .swiper-hover{overflow: hidden;position: relative;}
.swiper-slide .swiper-content{text-align: left;}
.swiper-slide .swiper-content .swiper-title{font-size: 16px;font-weight: 600;line-height: 25px;}
.swiper-slide .swiper-content p{font-size:18px;color: #bc4c2a;font-weight: 600;}
.swiper-slide .swiper-content p>span{font-size: 12px;color: #999;font-weight: 500;padding-left: 15px;text-decoration: line-through;}



.photo-mall .my-tab{text-align:center;height:90px;}
.photo-mall .my-tab li{display:inline-block;font-weight:bold;padding:8px 10px;    font-size: 16px;}
.photo-mall .my-tab li a{padding:8px 24px; display:block;/*border-radius:66px;*/text-transform:uppercase;opacity:0.8;background:#f2f2f2}
.photo-mall .my-tab li a:hover{opacity:1}
.photo-mall .my-tab .fa{padding-right:9px}
.photo-mall .my-tab .btn{background: #fef3f0;color: #bc4c2a;opacity: 1;font-weight: bold;font-size: 16px;padding: 8px 24px;}
.photo-mall .my-tab .active a{color:#bc4c2a;background:#fef3f0;opacity:1;cursor:default}
.photo-mall .swiper-slide {overflow:inherit;flex-wrap: wrap;}
.photo-mall .swiper-container {opacity:0}
.swiper-slide:hover img{transform: scale(1.2);}
.photo-mall .slide-er{overflow:hidden;position: relative;}
.photo-mall .swiper-a{display:block;background:#f6f6f6;width:100%;    height: 50px;line-height:50px;display:flex;justify-content:space-between}
.photo-mall .swiper-a a{padding:0px 22px;font-size:16px}
.photo-mall .swiper-a  i{ opacity: 0.4; padding-left: 6px;}
.photo-mall .swiper-slide:hover .floating-animation{bottom: -40px;}
.photo-mall .swiper-slide:hover img{transform: scale(1);}
.photo-mall .slide-er:hover .floating-animation{bottom: 0px;}
.photo-mall .slide-er:hover img{transform: scale(1.2);}
.photo-mall .active{z-index:2;opacity:1}
.photo-warp{position:relative}
#buyer-show{position:absolute;z-index:1;top:-20px;left:0px;}
.photo-mall .bigtitle{margin-bottom:15px}
.photo-mall .photo-warp .strar-thumbs {position: absolute; top: 0px; right:0px; color: #cf5e3d; z-index: 1; background: #fff;  width: 27px; height: 28px;font-size: 18px; opacity: 0.8;}
.photo-mall .photo-warp .star-warp{position:absolute;z-index:1;width:138px;height: 29px;overflow:hidden;left: 0px;top: 0px;}
.photo-mall .photo-warp .star-warp .strar-bg{background:#fff;width:138px;height:29px;opacity: 0.8;transform: skew(-20deg);border-width: 0;border-color: #e9e9e9;border-style: solid;position:absolute;left:-10px}
.photo-mall .photo-warp .star-warp .star-i{position:absolute;top: 5px;left: 3px;color:#dcc7c1;display: flex;width: 87%;}
.photo-mall .photo-warp .star-warp .star-i .fa-star{color:#bc4c2a;}
.photo-mall .photo-warp .star-warp .star-i i {flex: 1;}


.buy-upload{padding:0px 40px}
.buy-upload li{position:relative;padding:12px 10px}
.buy-upload li .required{color:#bc4c2a;position:absolute;left: -10px;top: 22px;}
.buy-upload li .textarea{height:100px}
.buy-upload .columns-dropdown .dropdown .btn{width:131px;text-align: left; background: #fff;color:#bc4c2a;border: 1px solid #bc4c2a;position:relative;}
.buy-upload .columns-dropdown .dropdown .btn .caret{position:absolute;right:12px;top: 14px;}
.buy-upload .columns-dropdown .dropdown-menu{width:131px;padding-left:0px;    color: #bc4c2a;    min-width: 131px;}
.buy-upload .columns-dropdown .dropdown-menu li{padding:6px 0px;cursor: pointer;padding-left: 12px;}
.buy-upload .columns-dropdown .dropdown-menu li:hover{background:#f4f4f4}
.buy-upload .columns-dropdown{display:flex}
.buy-upload .columns-dropdown .dropdown {margin-right: 21px;}
.buy-upload li .thumbs-warp { border: 1px solid #bc4c2a;  padding: 6px; width: 131px;color:#9e9e9e;display:flex}
.buy-upload li .thumbs-warp .active{color:#bc4c2a}
.buy-upload li .thumbs-warp .fa-thumbs-down,
.buy-upload li .thumbs-warp .fa-thumbs-up{display:none;}
.buy-upload li .thumbs-warp .active .fa-thumbs-down,
.buy-upload li .thumbs-warp .active .fa-thumbs-up{display:block}
.buy-upload li .thumbs-warp .active .fa-thumbs-o-down,
.buy-upload li .thumbs-warp .active .fa-thumbs-o-up{display:none;}
.buy-upload li .thumbs-warp .fa{padding:0px 12px;cursor:pointer}
.buy-upload li textarea.form-control{height:90px}
.buy-upload li  .addimg {width: 120px; height: 120px; text-align: center;  position: relative; cursor: pointer; background: #f9efec; color: #e4bcb2; font-size: 31px;display: flex;justify-content: center; align-items: center;border: 1px dashed #e2cec9;}
.buy-upload li  .preservation{display: flex; flex-direction: row; align-content: space-between; justify-content: space-between; align-items: flex-end;margin-bottom:12px;}
.buy-upload li  .preservation .btn-warp .btn{text-transform: uppercase;width:100%;display:block;margin-top:12px;}
#upload-modal .modal-dialog { width: 470px;}
.buy-upload .tooltip{top:-32px;z-index:3;}
.buy-upload .tooltip.top .tooltip-arrow{left:16px;border-top-color:#ff5858;opacity:0.8;}
.buy-upload .tooltip .tooltip-inner { border-radius: 0px; background:#ff5858;opacity:0.8;border-radius:3px;}
.buy-upload .tooltip.top { padding: 5px 0;margin-top: 7px;}



.img-exhibition{display:flex;padding:15px}
.img-exhibition .exli-left{width:400px}
.img-exhibition .exli-left img{width:100%}
#img-modal .modal-header{padding:0px;position:relative}
#img-modal .close{padding: 12px;position: absolute; right: 0px; z-index: 11; color: #000;}
#img-modal .modal-dialog { width: 800px;}

.img-exhibition .exli-right-warp {display:flex}
.img-exhibition .exli-header {display:flex}
.img-exhibition .exli-header .exli-h{width: 45px;height: 70px;background: url(../../images/arrow-icon.png) no-repeat 0px 13px;opacity:0.8;cursor:pointer}
.img-exhibition .exli-header .exli-h{opacity:1}
.img-exhibition .exli-header .ex-left{background-size:90px;margin-right: 19px;}
.img-exhibition .exli-header .ex-right{background-size:90px;background-position: -56px 13px;}
.img-exhibition .exli-right{padding-left:44px;    width: 365px;}
.img-exhibition .star-i {  width: 192px;text-align: center; padding-top: 37px;color: #e8e8e8;}
.img-exhibition .star-active{ color: #bf522f;}
.img-exhibition .strar-thumbs{padding-top: 34px; color: #cb7e66;font-size: 16px;    padding-left: 10px;}
.img-exhibition .pro-reviews .reviews-title{font-weight:bold;padding-top:11px;color:#bc4c2a;padding-bottom:12px}
.img-exhibition .pro-reviews .reviews-cont{height:237px;overflow:auto;line-height:23px}
.img-exhibition ::-webkit-scrollbar{ width:6px;height:6px;background-color: #F5F5F5;} 
.img-exhibition ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color: #F5F5F5;}  
.img-exhibition ::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #bc4c2a;}  
.img-exhibition .sopnow { display: flex;  background: #f7dbd2;  margin-top: 17px;   height: 33px;  justify-content: space-between;   align-content: flex-start;   align-items: center;  padding: 10px;border-radius:5px}
.img-exhibition .sopnow  a{color:#bc4c2a;font-weight:bold}
.img-exhibition .sopnow  a:hover{color:#f45525}

.modal-add-success {opacity:0.8;position:relative;z-index: 9999;display:none}
.modal-add-success .modal-add {padding: 18px;font-size: 15px;display:flex;position: fixed;top: 50%;background: #fff;border-radius: 4px; left: 50%;box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);margin-top:-35px;margin-left:-105px;z-index: 9999;color:#17cf72}
.modal-add-success .modal-add .fa {width: 22px;height: 22px; background: #17cf72; border-radius: 50%; margin-right: 9px;display: flex;justify-content: center; align-items: center; color: #fff;}
.modal-add-success .modal-backdrop{background-color: #fff; display: none;}