body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "寰蒋闆呴粦","Arial Narrow",HELVETICA;background:#fff;height:100%;width:100%;}
a{color:#172c45;text-decoration:none} 
a:hover{color:#cd0200;text-decoration:none} 
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
html{font-size:50px;height:100%;}
.fl{
	float: left;
}
.fr{
	float:right;
}
body{
	font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","寰蒋闆呴粦",STHeiti,"鍗庢枃缁嗛粦",sans-serif;
	;'	
}
@media only screen and (min-width: 767px) {
        .wrapper{
            width:1140px;
            margin:0 auto;
            padding:50px 25px;
            box-sizing: border-box;
            overflow: hidden;
        }
        .wrapper_header{
            width:100%;
            height:258px;
            border-bottom:1px solid #dcdcdc
        }
        .wrapper_header_left{
            width:340px;
            height:212px;
            float: left;
        }
        .wrapper_header_left img{
            width:100%;
        }
        .wrapper_header_right{
            width:710px;
            overflow: hidden;
            float: right;
        }
        .wrapper_header_right_title{
            font-size: 20px;
        }
        .wrapper_header_right_mhjj{
            margin-top: 20px;
        }
        .wrapper_header_right_mhjj h3{
            font-weight: bold;
        }
        .wrapper_header_right_mhjj p{
            font-size: 20px;
            line-height: 30px;
            height:60px;
            overflow: hidden;
            margin-top: 20px;
        }
        .wrapper_header_right_btns{
            width:100%;
            height:32px;
            margin-top: 30px;
        }
        .wrapper_header_right_btns_left_btn{
            width:98px;
            height:32px;
            border-radius: 16px;
            background-color: #13ae8d;
            float: left;
            color:#fff;
            line-height: 32px;
            font-size: 16px;
            text-align: center;
            display: block;
            cursor: pointer;
        }
        .wrapper_header_right_share{
            width:70px;
            height:32px;
            background: url(../img/icons_12.png) left 8px no-repeat;
            background-size: 15px 16px;
            float: left;
            text-indent: 18px;
            line-height: 32px;
            font-size: 16px;
            color:#555555;
            margin-left: 290px;
        }
        .wrapper_header_right_zan{
            width:70px;
            height:32px;
            background: url(../img/icons_09.png) left 8px no-repeat;
            background-size: 15px 16px;
            float: left;
            text-indent: 18px;
            line-height: 32px;
            font-size: 16px;
            color:#555555;   
            margin-left: 30px;
        }
        .wrapper_header_right_nums{
            width:70px;
            height:32px;
            background: url(../img/icons_15.png) left 8px no-repeat;
            background-size: 15px 16px;
            float: left;
            text-indent: 18px;
            line-height: 32px;
            font-size: 16px;
            color:#555555;   
            margin-left: 30px;
        }
        .wrapper_content{
            width:100%;
            overflow: hidden;
        }
        .commmon_txt{
            width:100%;
            height: 150px;
            border-bottom:1px solid #dcdcdc;
            overflow: hidden;
        }
        .commmon_txt_left_img{
            width:200px;
            height:115px;
            margin-top:17px;
            margin-left:65px;
            float: left;
        }
        .commmon_txt_left_img img{
            width:100%;
        }
        .commmon_txt_mig{
            width: 320px;
            padding: 50px 10px;
            float: left;
            display: block;
            cursor: pointer;
            margin-left: 200px;
            overflow: hidden;
            font-size: 20px;
        }
        .commmon_txt_hand{
            width:70px;
            height:16px;
            background: url(../img/icons_09.png) left top no-repeat;
            background-size: 15px 16px;
            float: left;
            text-indent: 18px;
            line-height: 16px;
            font-size: 16px;
            color:#555555;   
            margin-top: 70px;
        }
        .commmon_txt_time{
            width:70px;
            height:16px;
            float: left;
            text-indent: 18px;
            line-height: 16px;
            font-size: 16px;
            color:#555555;   
            margin-top: 70px;    
            margin-left: 123px;
        }
}

@media only screen and (max-width: 767px) {
    .wrapper{
        width:100%;
        overflow: hidden;
    }
    .wrapper_header{
        width:100%;
        overflow: hidden;
    }
        .wrapper_header_left{
            width:100%;
            overflow: hidden;
        }
            .wrapper_header_left img{
                width:100%
            }
        .wrapper_header_right{
            width:6.9rem;
            overflow: hidden;       
            margin:0 auto;     
        }
            .wrapper_header_right_title{
                font-size: .3rem;
                margin-top: .3rem;
            }
        .wrapper_header_right_mhjj h3{
            font-weight: normal;
            font-size: .25rem;
            margin-top: .16rem;
            
        }
        .wrapper_header_right_mhjj p{
            line-height: .4rem;
            font-size: 0.3rem;
            margin-top: .3rem;
        }
        .wrapper_header_right_btns{
            width:6.9rem;
            overflow: hidden;    
            line-height: .4rem;
            height:.4rem;
            margin:.15rem auto;
        }
        .wrapper_header_right_btns_left_btn{
            width: 1.2rem;
            height:.4rem;
            font-size: .2rem;
            
            text-align: center;
            border-radius: .2rem;
            display: block;
            background-color: #13ae8d;
            color:#fff;
            float: left;
        }
        .wrapper_header_right_share{
            width:1rem;
            height:.4rem;
            background: url(../img/icons_12.png) left 0 no-repeat;
            background-size: .3rem .32rem;
            text-indent: 18px;
            line-height: .4rem!important;
            font-size: .2rem;
            color:#555555;
            float: left;
            margin-left: 2.3rem;
        }
        .wrapper_header_right_zan{
            width:1.2rem;
            height:.4rem;
            background: url(../img/icons_09.png) left 0 no-repeat;
            background-size: .3rem .32rem;
            text-indent: 18px;
            line-height: .4rem!important;
            font-size: .2rem;
            color:#555555;
            float: left;
            margin-left:0rem;            
        }
        .wrapper_header_right_nums{
            width:1.2rem;
            height:.4rem;
            background: url(../img/icons_15.png) left 0 no-repeat;
            background-size: .3rem .32rem;
            text-indent: 18px;
            line-height: .4rem!important;
            font-size: .2rem;
            color:#555555;
            float: left;
            margin-left:0rem;             
        }
        .wrapper_content{
            width:6.9rem;
            overflow: hidden;
            margin: 0 auto;
        }
        .commmon_txt{
            width:100%;
            height:1.5rem;
            padding:.2rem 0;
            border-bottom:1px solid #dcdcdc;
        }
        .commmon_txt_left_img{
            width:2.35rem;
            height:1.35rem;
            float: left;
        }
        .commmon_txt_left_img img{
            width:100%;
        }
        .commmon_txt_mig{
            width:4.3rem;
            padding:.05rem 0;
            float: right;
            display: block;
            cursor: pointer;
            line-height: .66rem;
            height:.66rem;
            overflow: hidden;
            font-size: .4rem;
        }
        .commmon_txt_hand{
            width:1.4rem;
            height:.32rem;
            background: url(../img/icons_09.png) left top no-repeat;
            background-size: 15px 16px;
            float: right;
            text-indent: .36rem;
            line-height: .32rem;
            font-size: .32rem;
            color:#555555;   
            margin-left: .22rem;
            margin-top: 0.30rem;
        }
        .commmon_txt_time{
            width:1.4rem;
            height:.32rem;
            float: right;
            line-height: .32rem;
            font-size: .32rem;
            color:#555555;   
            margin-right: 1.1rem;
            margin-top: 0.30rem;
        }
}