.wrap12{background:#fff;width:1024px;margin:auto;  padding-bottom:0px;}
.come{width:1024px;margin:auto;background:#FFFFFF;padding-bottom:35px;}
.category{    position: relative;
    width: 100%;
    background: #09090900;
    height: 300px;
    float: left;
    transition: all 2s ease 0s;
    border-left: 1px solid #868282;
    transition: backgroun 0.2s linear 0.1;
    border-top: none;}
.category h1{font-size:18px;font-weight: lighter;color:rgba(2, 2, 2, 0.7);line-height:1;text-align:center;}
.category img{width:100%;height:100%;transform: scale(1);transition: all 0.2s ease 0s;margin: 0;}
.category:hover{background:#ffffff00;}
#category , #category1{margin: 0;
    border: none;}
#dev{border-top: none;}
#category2{border-right: 1px solid  #868282;}
#devde .category{border-bottom1px solid  #868282;border-bottom 1px solid  #868282 !important;}
.img{width:100%;height:auto;overflow: hidden;margin:0;}
.category:hover img{ transform:scale(1); transition: all 0.2s ease-in;}
#devv{margin: 0px 0px 0px 19px;border: 1px solid  #868282;border-top: medium none !important;}
.come h1{margin: 0px 0px 0px 25px;font-size: 30px;color: #D05A35;line-height: 3;font-weight: normal;}
.mask h2 img{position: absolute;font-size: 80px;color: #FFF;margin:57px 5px 5px 57px;display: none;border-radius: 2px;border: medium none;width: 90px;height: 90px;}
.mask:hover h2 img{ display:block;transition: all 0.5s ease}
.wap{width:1024px;margin:auto;}
.crrt{width:900px; float:left; margin:0px 0px 0px 0px;position:relative;}
.crrt img{width: 250px;height240px;position:absolute;}
.scrolla:hover img{ transform:scale(1); transition: all 0.2s ease-in;}
.scrolla{    width: 100%;
    height: auto;background: #E9EEFF none repeat scroll 0% 0%;float: left; overflow:hidden;}
.scrolla img{height: auto;
    transform: scale(1);
    margin: 0;
    width: 100%;
    position: absolute;}
.crrt p{font-size:26px;color:#46169C;font-weight: normal;line-height: 1.2;margin: 24px 25px 0px;width: 209px;}
.crrt h1{font-size:24px;color:#46169C;margin:-69px 0px 0px -101px;font-weight:normal;float:left;width:382px;}
.wraap14 .crrt h1{margin: -69px 0px 0px 12px;}
#can15{position:absolute;position: absolute;margin: -28px 0px 0px -710px;}
#can16{position:absolute;position: absolute;margin: -28px 0px 0px -710px;}
.category:hover .mask, .category:hover .mask1, .category:hover .mask2, .category:hover .mask3, .category:hover .mask4, .category:hover .mask5, .category:hover .mask6, .category:hover .mask7, .category:hover .mask8, .category:hover .mask9, .category:hover .mask10, .category:hover .mask11, .category:hover .mask12, .category:hover .mask13,.category:hover  .mask14, .category:hover .mask15{opacity:0.8;-webkit-transform:all 0.5s ease;-moz-transform:all 0.5s ease;-o-transform:all 0.5s ease;-ms-transform:all 0.5s ease;transform:all 0.5s ease;}
.wraap, .wraap1, .wraap2, .wraap3, .wraap4, .wraap5, .wraap6, .wraap7, .wraap8, .wraap9, .wraap10, .wraap11, .wraap12, .wraap13, .wraap14, .wraap15{position: fixed;background: rgba(51, 51, 51, 0.24);top: 0px;left: 0px;height: 100%;width: 100%;z-index: 2147483647;display: none;opacity: 1;}
.mask, .mask1, .mask2, .mask3, .mask4, .mask5, .mask6, .mask7, .mask8, .mask9, .mask10, .mask11, .mask12, .mask13, .mask14, .mask15{
opacity: 0;
    overflow: visible;
    background: rgba(0, 0, 0, 0.73);
    transition: transform 0.5s ease-out 0.1s, opacity 0.6s ease-in-out 0s;
    width: 100%;
    margin-top: 0;    position: absolute;
    margin-left: 0;
    height: 100%;
    z-index: 9999999999999;
	}
.mask h2 img, .mask1 h2 img, .mask2 h2 img, .mask3 h2 img, .mask4 h2 img, .mask5 h2 img, .mask6 h2 img, .mask7 h2 img, .mask8 h2 img, .mask9 h2 img, .mask10 h2 img, .mask11 h2 img, .mask12 h2 img, .mask13 h2 img, .mask14 h2 img, .mask15 h2 img {
	line-height:1.8;border-radius: 2px;font-size: 16px;color: #FFF;border: 1px solid #FFF;text-align: center;
	width: 100px;height: 30px;position: absolute;font-size: 80px;color: #FFF;  margin: 6rem 9rem;border-radius: 2px;border: medium none;width: 90px;height: 90px;cursor: pointer;}
.cartte1{
	width: 45%;
    overflow: visible;
    box-shadow: 0px 1px 16px 6px #050300;
    background: #e9eeff00;
    position: relative;
    z-index: 99999;
    text-align: left;
    transition: top 100ms linear 0ms;
    height: 561px;
    top: 26px !important;
    margin: auto;
	
}
.cartte1 h5{position: absolute;margin:3px 0px 0px 580px;cursor: pointer;z-index: 99999;width: 40px;padding: 0px 17px 0px 1px;font-size: 14px;}
.cartte1 h5 img{width: 30px;
    height: 30px;
    background: #000;
    padding: 5px;
    position: absolute;
    z-index: 999;
    margin-left: -152px;}
.backgr{width: 100%;height: 100%;z-index: 999;cursor: pointer;}







@media (max-width:767px) and (min-width:280px){
	.img {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 5px;
}

element.style {
}
#category, #category1 {
    margin: 0;
    border: none;
}
.category {
    position: relative;
    width: 100%;margin-bottom:2rem;
    background: #09090900;
    height: auto;
float: left;}
	
}