﻿
/*phone*/
@media screen and (orientation:portrait) and (min-width: 320px) and (max-width: 640px) {
    .intro_pictures{
        
    }
    .across{
        height: 180px;
    }
    .vertical{
        height: 280px;
    }
    .banner_bg{
        background-size: 117px 103px;
        background-position: 58% 10px;
    }
    .poster{
        height: 150px;
    }
    .poster li{
        height: 150px;
    }
}
@media screen and (orientation:landscape) and (min-width: 480px) and (max-width: 960px) {
    .intro_pictures{
      
    }
    .across{
        height: 180px;
    }
    .vertical{
        height: 280px;
    }
    .banner_bg{
        background-size: 194px 166px;
        background-position: 58% 20px;
    }
    .poster{
        height: 200px;
    }
    .poster li{
        height: 200px;
    }
}
@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone 6 */
    .gift_message .gift_content_href{
        width: 55%;
    }
}
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){/* 兼容iphone6 plus */
    .gift_message .gift_content_href{
        width: 60%;
    }
}
/*pad*/
@media only screen and (orientation:portrait) and (min-width: 641px) and (max-width: 1536px) {
    .intro_pictures{
        
    }
    .across{
        height: 280px;
    }
    .vertical{
        height: 480px;
    }
    .banner_bg{
        background-size: 214px 186px;
        background-position: 58% 50px;
    }
    .detail_img{
        width: 80px;
        height: 80px;
        margin: 15px;
        margin-left: 28px;
    }
    .game_info{
        height: 130px;
    }
    .game_info .detail_star{
        left: 135px;
        top: -60px;
        font-size: 14px;
    }
    .game_content .star{
        left: 75px;
        top: -40px;
        font-size: 14px;
    }
    .game_info .detail_downnum{
        left: 135px;
        top: -60px;
        font-size: 14px;
    }
    .game_info .detail_size{
        left: 135px;
        top: -70px;
        font-size: 14px;
    }
    .game_info .detail_title{
        font-size: 20px;
        top: -20px;
    }
    .backgroundImg62px {
        background-size: 80px 80px;
    }
    .game_info .detail_btn{
        width: 115px;
        right: 30px;
    }
    .detail_tab{
        height: 45px;
        font-size: 16px;
    }
    .DEtab{
        height: 45px;
        line-height: 45px;
    }
    .intro_title {
        width: 90px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    .intro_content{
        font-size: 16px;
    }
    .intro_btn {
        width: 55px;
        height: 20px;
        font-size: 16px;
    }
    .intro_unfold_img {
        width: 13px;
        height: 6px;
    }
    .another_info{
        font-size: 16px;
    }
    .another_info_tip{
        width: 70px;
    }
    .another_info_content{
        left: 70px;
        width: 90%;
    }
    .star_list li{
        width: 38px;
        height: 36px;
        background-size: 38px 36px;
    }
    .star_list a {
        height: 36px;
        margin-left: 20px;
    }
    .evaluation_button_box{
        width: 80px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        top: -58px;
        left: 220px;
    }
    .done {
        font-size: 16px;
        width: 80px;
    }
    .comment_box li{
        font-size: 16px;
    }
    .date{
        font-size: 14px;
    }
    .praise_step>a{
        font-size: 16px;
    }
    .evaluation_number{
        font-size: 20px;
        height: 40px;
        line-height: 40px;
    }
    .comment_count{
        font-size: 25px;
    }
    .add_comment .textarea{
        font-size: 18px;
    }
    .ico_comment {
        -webkit-background-size: 25px 25px;
        width: 25px;
        height: 25px;
        margin: 7px 6px 8px 12px;
    }
    .share_size{
        height: 260px;
    }
    .bdshare_popup_top{
        line-height: 55px;
        font-size: 25px;
    }
    .bdshare_dialog_list img{
        width: 70px;
    }
    .bdshare_dialog_list p{
        font-size: 17px;
        margin-top: 18px;
    }
    .bdshare_dialog_list .nopic{
        top: -90px;
        height: 120px;
    }
    .bdshare_dialog_bottom{
        height: 50px;
        line-height: 50px;
        font-size: 25px;
        bottom: 100px;
    }
    .share_panel{
        top: 25%;
    }
    .share_size{
        width: 50%;
    }
    .success_operation{
        height: 170px;
    }
    .success_operation_content{
        background-size: 220px;
        width: 80%;
    }
    .success_operation_content p{
        font-size: 16px;
        margin-top: 25px;
    }
    .success_operation_content img{
        margin-top: 40px;
    }
    .empty_content{
        width: 180px;
        margin-top: 30%;
    }
    .noContent_pic{
        left: 0;
    }
    .detail_page{
     /*   margin-top: 54px;*/
    }
    .score_count{
        top: -4px;
    }
    .comment_frame{
        margin-top: 54px;
    }
    .comment_frame .header{
        height: 54px;
        line-height: 54px;
    }
    .btn_cancel{
        height: 54px;
    }
    .btn_submit{
        height: 54px;
    }
    #submit_comment img{
        height: 30px;
        width: 30px;
    }
    .header .page_title{
        font-size: 26px;
    }
    .comment_tip{
        font-size: 16px;
    }
    .comment_input{
        font-size: 18px;
    }
    .poster{
        height: 240px;
    }
    .poster li{
        height: 240px;
    }
}
@media only screen and (orientation:landscape) and (min-width: 961px) and (max-width: 2048px) {
    .intro_pictures{
        
    }
    .across{
        height: 280px;
    }
    .vertical{
        height: 480px;
    }
    .banner_bg{
        background-size: 234px 206px;
        background-position: 58% 70px;
    }
    .detail_img{
        width: 85px;
        height: 85px;
        margin: 15px;
        margin-left: 28px;
    }
    .game_info{
        height: 130px;
    }
    .game_info .detail_star{
        left: 140px;
        top: -60px;
        font-size: 14px;
    }
    .game_content .star{
        left: 75px;
        top: -40px;
        font-size: 14px;
    }
    .game_info .detail_downnum{
        left: 140px;
        top: -60px;
        font-size: 14px;
    }
    .game_info .detail_size{
        left: 140px;
        top: -70px;
        font-size: 14px;
    }
    .game_info .detail_title{
        font-size: 20px;
        top: -20px;
    }
    .backgroundImg62px {
        background-size: 85px 85px;
    }
    .game_info .detail_btn{
        width: 115px;
        right: 30px;
    }
    .detail_tab{
        height: 45px;
        font-size: 16px;
    }
    .DEtab{
        height: 45px;
        line-height: 45px;
    }
    .intro_title {
        width: 90px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    .intro_content{
        font-size: 16px;
    }
    .intro_btn {
        width: 55px;
        height: 20px;
        font-size: 16px;
    }
    .intro_unfold_img {
        width: 13px;
        height: 6px;
    }
    .another_info{
        font-size: 16px;
    }
    .another_info_tip{
        width: 70px;
    }
    .another_info_content{
        left: 70px;
        width: 90%;
    }
    .star_list li{
        width: 38px;
        height: 36px;
        background-size: 38px 36px;
    }
    .star_list a {
        height: 36px;
        margin-left: 20px;
    }
    .evaluation_button_box{
        width: 80px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        top: -58px;
        left: 220px;
    }
    .done {
        font-size: 16px;
        width: 80px;
    }
    .comment_box li{
        font-size: 16px;
    }
    .date{
        font-size: 14px;
    }
    .praise_step>a{
        font-size: 16px;
    }
    .evaluation_number{
        font-size: 20px;
        height: 40px;
        line-height: 40px;
    }
    .comment_count{
        font-size: 25px;
    }
    .add_comment .textarea{
        font-size: 18px;
    }
    .ico_comment {
        -webkit-background-size: 25px 25px;
        width: 25px;
        height: 25px;
        margin: 7px 6px 8px 12px;
    }
    .share_size{
        height: 260px;
    }
    .bdshare_popup_top{
        line-height: 55px;
        font-size: 25px;
    }
    .bdshare_dialog_list img{
        width: 70px;
    }
    .bdshare_dialog_list p{
        font-size: 17px;
        margin-top: 18px;
    }
    .bdshare_dialog_list .nopic{
        top: -90px;
        height: 120px;
    }
    .bdshare_dialog_bottom{
        height: 50px;
        line-height: 50px;
        font-size: 25px;
        bottom: 100px;
    }
    .share_panel{
        top: 25%;
    }
    .share_size{
        width: 40%;
    }
    .success_operation{
        height: 170px;
    }
    .success_operation_content{
        background-size: 220px;
        width: 80%;
    }
    .success_operation_content p{
        font-size: 16px;
        margin-top: 25px;
    }
    .success_operation_content img{
        margin-top: 40px;
    }
    .empty_content{
        width: 180px;
        margin-top: 12%;
    }
    .noContent_pic{
        left: 0;
    }
    .detail_page{
      /*  margin-top: 54px;*/
    }
    .score_count{
        top: -4px;
    }
    .comment_frame{
        margin-top: 54px;
    }
    .comment_frame .header{
        height: 54px;
        line-height: 54px;
    }
    .btn_cancel{
        height: 54px;
    }
    .btn_submit{
        height: 54px;
    }
    #submit_comment img{
        height: 30px;
        width: 30px;
    }
    .header .page_title{
        font-size: 26px;
    }
    .comment_tip{
        font-size: 16px;
    }
    .comment_input{
        font-size: 18px;
    }
    .poster{
        height: 280px;
    }
    .poster li{
        height: 280px;
    }
}