*{  margin: 0; padding:0;}
ul,li{  list-style: none;}
h1,h2,h3,h4,h5,p{margin:0;padding:0;}
a{text-decoration:none;cursor:pointer;color:#444;}
a:hover{text-decoration:none;}

body {margin: 0;padding: 0;font-family:"Microsoft YaHei";font-size: 12px;}

.device {width: 100%;position: relative;background: #f3f3f3;padding:6% 0;}
.device .arrow-left {position: absolute;top: 50%;z-index: 999;}
.device .arrow-right {position: absolute;top: 50%;z-index: 999;}
.device .arrow-left img,.device .arrow-right img{width:100%;height:100%;display: block;}

.title {font-size: 25px;margin-bottom: 10px;}
.pagination {text-align: center;width:60%;margin: 3% auto 0 auto;}
.pagination li{background: #e5e5e5;display: inline-block;border-radius: 20px;}
.deviceImg{margin: 0 auto;}
.deviceImg_box{width: 100%;height:100%;}
.pswp__caption__center{width:100%;color:#fff;}
.pswp__caption__center h4{font-weight: normal;}
.pswp__caption__center p{}
.deviceImg_box img{width:100%;height:100%;display: block;}

/***********************************************************************************/
/*iphone5样式如下 手机*/
@media screen and (max-width:320px){
    .device .arrow-left {left: 20px;margin-top: -30px;width: 24px;height: 24px;}
    .device .arrow-right {right: 20px;margin-top: -30px;width: 24px;height: 24px;}
    .deviceImg {width: 200px;height: 200px;}
    .pagination {height:20px;}
    .pagination li{width:8px;height:8px;margin: 0 3px;}
    li.lion{width:25px;}

    .pswp__caption__center h4{font-size: 1.18em;margin-bottom: 8px;}
    .pswp__caption__center p{font-size: 1.02em;}

}

/*Galaxy S5*/
@media only screen and (min-width: 321px) and (max-width: 360px){
    .device .arrow-left {left: 28px;margin-top: -30px;width: 24px;height: 24px;}
    .device .arrow-right {right: 28px;margin-top: -30px;width: 24px;height: 24px;}
    .deviceImg {width: 210px;height: 210px;}
    .pagination {height:20px;}
    .pagination li{width:8px;height:8px;margin: 0 3px;}
    li.lion{width:25px;}

    .pswp__caption__center h4{font-size: 1.2em;margin-bottom: 8px;}
    .pswp__caption__center p{font-size: 1.06em;}

}

/*iphone 6*/
@media only screen and (min-width: 361px) and (max-width: 375px){
    .device .arrow-left {left: 25px;margin-top: -30px;width: 25px;height: 25px;}
    .device .arrow-right {right: 25px;margin-top: -30px;width: 25px;height: 25px;}
    .deviceImg {width: 230px;height: 230px;}
    .pagination {height:20px;}
    .pagination li{width:9px;height:9px;margin: 0 4px;}
    li.lion{width:27px;}

    .pswp__caption__center h4{font-size: 1.22em;margin-bottom: 8px;}
    .pswp__caption__center p{font-size: 1.08em;}

}

/*iphone 6Plus--Nexus 6P*/
@media only screen and (min-width: 376px) and (max-width: 767px){
    .device .arrow-left {left: 27px;margin-top: -30px;width: 25px;height: 25px;}
    .device .arrow-right {right: 27px;margin-top: -30px;width: 25px;height: 24px;}
    .deviceImg {width: 260px;height: 260px;}
    .pagination {height:20px;}
    .pagination li{width:9px;height:9px;margin: 0 4px;}
    li.lion{width:27px;}

    .pswp__caption__center h4{font-size: 1.26em;margin-bottom: 8px;}
    .pswp__caption__center p{font-size: 1.10em;}

}


/*宽屏样式如下 iPad*/
@media screen and (min-width:768px){
    .device .arrow-left {left: 100px;margin-top: -40px;width: 40px;height: 40px;}
    .device .arrow-right {right: 100px;margin-top: -40px;width: 40px;height: 40px;}
    .deviceImg {width: 360px;height:360px;}
    .pagination {height:30px;}
    .pagination li{width:14px;height:14px;margin: 0 10px;}
    li.lion{width:42px;}

    .pswp__caption__center{max-width: 720px;}
    .pswp__caption__center h4{font-size: 1.7em;margin-bottom: 8px;}
    .pswp__caption__center p{font-size: 1.6em;line-height: 1.6em;}

}