@media screen and (max-width: 750px) {
    .layui-site-title {
        font-size: 30px;
        margin-top: 20px;
    }

    .layui-site-p {
        font-size: 20px;
        line-height: 30px;
        margin-top: 10px;
        padding:5px;
    }

    .layui-site-p-small {
        font-size: 12px;
        line-height: 30px;
        margin-top: 10px;
        color: #999;
        padding: 0px 15px;
    }

    .layui-site-btndown {
        position: relative;
        padding: 0 55px 0 95px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #c2c2c2;
        border-color: rgba(255, 255, 255, .2);
        font-size: 16px;
        color: #ccc;
        transition: all .5s;
        -webkit-transition: all .5s;
        background: transparent;
        cursor: pointer;
    }

    .layui-site-btndown cite {
        position: absolute;
        left: 55px;
        top: 2px;
        font-size: 20px;
    }

    .layui-banner {
        padding-bottom: 30px;
    }

    .layui-site-title {
        font-size: 35px;
    }
    .layui-tedian-box{

        width: 100%;
        height: 220px;
        line-height: 24px;
        margin-left: 0px;
        border: 1px solid #d2d2d2;
        text-align: left;
        box-sizing: border-box;
        padding: 10px;
    }
    .layui-index-buy .layui-tab-content .wenarea{
        padding-left: 10px;
        overflow: hidden;
    }
    .view-service .vs-left{
        margin-left: 0px;
        width: 100%;
    }
    .view-service .vs-r-con {
        margin-left: 0px;
    }
    .view-service .vs-r-con .vs-list li:first-child{
        margin-left: 0px;
    }
    .view-service{
        padding: 15px;
    }
    .r-product-head{
        padding: 0 10px;
    }
    #common-buy {
        clear: both;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .view-service .vs-r-con .vs-list {
        margin-top: 8px;
        margin-right: 0px;
    }
    label.ant-radio-button{
        padding: 0 10px;
    }
    .price-info .product-popular {
        padding: 0px;
        border-left: none;
    }
    .price-info{
        min-height: 130px;
        padding: 10px;
    }
    .production-info {
        margin-top: 15px;
        padding: 5px;
    }
    .view-service .vs-r-con .vs-list li {
        font-size: 0;
        float: left;
        margin-left: 36px;
        width: 32px;
        height: 32px;
        border: 1px solid #ff6a00;
        border-radius: 50%;
        line-height: 26px;
    }
    .r-recommend-warp dd {
        width: 100%;
        padding: 18px 0 13px;
        border-bottom: 1px solid #eaeaea;
        margin-left: 5px;
        position: relative;
    }
    .r-recommend-warp dd .info {
        width: 80%;
        float: right;
    }
    .layui-site-header .layui-nav {
        position: relative;
        padding: 0 0px;

    }
    .layui-index-buy .layui-tab-content .wenarea .golink {

        width: 100px;
    }
    .layui-index-buy .layui-tab-content .wenarea .golink1 {

        width: 100px;
    }
    .layui-index-buy .layui-tab-content .pain{
        margin-top: 15px;
    }
    .layui-index-buy .layui-tab-content .list .list-li {
        padding: 10px 12px 0;
    }
    .formleave .layui-form{
        margin-right: 0px;
    }
    .txtshort{
        width: 100%;
    }
    .formleave{
     margin: 0px 10px;
    }

    .wapselect{
        width: 67%;
    }
    #buy-btn .y-btn {
    line-height: 40px;
    padding: 0 14px;
    }
    .layui-card-header{
    	height: auto;
    }
    .spacerightmain {
    padding: 10px;
    margin-left: 0px;
    min-height: 500px;
}
.laypopbg_content {
    width: 300px;
    height: 400px;
    position: fixed;
    left: 4%;
}
}
/* iphone4 */

@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){
    .wapselect{
        width: 60%;
    }
    .r-recommend-warp dd .info {
    width: 75%;
    float: right;
}
    label.ant-radio-button{
        padding: 0 5px;
    }
    .layui-site-header .layui-nav .layui-nav-item a {
        display: block;
        padding: 0 15px;

    }
    .layui-index-buy .layui-tab-content .wenarea .golink {

        width: 100px;
    }
    .layui-index-buy .layui-tab-content .wenarea .golink1 {

        width: 100px;
    }
    .layui-banner {
        padding-top: 20px;
        color: #fff;
        position: relative;
        text-align: center;
        background-color: #2F4056;
        height: 360px;
        /* padding: 5px; */
    }
    .production-showinfo .btns a{
        padding: 0 25px;
    }
    .production-showinfo h1 {
        font-size: 30px;
    }
        #buy-btn .y-btn {
   line-height: 30px;
    padding: 0 4px;
    height: 30px;
    font-size: 13px;
    border-radius: 2px;
    }
    #buy-btn .y-btn .layui-icon{
    	font-size: 13px;
    }
     .laypopbg_content {
    width: 80%;
    height: 420px;
    position: fixed;
    left: 4%;
    top: 10%;
    }
}

/* iphone5 */

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
    label.ant-radio-button{
        padding: 0 5px;
    }
    .r-recommend-warp dd .info {
    width: 75%;
    float: right;
}
    .laypopbg_content {
    width: 80%;
    height: 420px;
    position: fixed;
    left: 4%;
    top: 10%;
    }
    .wapselect{
        width: 60%;
    }

    .layui-site-header .layui-nav .layui-nav-item a {
        display: block;
        padding: 0 15px;

    }
    .layui-index-buy .layui-tab-content .wenarea .golink {

        width: 100px;
    }
    .layui-index-buy .layui-tab-content .wenarea .golink1 {

        width: 100px;
    }
    .layui-banner {
        padding-top: 20px;
        color: #fff;
        position: relative;
        text-align: center;
        background-color: #2F4056;
        height: 360px;
        /* padding: 5px; */
    }
    .production-showinfo .btns a{
        padding: 0 25px;
    }
    .production-showinfo h1 {
        font-size: 30px;
    }
      #buy-btn .y-btn {
   line-height: 30px;
    padding: 0 4px;
    height: 30px;
    font-size: 13px;
    border-radius: 2px;
    }
    #buy-btn .y-btn .layui-icon{
    	font-size: 13px;
    }
}