body{background:#ffffff; color:#333;font-family:Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;font-size: 14px;overflow-y: auto;}
ul,li,ol{list-style: none;}
*{margin:0;padding:0;}
p{color:#333;}
a{color:#333;}
a:active{color:#df3a4b;}
img{
  width:100%;
}
.row {
  /*横*/
    display: -webkit-box;
    display: -webkit-flex; /* Safari */
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.col {/*列*/
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  width: 100%; 
}
.col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; 
}
.col-31{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 31%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 31%;
  -ms-flex: 0 0 31%;
  flex: 0 0 31%;
  max-width: 31%; 
}
.col-46{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 46%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 46%;
  -ms-flex: 0 0 46%;
  flex: 0 0 46%;
  max-width: 46%; 
}
.col-50 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; 
}
html {
    font-size : 20px;
}
@media only screen and (min-width: 401px){
    html {
        font-size: 25px !important;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 26.75px !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 30px !important;
    }
}
@media only screen and (min-width: 569px){
    html {
        font-size: 35px !important;
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 40px !important;
    }
}

/*******************首页**********************/

.mui-inner-wrap{background:#e5e5e5;}
.ms_fnav{text-align: center; z-index: 999;}
.ms_fnav a{font-family: "iconfont"; font-size: 24px; color:#636968;}
.tubiao img{ width:46%; height:auto; margin:6px;}
.ms_flogo img{width:80%;height:auto; margin-top: -15px;}
.mui-bar{box-shadow: 0 0 0; }
.ms_nav{width:100%; padding:15px 0 0; box-sizing: border-box;background:#fff;text-align: center;}
.ms_nav img{width:35%;}
.ms_nav ul:nth-of-type(1){margin-bottom: 0px;}
.ms_photography,.ms_movies,.ms_studio{width:100%;background:#fff; margin-top:20px; padding:20px 10px;box-sizing: border-box;}
.ms_index_banner{width:100%;height:auto;}
.ms_photography h4,.ms_movies h4,.ms_studio h4{font-weight: normal;font-size: 28px; text-align: center; background:url(../images/index_jiantou.png) no-repeat 65% center;background-size: 6%; }
.ms_photography span,.ms_movies span,.ms_studio span{text-align: center; width:100%;display: block; font-size: 12px; color:#999;}
.ms_photography p,.ms_movies p{text-align: center; width:100%;display: block; color:#666;  margin-top: 10px; font-size: 14px;}
.ms_movies p{font-size: 12px;}
.ms_studio{text-align: center; padding-bottom: 35px;}
.ms_studio p{text-align: center;font-size: 14px;color:#202020; margin-bottom:0;}
.ms_studio .ma_studio_p{font-size: 12px; color:#666; margin-top: 0; margin-bottom: 10px;}
.ms_index_list{width:100%;height:auto; overflow: hidden; margin-top: 10px; text-align: center;}
.ms_index_list li{width:49%;float:left; margin-bottom: 20px;}
.ms_index_list li:nth-of-type(2n){float:right;}
.ms_index_list a{color:#454545;font-size: 16px; display: block; position:relative;}
.ms_index_list span{width:100%;height:90%;display: block; background:url(../images/index_vadio.png) no-repeat center; background-size: 25%; position:absolute; top:0;left:0;}
.ms_index_list li img{width:100%;height:auto;}
.index_list_bg{position:fixed;top:0;left:0; width:100%;height:100%;background:rgba(0,0,0,.8); display: none; z-index:4 ;}
.index_video{width:100%;height:50%; position:fixed; top:50%;left:0; background:#000; transform: translateY(-50%); display: none; z-index: 5;}
.index_video video{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); display: block;}
.ms_studio .ms_index_list li{margin-bottom:5px;}
.ms_studio ul{margin-bottom: 30px;}
.ms_studio_num{width:15%;height:auto;}
.mui-table-view{background:#141312; padding-top: 1px; z-index: 999;}
.ms_index_logo{width:50%;height:auto;margin: 15px auto 15px;display: block;}
.mui-table-view-cell>a:not(.mui-btn){color:#9d9d9d;padding: 20px; box-sizing: border-box;}
.index_list a{font-size: 16px;}
.index_list a span{color:#595959; font-size: 12px; display: inline-block; margin-left: 10px;}
.index_list>.mui-navigate-right:not(.mui-btn).mui-active {background-color: #000;}
.index_list_on{background:#000;border-left:5px solid #df3a4b; padding-left: 40px;}
.ms_index_bg{width:100%;height:100%; background:#fff;position:fixed;top:0;left:0;background:rgba(0,0,0,.5); z-index: 3; display: none;}
.ms_index_bg2{width:100%;height:100%; background:#fff;position:fixed;top:0;left:0;background:rgba(0,0,0,.5); z-index: 3; display: none;}
.ms_index_qq,.ms_index_wx,.ms_index_wang{width:100%;height:70%; background:#fff;position:fixed;bottom:0;left:0; text-align: center; overflow-y:auto; z-index: 103; display: none; padding-bottom: 20px;}
.ms_index_qq h6,.ms_index_wang h6{background:#e5e5e5;font-size: 14px;padding:10px 0; margin-top:0; color:#565656; margin-bottom: 10px;}
.ms_index_qq p,.ms_index_wang p{color:#333333;font-size: 16px;}
.ms_index_wx p{margin-top: 10px; font-size: 16px;}
.ms_index_wx b{ background:#e5e5e5; display:block; color:#555; width:100%; height:36px; line-height:36px; font-size:14px; font-weight:100;}
.ms_index_wx .index_erwei{ width:50%;height:auto; margin:0 auto;}
.ms_index_wx .index_shouzhi{width:12%;height:auto;margin:0 auto;}
.ms_index_wx span{display: block; width:100%; text-align: center;}
.ms_index_wx ul{ border-bottom:#eee solid 1px;}
.ms_index_wx ul li{width:25%;margin:2.5%;display:inline-block;}
.ms_index_wx .image{margin-top:15px;}
.ms_index_wx .wechat{border-bottom:1px solid #ececec;padding-bottom:20px;}
.ms_index_wx .title{font-weight: bold;line-height:25px;}
.ms_index_wx .wechat-number{line-height:25px;}
.wxkfimg{ width:100%; height:auto; }
.ms_index_wx button{background-color:#1aad19;border:none;color:#ffffff;margin-top:10px;}
.ms_index_listqq{width:100%;}
.ms_index_listqq li{border-bottom: 1px solid #ccc; padding: 10px 0; margin-bottom: 15px;}
.ms_index_listqq a{color:#868686;}
.ms_index_listqq img{width:25%;height:auto;}
.ms_index_listqq_on{background:#e5e5e5;}
.ms_celan{width:60%;height:100%;background:#141212;position:fixed;top:0;left:-60%;overflow-y: auto; z-index: 2000;transition:all .5s; padding-bottom: 50px;}
.ms_celan .mui-table-view{background:#151412;}
.all{transition:all .5s;}
.ms_celan_on{transform: translateX(100%);}
.all_bg{width:40%;height:100%; background:rgba(0,0,0,.5);position:fixed;right:0;top:0; z-index: 2000; display: none;}
.all_on{transform: translateX(60%);}

/******************客服**************************/
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
    margin:10px 0px;
    margin-bottom:20px;
}
.btn-default:first-child{
    margin-left:10px;
}

.btn-default:hover,.btn-default:active,.btn-default.hover {
    background-color: #e7e7e7;
}
.icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
}
.wxt1, .wxt2, .wxt3, .wxt4, .wxt5, .wxt6, .wxt7, .wxt8, .wxt9, .wxt10, .wxt11, .wxt12 {
    width: 100%;
    height: 64%;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    overflow-y: auto;
    z-index: 108;
    display: none;
    padding-bottom: 20px;
}

.wxt1 img, .wxt2 img, .wxt3 img, .wxt4 img, .wxt5 img, .wxt6 img, .wxt7 img, .wxt8 img, .wxt9 img, .wxt10 img, .wxt11 img, .wxt12 img {
    width: 100%;
    height: auto;
}

.wxx1, .wxx2, .wxx3, .wxx4, .wxx5, .wxx6, .wxx7, .wxx8, .wxx9, .wxx10, .wxx11, .wxx12 {
    display: block;
    background: url(/assets/mobile/images/close.png) no-repeat;
    background-size: 24px auto;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 15px;
}

/*******************详情**********************/
.list_banner{width:100%; background:#fff;}
.list_banner .list_banner{width:100%; height:auto;}
.list_icon,.cation_icon{overflow: hidden; background:#fff;}
.list_icon li,.cation_icon li{float:left; text-align: center; line-height: 40px; color: #999; padding-left:10px;}
.list_icon_in:nth-of-type(1){background:url(../images/yan.png) no-repeat 14% center; background-size:25%;}
.list_icon_in:nth-of-type(2){background:url(../images/like.png) no-repeat 14% center; background-size:20%;}
.list_icon_in:nth-of-type(3){background:url(../images/pic.png) no-repeat 14% center; background-size:20%;}
.list_dizhi{width:100%;background:#fff; margin-top: 15px; padding:15px;}
.list_dizhi li{padding:15px; padding-left:20px; font-size: 14px; position:relative;  letter-spacing:1.5px;}
.list_dizhi li:not(:last-of-type){border-bottom: 1px solid #e5e5e5;}
.list_dizhi span{color:#868686; font-size: 12px;}
.list_ditu{position:absolute; width:4.5%;height:auto; left:0; top:25%;}
.list_listpic{width:100%; background:#fff;}
.list_listpic div img{width:100%;height:auto;max-width:100%;}
.list_sh{width:100%; text-align: center; border-bottom:1px solid #e8e8e8; padding:20px 0;}
.list_sh a{width:50px;height:50px;position:relative;border:1px solid #e8e8e8;display: block; padding:10px; border-radius: 50%; margin:0 auto;}
.list_sh>a:not(.mui-btn).mui-active {background-color: #fff;}
.list_sh img{width:60%;height:auto; position:absolute; top:50%;left:50%; transform: translate(-50%,-50%);}
.list_pic_c{display: none;}
.footpic{width:100%; background:#fff; padding-top: 20px;margin-bottom: 22px; margin-top: 20px;}
.footpic img{width:100%;height:auto;}
.list_next{width:100%;height:50px;line-height: 30px; padding:10px 0; color:#454545;border-top:1px solid #efefef;}
.list_next_l{border-right:1px solid #e8e8e8; text-align: left; padding-left: 45px; box-sizing: border-box;}
.list_next_r{text-align: right; padding-right: 45px; box-sizing: border-box;}
.list_next_color{color:#ee9d00;}

.web-head-go{position:fixed;opacity:0.8;left:15px; top:15px; z-index:33;display:block; width:30px; height:30px;background:url(../images/back.png) no-repeat;background-size:100% 100%;}

/*******************列表**********************/
.list_banner p{border-bottom: 1px solid #e8e8e8; padding:5px 5px 10px; width: 95%; margin:0 auto; font-size: 16px;}
.details_banner{margin-bottom: 20px;}
.details_banner:last-of-type{margin-bottom: 60px;}

/*******************活动页**********************/
.page_banner p{border-bottom: 1px solid #e8e8e8; padding:5px 5px 10px; width: 95%; margin:0 auto; font-size: 16px;}
.page_banner p span{font-size: 12px; color:#868686; line-height: 16px; margin-top: 10px; display: block;}
.page_list{padding:10px;color:#b0b0b0; margin-bottom: 20px;}
.page_list a{color:#b0b0b0;}
.page_list li:nth-of-type(2){text-align: right;}
.page_banner:last-of-type{margin-bottom: 60px;}

/*******************活动详情**********************/
.pagelist_list{width:100%;background:#fff; padding:0 10px; margin-bottom: 44px; padding-bottom: 20px;}
.pagelist_list h4{width:100%;text-align: center; margin:0; font-size: 24px; font-weight: normal;padding:30px 0 20px; border-bottom: 1px solid #e8e8e8; }
.pagelist_list h6{width:100%;text-align:center; font-size: 12px; color:#666; margin-top: 10px; margin-bottom: 30px; }
.pagelist_list p{text-indent: 2em;color:#565656;font-size: 14px; margin-bottom: 20px; text-align:justify}
.pagelist_list img{width:100%; height:auto; margin-bottom: 10px;}

/*******************分类页**********************/
.mui-row.mui-fullscreen>[class*="mui-col-"] {height: 100%;}          
.mui-col-xs-3 {overflow-y:auto;height:100%; position:fixed; left:0; top:0; background:#FFF; z-index:99;}
.mui-col-xs-9 {height:100%; margin-left:25%;}
.mui-col-xs-9 img{ width:100%; height:auto;}
.lazy{ background:url(../images/910x460.gif) no-repeat;}
.mui-segmented-control .mui-control-item {line-height: 48px;width: 100%;}
.left-item {line-height: 48px;width: 100%; display:block; text-align:center;border-bottom: 1px solid #c8c7cc; color:#555;}
.mui-control-content {display: block;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #fff;}
.mui-table-view{z-index: 2; background:#fff;}
.mui-fullscreen{margin-bottom: 44px;}
.mui-segmented-control{background:#fff; color:#333;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{background:#e5e5e5; color:#333;}
.cation_list_l{font-weight: 700; font-size: 16px;}
.cation_list_r{padding-top: 0;}
.cation_list_r_in{width:100%; padding:0; background:#fff;}
.cation_list_r_in a{display:block; position:relative;}
.cation_list_r_in .cation_list_r_pic{width:100%; height:auto;}
.cation_icon_in:nth-of-type(1){background:url(../images/yan.png) no-repeat 14% center; background-size:24%; text-indent:10px;}
.cation_icon_in:nth-of-type(2){background:url(../images/like.png) no-repeat 14% center; background-size:20%;}
.cation_icon_in:nth-of-type(3){background:url(../images/cation_pic.png) no-repeat 22% center; background-size:20%;}
.cation_ys_h5{color:#333;font-size: 16px; margin-left: 10px;}
.cation_ys_p{color:#868686; font-size: 12px;border-bottom: 1px solid #e8e8e8;margin:10px 10px; padding-bottom: 10px;}
.cation_icon .cation_icon_ys{background:url(../images/cation_ys_sh.png) no-repeat 22% center; background-size:20%;}
.cation_ys_bg{width:100%;height:100%;background:rgba(0,0,0,.5); position:fixed; top:0;left:0; z-index: 4; display: none;}
.cation_ys_out{width:100%;height:auto;background:#fff; position:absolute; bottom:0;left:0; z-index: 5;text-align: center; padding-top: 50px; padding-bottom: 60px; display: none;}
.cation_ys_out img{width:50%;height:auto;}
.cation_ys_out ul:nth-of-type(2){margin-top: 20px;}
.cation_play{width:20%;height:auto; position:absolute; top:50%;left:50%; transform: translate(-50%,-50%);}



/*******************关于**********************/
.ui-mobile .ui-page-active{width:100%;min-height:44px;}
#overflow {overflow-x: scroll; overflow-y: hidden;background:#f5f5f5;box-shadow: none;padding: 0 10px; line-height: 44px;}  
#overflow .container div {float: left; float: left;padding:0 15px;}  
.container{border:0; box-shadow: none; width:2000px;}
.container a{text-shadow: none; border:0; background:rgba(0,0,0,0); color:#868686;font-family: "微软雅黑"; font-weight:normal;}
.ui-bar-a{border:0;}
.about_list_on{background:#f48a31;}
.about_list_on a{color:#fff;}
.ui-btn-inner{border:0;} 
.about_content{width:100%;}
.about_content_text{width:100%;background:#fff;padding:30px 10px 20px; color:#666; letter-spacing: 1px;text-align:justify; margin-bottom: 0;}
.about_content_pic{width:100%;position:relative; margin-bottom: 30px;}
.about_content_img{width:100%;height:auto;}
.about_content_title{width:100%;font-size: 20px;position:absolute; top:0; text-align: center;}
.about_content_pic:last-of-type{margin-bottom: 50px;}
.about_content_list{position:relative;}
.about_content_list li{padding:15px; background:#FFF; width:100%; height:100%; margin-bottom:20px;}
.about_content_list li img{ width:100%; height:auto;}
.about_content_list li:not(:first-of-type){display: none;}