article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ol,ul{list-style:none}
ol,ul,li,dl,dt,dd{ display: block;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
.clearfix:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
a,button,div,input{outline:0;text-decoration:none}
::-moz-focus-inner{border:0}
body{ background: #000; }
.lf{ float: left;}
.rt{ float: right;}
.f20{ font-size: 20px;}
.f16{ font-size: 16px;}
.h15{ height: 15px;}
.pos{ position: absolute;}
.btn{ display: block; position: relative; cursor: pointer;}
.main{ width: 640px; margin: 0px auto; position: relative;}
.none{ display: none;}
button{border: none;}

/*startdom*/
.main{ width: 640px; margin: 0px auto; position: relative;}
body { /*min-width: 640px; min-height: 1136px; */ background:#000 url(../images/bg-s.jpg) no-repeat top center; background-size:640px auto; display: none; }

.adbox{ width: 630px; height: 492px; background:url(../images/yy-s.png) no-repeat center; background-size:632px auto; position: absolute; top: 338px; left: 50%; margin-left: -310px;}
.adbox .del{ width: 56px; height: 57px; background:url(../images/del-s.png) no-repeat center; background-size:56px auto;  position: absolute; top: 0px; right: 0px; z-index: 10; }
.adbox .imgbox{ width: 611px; height: 433px; position: absolute; top: 17px; left: 0px; background:url(../images/bgborder-s.png) no-repeat center; background-size:611px auto;  z-index: 1;  }
.adbox .imgbox .carouselbox{ position: absolute; overflow: hidden; width: 600px; height: 420px; top: 5px; left: 5px;}
.adbox .imgbox .carouselbox ul{ width: 600px; height: 420px; position: absolute; top: 0px; left: 0px; }
.adbox .imgbox .carouselbox ul li { float: left; position: relative; width: 600px; height: 420px;}
.adbox .imgbox .carouselbox ul li img{width: 600px; height: 420px; }
.adbox .imgbox .carouselbox ul li .adinfo{ width: 593px; height: 54px; position: absolute; left: 50%; margin-left: -296.5px; bottom: 56px;  background:url(../images/img-btn-bg-s.png) no-repeat center; background-size:593px auto;  }
.adbox .imgbox .carouselbox ul li .adinfo .icon{ width: 81px; height: 81px; position: absolute; left: 48px; bottom: 0px; }
.adbox .imgbox .carouselbox ul li .adinfo p{ line-height: 54px; color: #fff; text-indent: 168px;  font-size: 17px; font-style:italic;}
.adbox .imgbox .carouselbox ul li .adinfo .btn.btn-info{ width: 129px; height: 43px; top: 5px; left: 418px; position: absolute; background:url(../images/img-btn-s.png) no-repeat center; background-size:129px auto;  }

.adbox .btnbox{ width: 506px; height: 68px; position: absolute; background:url(../images/btn-s.png) no-repeat center; background-size:506px auto;  z-index: 2; left: 54px; bottom: 0px;}
.adbox .btnbox .btn{ width: 90px; height: 55px; position: absolute;}
.adbox .btnbox .btn.btn-left{ left: 18px; top: 8px;}
.adbox .btnbox .btn.btn-right{ right: 18px; top: 8px;}
.adbox .btnbox .btn.btn-mid{ width: 255px; left: 50%; margin-left: -127px; top: 8px; }


@media all and (orientation : landscape) { 

    body {
       background:#000 url(../images/bg-h.jpg) no-repeat top center; background-size:1134px auto; display: none; 
    }
    .adbox{  top: 2px; }

} 

/*enddom*/