﻿@charset "utf-8";/* 简单流媒体 注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性 http://www.alistapart.com/articles/fluid-images
/*/object, embed, video{max-width: 100%;}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度*/.ie6 img{width:100%;}
.viewport{margin: 0 auto;max-width: 640px;min-width: 300px;}
*{box-sizing: border-box;}
*{margin: 0;padding: 0;}
body{font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;overflow:hidden; min-width:320px;max-width:640px;-webkit-overflow-scrolling: touch;overflow-scrolling: touch; }

ul{ padding:0px; margin:0px;}
ul,ul li{ list-style:none;}
a{ cursor:pointer; text-decoration:none;}
img{ border:0px;}

.mcont{ width:100%; height:100%; float:left;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.mhead {position: fixed;top: 0;width: 100%; height: 4em;  z-index: 999; background:#333333; text-align:center;min-width:320px;max-width:640px;}
.mhead ul { list-style:none;  height:1.25em; line-height:1.25em; display:inline-block;* display:inline;zoom:1; margin-top:1.35em;}
.mhead ul li {float: left;text-align: center; border-right:1px solid #fff;list-style:none; display:block;}
.mhead ul li.n {border-right:0px;}
.mhead ul li a {color: #fff; font-size:1.25em; margin-left:0.3em; margin-right:0.3em;}
.mhead ul li a.on {color: #ff6600;}
.mhead a.logo{ float:left;}
.mhead a.logo img{ height:2.4em; width:auto; float:left; margin-top:0.8em; margin-left:0.8em;}
.mhead a.serach{ float:right;}
.mhead a.serach img{height:1.8em; width:auto; float:left; margin-top:1.1em; margin-right:0.8em;}


.mfooter{position: fixed;bottom: 0;width: 100%; height: 4em;  z-index: 999; background:#333333; text-align:center;min-width:320px;max-width:640px;}
.mfooter ul { list-style:none;  height:1.25em; line-height:1.25em; display:inline-block;* display:inline;zoom:1;margin-top:1.25em; margin-left:0.3em;}
.mfooter ul li {float: left;text-align: center; border-right:1px solid #fff;list-style:none; display:block;}
.mfooter ul li.n {border-right:0px;}
.mfooter ul li a {color: #fff; font-size:1.3125em; margin-left:0.7em; margin-right:0.7em;}
.mfooter ul li a.on {color: #ff6600;}



.mb_banner{width: 100%; float: left; overflow:hidden; margin-top:4em;}
.mb_banner .focus{ width: 100%;height:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.mb_banner .focus .hd{ position:absolute; z-index:1; bottom:1.3em; right:0.8em; text-align:right;  }
.mb_banner .focus .hd ul{ display:inline-block; }
.mb_banner .focus .hd ul li{ display:inline-block; float:left; width:0.6em; height:0.6em; overflow:hidden; background:#fff;color:#fff; border-radius:50%; margin-left:0.3em; }
.mb_banner .focus .hd ul .on{ background:#ff0000;color:#ff0000;}
.mb_banner .focus .bd{ width: 100%; position:relative; z-index:0; }
.mb_banner .focus .bd li img{ width:100%;  height:auto; background:url(/images/loading.gif) center center no-repeat;  }
.mb_banner .focus .bd li span {position:absolute; display:block; min-width:320px;max-width:640px; padding-right:10%;  bottom:0; height: 2.6em;line-height:2.6em; font-size:1.25em; text-indent:0.5em; color:#fff; background:rgba(0,0,0,0.3); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mb_banner .focus .bd li a{ color:#fff; /*-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  取消链接高亮 */  }

.m_tit{width: 100%; height: 4em;line-height:4em; float:left; border-bottom:1px solid #999999; text-align:right; margin-bottom:0.8em;}
.m_tit b{ float:left; font-size:1.25em; color:#333; margin-left:0.5em; display:block;}

.m_tit ul { list-style:none;  height:1.25em; line-height:1.25em; display:inline-block;* display:inline;zoom:1; margin-top:1.375em;}
.m_tit ul li {float: left;text-align: center; border-right:1px solid #333;list-style:none; display:block;}
.m_tit ul li.n {border-right:0px;}
.m_tit ul li a {color: #333; font-size:1.125em; margin-left:0.6em; margin-right:0.6em;}
.m_tit ul li a.on {color: #ff0000;}
.m_tit a.go{ float:right;margin-right:0.5em;margin-top:1.3125em;}
.m_tit a.go img{ height:1.375em;  }
.m_tit span{float:right;font-size:1em;color:#666; margin-right:0.3em;}
.m_tit span i{color:#ff0000;font-style:normal;}

.m_titas{width: 100%; height: 2em;line-height:2em; float:left; margin-bottom:0.2em;text-align:center;}
.m_titas ul { list-style:none;  height:1.25em; line-height:1.25em; display:inline-block;* display:inline;zoom:1;}
.m_titas ul li {float: left;text-align: center; border-right:1px solid #333;list-style:none; display:block;}
.m_titas ul li.n {border-right:0px;}
.m_titas ul li a {color: #333; font-size:1.125em; margin-left:0.6em; margin-right:0.6em;}
.m_titas ul li a.on {color: #ff0000;}

.m_tits{width: 100%; height: 4em; float:left; border-bottom:1px solid #999999; text-align:center; margin-bottom:0.8em; padding-top:1.25em;}
.m_tits a.tt{ display:inline-block;*display:inline;zoom:1;font-size:1.5em; font-weight:bold; color:#333; padding-right:1em;border-right:2px solid #333;}
.m_tits a.tts{display:inline-block;*display:inline;zoom:1;font-size:1.5em; font-weight:bold; color:#333; padding-left:1em;}
.m_tits a.on{color:#ff6600;}

.m_titj{width: 100%; height: 4em; float:left; border-bottom:1px solid #999999; text-align:right; margin-bottom:0.8em;overflow:hidden;}
.m_titj b{ float:left; font-size:1.25em; color:#333;line-height:4.4em; margin-left:0.5em; display:block;}
.m_titj a.go{ float:right;margin-right:0.5em;margin-top:2em;}
.m_titj a.go img{ height:1.375em;  }
.m_titj span{float:right;font-size:1em;color:#666; margin-right:0.3em;line-height:5.2em;display:block;}
.m_titj span i{color:#ff0000;font-style:normal;}

.m_arttj{width: 100%; float: left;}
.m_arttj_o{width: 100%; float: left;}
.m_arttj_ot{position: relative; width: 30%; float: left; margin-bottom: 0.8em; margin-left: 2.5%; overflow: hidden;}
.m_arttj_ot img{width: 100%; height: auto;}
.m_arttj_ot span{display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); height: 2em; line-height: 2em; text-align: center; color: #ff9900; font-size: 0.875em;}
.m_arttj_ol{width: 62%; float: right; margin-right: 2.5%; margin-bottom: 0.8em;}
.m_arttj_ol span.tag{float: right; font-size: 1.125em; color: #ff9900; line-height: 1.35em;}
.m_arttj_ol span.tag img{height: 1.25em; width: auto; float: left; margin-right: 0.2em;}
.m_arttj_ol span.name{float: left; font-size: 1.25em; color: #333; display:block; width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:0.05em;}
.m_arttj_ol p{margin: 0; float: left; font-size: 1.125em; color: #333; display: block; width: 100%; margin-top: 0.5em;}
.m_arttj_ol div{float: left; font-size: 1.125em; color: #666; display: block; width: 100%;margin-top: 0.3em; line-height: 1.3em; min-height: 1.3em; max-height: 3.9em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.m_artroom{width: 100%; float: left;}
.m_artr_r{width: 62%; float: right; margin-right: 2.5%; margin-bottom: 0.8em;height:100%;}

.m_artr_r table{ color: #666666;float: left;width: 100%; min-height:210px;}
.m_artr_r table tr td{width: 100%; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;vertical-align:middle; }
.m_artr_r table tr td a {color: #666;display: block;font-size: 1em;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.m_artr_r ul {color: #666666;float: left;padding: 0;width: 100%;}
.m_artr_r ul li {float: left;height: 26px;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.m_artr_r ul li::before {background: #666 none repeat scroll 0 0;content: "";display: inline-block;float: left;height: 2px;margin-left: 3px;margin-right: 3px;margin-top: 12px;vertical-align: middle; width: 2px;}
.m_artr_r ul li a {color: #666;display: block;float: left;font-size: 1em;width:96%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.m_artr_l{width: 30%; float: left; margin-left: 2.5%;height:100%;}
.m_artr_l div{width: 100%; margin-bottom: 0.8em; overflow: hidden;}
.m_artr_l div a{ display:block; width:100%; float:left;}
.m_artr_l div img{width: 100%; height: auto;}

.m_shop{width: 100%; float: left; margin-bottom: 5em;}

.m_shop_ot{width: 30%; float: left; margin-bottom: 0.8em; margin-left: 2.5%; overflow: hidden;text-align:center;}
.m_shop_ot img{width: 100%; height: auto; float:left;}
.m_shop_ot span.a{color: #666;display: block;float: left;font-size: 1em;width:100%; text-align:center; line-height:1.4em;margin-top:0.3em;}
.m_shop_ot span.b{color: #ff6600;display: block;float: left;font-size: 1em;width:100%;text-align:center; height:1.6em;line-height:1.6em;}
.m_shop_ot a{display:inline-block;*display:inline;zoom:1; width:50%; height:1.8em;margin-top:0.3em; line-height:1.8em;color:#fff;background:#ff6600;border-radius:0.3em;}

.m_tadv{width:100%;float:left;margin-top:4em;}
.m_tadv img{ display:block;width:100%;float:left;}
.m_artfs{width:100%;float:left;height:2.4em; line-height:2.4em; background:#cccccc;color:#fff;font-size:1.125em;text-align:center;}
.m_artfs a{display:block; width:49%;float:left;color:#333333;}
.m_artfs a.on{border-right:1px solid #fff; margin-left:1%;}

.m_artfs a.z{display:block; width:24%;float:left;color:#333333;overflow:hidden;}

.m_artlst{width:100%;float:left;margin-bottom:5em;padding-top:0.8em;}

.m_artlst_ot{width: 30%; float: left; margin-bottom: 0.8em; margin-left: 2.5%; overflow: hidden;text-align:center;}
.m_artlst_ot img{width: 100%; height: auto; float:left;}
.m_artlst_ot div.img {display: block;float: left;width: 100%; overflow:hidden;}
.m_artlst_ot span.ptp{display: block;float: left;width: 100%;height:1.8em;line-height:1.8em; overflow:hidden;color:#ff3300;margin-top:0.3em;background:#cccccc;cursor: pointer;}
.m_artlst_ot span.ztp{display: block;float: left;width: 100%;height:1.8em;line-height:1.8em; overflow:hidden;color:#ff0000;margin-top:0.3em;background:#cccccc;cursor: pointer;}
.m_artlst_ot span.a{color: #ff6600;display: block;float: left;font-size: 1em;width:100%; text-align:center; height:1.6em;line-height:1.6em;margin-top:0.3em;}
.m_artlst_ot span.b{color: #333;display: block;float: left;font-size: 1.25em;width:100%;text-align:center; height:1.6em;line-height:1.6em;margin-bottom:0.3em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.m_artlst_ot span.c{color: #666;display: block;float: left;font-size: 1em;width:100%; text-align:center; height:1.4em;line-height:1.4em;}

.m_artview{position:relative; width:100%; float:left;margin-top:4.5em; text-align:center;}
.m_artview .imgd{width:100%;float:left;}
.m_artview img{width:30%; height:auto;}
.m_artview a.join{ display:block; width:25%; height:2em; line-height:1.8em; border:1px solid #ccc; color:#333;font-size:1.25em;position:absolute;left:0.5em;top:0;}
.m_artview a.gz{ display:block; width:25%; height:2em; line-height:1.8em; border:1px solid #ff3300; background:#ff3300; color:#fff;font-size:1.25em;position:absolute;right:0.5em;top:0;}
.m_artv_na{display:block;width:100%;font-size: 1.375em; color: #333;float:left; height:1.8em;line-height:1.8em;margin-top:0.3em;}
.m_artv_xh{display:block;width:100%;font-size: 1em; color: #333;float:left; height:1.8em;line-height:1.8em;}
.m_artv_qm{display:block;width:100%;font-size: 1em; color: #666;float:left; line-height:1.8em;margin:0px; padding:0 2%;}

.m_artv_fs{width:100%;float:left;height:2.4em; line-height:2.4em; background:#cccccc;font-size:1.25em;text-align:center;margin-top:1em;}
.m_artv_fs a{display:block; width:33%;float:left;color:#ff3300;border-right:1px solid #fff;}
.m_artv_fs a.no{border-right:0px;}
.m_artv_cont{width:100%;float:left;font-size: 1em; color: #666;float:left;line-height:1.8em;margin-top:0.2em;}
.m_artv_cont p{padding:0 2%;}
.m_artv_cont img{ max-width:100%;height:auto;word-wrap: break-word;word-break: normal;}
.m_artv_fc{width:100%;float:left;}

.m_artv_fci{width:47%;float:left;margin-left:2%;}
.m_artv_fci img{width:100%;height:auto;}
.m_artv_fci span{display:block;width:100%;font-size: 1em; color: #666;float:left; height:1.8em;line-height:1.8em;margin-bottom:0.8em;text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.m_artv_ly{width:100%;float:left;padding:0 3%;}
.ma_ly_item{width:100%; float:left; padding:10px 0px; margin-top:10px;}
.ma_ly_itp{width:15%; height:100%; float:left; }
.ma_ly_itpg{width:100%;border-radius:50%;margin-top:0.3em;}
.ma_ly_nc{font-size:1.125em; color:#333; display:block; width:82%; line-height:1.5em; float:right;}
.ma_ly_ac{width:82%; float:right;}
.ma_ly_ac div{display: block; width: 100%; float:left; line-height: 1.5em; font-size: 1em;color: #666;}

.m_artv_xly{width:100%;float:left;margin-bottom:5em;padding:0 3%;height:5em;line-height:4.95em;margin-top:1em;}
.mb_znpl_ly{border:1px solid #999; width:80%;float:left;resize:none;height:5.1em; font-size:1em; color:#333; line-height:1.2em; padding:1%;}
.mb_znpl_lbtn{display:block;width:19.6%;float:left;height: 3.7em;background:#ff3300;text-align:center; font-size:1.375em;border:1px solid #999;border-left:0;float:left;color:#fff;-webkit-appearance:none;}

.m_artdlst{display:block;width:100%;float:left;margin:0; padding:0; margin-bottom:4em;}
.m_artdlst li{ display:block; width:100%;float:left; padding:0 2%; border-bottom:1px solid #999;padding:0.8em 0.6em;}
.m_artdlst li a{ display:block; width:100%; float:left;}
.m_artdlst li b{display:block;width:100%;float:left;font-size:1.125em;color:#333;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_artdlst li div{width:100%;float:left;font-size:1em; color:#666;line-height:1.4em;}
.m_artdlst li p{display:block;width:100%;float:left;font-size:1em;color:#999;margin:0px;text-align:right;line-height:1.8em;}

/*艺术专题*/
.m_artdlst a{ float:left; margin-bottom:0.3em;}
.m_artdlst a img{ display:block; width:100%;}

.m_artlst_b{width:100%;float:left;margin-bottom:7em;text-align:center;}
.m_artlst_b a{display:inline-block;*display:inline;zoom:1;width:60%;height:3em; line-height:3em;font-size:1.25em; background:#ff3300;color:#fff;}

.m_artdtal{width:100%;float:left;margin-bottom:5em;}
.m_artdtal b.title{display:block;width:100%;float:left;font-size:1.125em;color:#333;margin-top:1em;padding:0 2%;font-weight:normal;}
.m_artdtal p.date{display:block;width:100%;float:left;font-size:1em;color:#999;margin:0px;line-height:1.8em;margin-top:0.5em;padding:0 2%;}
.m_artdtal div.cont{width:100%;float:left;font-size:1em; color:#666;line-height:1.8em;margin-top:0.5em;padding:0 2%;}
.m_artdtal div.cont img{max-width:100%; height:auto;}

.m_artdtalz{width:100%;float:left;height:2.4em; line-height:2.4em;font-size:1.125em;text-align:center;margin:1.4em 0;}
.m_artdtalz a{display:block; width:49%;float:left;color:#333333;}

.m_artadd{width:100%;float:left;margin-bottom:7em;padding:0 2%;margin-top:4em;}
.m_artadd span {display:block;width:100%;float:left;font-size:1.125em;color:#333;margin-top:1em;margin-bottom:0.3em;}
.m_artadd span i {font-style:normal;color:#ff0000;}
.m_artadd .arttxt{width:99%;height:3em;border:1px solid #999;float:left;margin-bottom:0.5em; text-indent:0.2em;outline:medium none;}
.m_artadd .arttxtarea{width:99%;height:16em;border:1px solid #999;float:left;margin-bottom:0.5em;resize:none; padding:1%;outline:medium none;}
.m_artadd .arttxtareav{width:99%;height:6em;border:1px solid #999;float:left;margin-bottom:0.5em;resize:none; padding:1%;outline:medium none;}
.m_artadd select {width:99%; height:3em;border:1px solid rgba(0,0,0,0.3);line-height:3em;font-size:1em;color:#333;float:left;}
.m_artadd .imglist{width:100%;float:left;margin-left:-2%;}
.m_artadd .imglist div{position:relative;width:22.5%;margin-left:2%;float:left;margin-bottom:0.6em;}
.m_artadd .imglist div b{display:block;width:1em;height:1em; text-align:center;line-height:0.7em;font-weight:lighter; font-size:1em;background:#cccccc;color:#666;position:absolute;top:-0.3em;right:-0.3em;border-radius:50%;}
.m_artadd .imglist div img{display:block;width:100%;}
.m_artadd .imglist div.imgadd{border:1px solid #ccc;}
.m_artadd .fabiao{display:block;width:100%;float:left;height:3em;line-height:3em;text-align:center;color:#fff;font-size:1.25em;background:#ff3300;margin-top:2em;border:0px;}

.wzimglist{width:100%;float:left;margin-left:-2%;}
.wzimglist div{width:22.5%;margin-left:2%;float:left;margin-bottom:0.6em;}
.wzimglist div img{display:block;width:100%;}

.m_perview{position:relative; width:100%; float:left;text-align:center; background:#99cccc;padding:3em 0;}
.m_perview a.img{display:inline-block;*display:inline;zoom:1;width:30%;border-radius:50%;overflow:hidden;background:#ccc;color:#ff3300;font-size:1.25em; text-align:center;}

.m_perview .imgd{width:100%;float:left;}
.m_perview img{width:100%; height:auto;border-radius:50%;}
.m_artv_qms{display:block;width:100%;font-size: 1em; color: #666;float:left; height:1.8em;line-height:1.8em; margin-top:0.6em;}
.m_perview a.edit{position:absolute;top:3em;right:3em;}
.m_perview a.edit img{width:3em;height:3em;}

.m_person{width:100%; float:left; margin-bottom:7em;}
.m_person table{ width:90%; float:left; margin:0 5%; margin-top:0.6em;}
.m_person table tr td{ width:50%; line-height:2em; font-size:1em; color:#666;}
.m_person table tr td div{ width:100%;}
.m_person table tr td div img{ max-width:100%; height:auto;}
.m_person .gzart{ width:100%; float:left; margin-top:0.6em;}
.m_person .gzart div{ width:15%; float:left; text-align:center; margin-bottom:0.6em; margin-left:7.9%;}
.m_person .gzart div a { display:block; width:100%;}
.m_person .gzart div a img{ width:100%; height:auto; border-radius:50%;}
.m_person .gzart div a span{ font-size:1em; color:#666; margin-top:0.3em;display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.m_person .peryxxc_ul {
    display: block;
    float: left;
    width: 100%;
}
.m_person .peryxxc_ul li {
    border-bottom: 1px solid #cccccc;
    display: block;
    float: left;
    height: 3em;
    line-height: 3em;
    padding: 0 2%;
    width: 100%;
}
.m_person .peryxxc_ul li a {
    color: #333;
    display: block;
    font-size: 1em;
    width: 100%;
}
.m_person .peryxxc_ul li a span{
    color: #333;
    display: block;
    font-size: 1em;
    width: 90%;
    float:left;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.m_person .peryxxc_ul li a img {
    float: right;
    margin-top: 0.9em;
    height:1em;
}





.mb_lst_load {width:100%; float:left; color:#888888; text-align:center; padding:10px 0px;}
.mb_lst_load img{ display:block; width:20px; height:20px; margin:0px auto;}


.yxxc_ul {
    display: block;
    float: left;
    width: 100%;
    margin-bottom:5em;
}
.yxxc_ul li {
    border-bottom: 1px solid #cccccc;
    display: block;
    float: left;
    height: 4em;
    line-height: 4em;
    padding: 0 2%;
    width: 100%;
}
.yxxc_ul li a {
    color: #333;
    display: block;
    font-size: 1.125em;
    width: 100%;
}
.yxxc_ul li a img {
    float: right;
    margin-top: 1.35em;
    height:1em;
    width:0.6em;
}

/**登录、注册**/
.mb_ipt_t{ height:5em; width:100%; line-height:5em; font-size:1em;float:left;}
.mb_ipt_t div.alog{width:49.5%; float:left; text-align:center; color:#333;}
.mb_ipt_t div.on{ color:#009900;}
.mb_ipt_c{ width:100%; float:left;}
.mb_ipt_d{height:4.5em; line-height:4.5em;width:100%; float:left; font-size:1em; background:#fff;color:#333;}
.mb_ipt_d span{display:inline-block; height:100%; width:16%; float:left; text-align:center; color:#fff; }
.mb_ipt_d span img{ width:40%; height:auto;}
.mb_ipt_d input.phonenormal{width:49%; float:left; height:100%; border:0px; outline:medium none;}
.mb_ipt_d input.txtnormal{width:79%; float:left; height:100%; border:0px;outline:medium none;}
.mb_log_btn{ display:block;width:90%; height:3em; color:#666; line-height:3em; font-size:16px; border-radius:0.3em; background:#ccc; margin-left:5%; text-align:center; float:left; cursor:pointer;border:0px;}
.mb_log_btn.on{background:#09bb07; color:#fff;}
.mb_yzm_btn{width:28%; height:3em; line-height:3em; margin-top:0.7em; border-radius:0.2em; background:#ccc; text-align:center; color:#fff; font-size:1em; float:right; margin-right:2%;}
.mb_yzm_btn.on{background: #09bb07;color: #fff;}
.mb_log_bd{width:90%;margin-left:5%; float:left; margin-top:10px; text-align:center;}
.mb_log_bd a.reg{ float:left; color:#09bb07; font-size:14px;}
.mb_log_bd a.fgot{float:right; color:#888; font-size:14px;}
.mb_log_bd a.rgot{ color:#888; font-size:14px;}
.mb_ipt_d input.txtyzm{width:40%; float:left; height:100%; border:0px;outline:medium none;}
.mb_log_gyzm{display:block; width:30%; margin-right:5%; float:right; height:40px; line-height:40px; border:1px solid #09bb07; color:#09bb07; font-size:14px; text-align:center; margin-top:5px; border-radius:20px;}

.regst_tishi{height: 40px; line-height:60px; float: left;color: #888; font-size:12px; margin-left:3%;width:90%;}
.regst_tishi img{ vertical-align:middle; margin-right:5px; margin-top:-2px;}
.regst_tishi.tishi{color: #888;}
.regst_tishi.error{color: #e60012;}
.regst_tishi.ok{ color:#fff;}


.fx-back { width: 100%; display:none; position: absolute; z-index: 5; height: 100%; background: rgba(0,0,0,0.4);}

.fx-modal { bottom: 0; left: 0; overflow: auto; position: fixed; right: 0; text-align: center; top: 0; z-index: 1000; }

.fx-modal-t { color: white; font-family: "微软雅黑",Microsoft YaHei,YaHei,"宋体",Verdana,Arial,Helvetica,sans-serif; font-size: 1.5em; height: auto; line-height: 1.4em; margin-top: 5em; padding: 0; position: absolute; text-align: center; width: 100%; }

.fx-modal img { height: 6.875em; position: fixed; right: 1.5em; top: 0.5em; width: 5em; z-index: 10001; }




.subyxxc_ul {
    display: block;
    float: left;
    width: 100%;
}
.subyxxc_ul li {
    border-bottom: 1px solid #cccccc;
    display: block;
    float: left;
    height: 3em;
    line-height: 3em;
    padding: 0 2%;
    width: 100%;
}
.subyxxc_ul li a {
    color: #333;
    display: block;
    font-size: 1em;
    width: 100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.s_gdList{width:100%; float:left; margin-bottom:7em; margin-top:4em;}
.s_gdList .sgdItem{width:47%; float:left; margin-left:2%;}
.s_gdList .sgdItem img{ display:block; float:left; width:100%; height:auto;}
.s_gdList .sgdItem a{display:block; width:100%; height:2em; line-height:2em; float:left; background:#ff3300; color:#fff; font-size:1.125em; text-align:center;margin-top:0.5em;}
.s_gdList .sgdItem span{display:block; width:100%; line-height:1.4em; text-align:center; margin-top:0.5em; font-size:1em; color:#333; float:left;}
.s_gdList .sgdItem b{ display:block; width:100%; line-height:1.4em; text-align:center; margin-top:0.3em; font-size:1em; color:#ff3300; font-weight:lighter; float:left;}
.s_IrList{width:100%; float:left; margin-bottom:7em; margin-top:4em;} 
.s_IrList div{ width:100%; float:left; padding:1.5em 0; text-align:center; line-height:1.6em; border-bottom:1px solid #999;}
.s_IrList div b{ font-size:1.375em; color:#333; font-weight:normal;}
.s_IrList div span{ font-size:1.125em; color:#333;}
.s_IrList div p{ font-size:1em; color:#666; margin:0;}
.s_IrList div i{ font-style:normal;font-size:1em; color:#ff3300; }

.my_interal{width: 100%; height: 2.6em; background: #ff3300; color: #fff; float: left;line-height: 2.6em; text-align: center; font-size: 1.125em; margin-top: 3.5em;}
.g_Detail{width: 94%; float: left;  margin:0 3%;margin-bottom: 7em;}
.g_DeView{ text-align:center; float:left; width:100%;}
.g_DeView img{ display:block; float:left; width:100%; height:auto;}
.g_DeView a{display:block; width:100%; height:2.4em; line-height:2.4em; float:left; background:#ff3300; color:#fff; font-size:1.125em; text-align:center;margin-top:0.5em;}
.g_DeView span{display:block; width:100%; line-height:1.4em; text-align:left; margin-top:0.5em; font-size:1em; color:#333; float:left;}
.g_DeView b{ display:block; width:100%; line-height:1.4em; text-align:left; margin-top:0.3em; font-size:1em; color:#ff3300; font-weight:lighter; float:left;}

.g_DeDe{ width:100%; float:left; margin-top:0.5em;}
.g_DeDe img{ max-width:100%; height:auto;}


.adree_List{width:100%; float:left; margin-bottom:7em;}
.adree_Item{width:100%; padding:1em 3%; margin-top:1em; float:left; border-bottom:1px solid #ccc; background:#fff; cursor:pointer;}
.adree_Item span{font-size:1.125em; float: right; color:#333;}
.adree_Item b{font-size:1.125em; float: left; color:#333; font-weight:normal;}
.adree_Item p{font-size:1em; float: left; color:#666; display:block; width:100%; line-height:1.6em; margin:0; margin-top:0.6em;}
.adree_Item.on{ background:#3399cc; }
.adree_Item.on span,.adree_Item.on b,.adree_Item.on p{color:#fff;}


.per_rec{width:100%; float:left; margin-bottom:7em;}
.per_rec div.item{width:100%; float:left; border-bottom:1px solid #ccc; padding:1em 2%;}
.per_rec div.item b{display:block; float:left; width:100%; font-size:1.25em; font-weight:normal; color:#333; line-height:1.6em;}
.per_rec div.item p{ display:block; float:left; width:100%; font-size:1em;  color:#999; margin:0;line-height:1.6em;}
.per_rec div.item span{display:block; float:left; font-size:1em; color:#999;}
.per_rec div.item span s{text-decoration:none; color:#ff3300;line-height:1.6em;}
.per_rec div.item i{display:block;font-style:normal;font-size:1em; color:#999; float:right;line-height:1.6em;}


/*-----*支付页面*------strat*/
.w_pinfo { height: auto; margin-top: 12px; text-align: center; width: 100%; }

.w_info { }

.w_money { font-size: 25px; }

.w_hide { display: none; }

.w_pinfo_d { width: 100%; text-align: center; }

.wx_skf { background-color: white; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; font-size: 15px; height: 45px; line-height: 45px; padding: 0 8px; }

.wx_skf_l { color: #999999; float: left; }

.wx_skf_r { float: right; }

.wx_yepay { margin-top: 0.2em; }

.wx_wxpay { margin-bottom: 10px; margin-top: 2px; }

.psep_b { display: block; margin-bottom: 12px; margin-top: 12px; padding: 2px; }
.psep_b, .psep-b-type, .psep-hx {
    position:fixed;
    bottom:0px;
    padding:0.6em;
    margin:0;
    width:100%;
   background-color:white;
}
.rd_wrapper.pb-hx {padding-bottom:4.4em}
.btn_wn { background-color: #f6851f; border: medium none; border-radius: 0.3em; color: white; cursor: pointer; display: block; font-size: 0.9em; height: 3em; letter-spacing: 0.05em; line-height: 3em; outline: medium none; text-align: center; width: 100%; }
.btn_wn1 { background-color: #1aad19;
    border: medium none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 17px;
    height: 45px;
    letter-spacing: 1px;
    line-height: 45px;
    outline: medium none;
    text-align: center;
    width: 100%;-webkit-appearance:none; }
.plt-20 {
    padding-left:10px !important;
    padding-right:10px !important;
}
/*-----*支付页面*------end*/
/*-----*支付成功页面*------strat*/
.orderlm { height: auto; line-height: 4em; margin: 0 auto; overflow: hidden; padding: 2em 0; text-align: center; width: 100%; }

.overorder { height: auto; margin: 0 auto; overflow: hidden; text-align: center; width: 80%; }

.overorder li { float: left; height: 100%; margin: 0 auto; text-align: center; width: 50%; }

.overorder li a { background-color: #f52f30; border-radius: 0.4em; color: #fff; display: block; height: 2.5em; line-height: 2.5em; margin: 0 auto; text-align: center; width: 7em; }
/*-----*支付成功页面*------end*/


#gave-box{

	width:250px; height:285px; background:url(/images/gave.png) no-repeat; background-size:250px; position:absolute; left:50%; margin-left:-125px; top:30px;

}

#gave-text{

	padding:110px 30px 0; height:116px; zoom:1;

}

#gave-text p{

	padding:5px; background-color:#fff; border-left:1px solid #cccccc; border-right:1px solid #efefef; border-top: 1px solid #cccccc; border-bottom: 1px solid #e9e9e9; overflow:hidden 

}

.gave-input{

	width:100%; height:20px; line-height:20px; font-size:14px; background-color:#fff; border:none; margin:0; padding:0; overflow:hidden;

}

#gave-sub{

	width:130px; height:33px; margin:16px auto;cursor:pointer;position:absolute;bottom:11px;left:60px;

}

#gave-close{

	width:100%; height:50px; position:absolute; left:0; top:0; z-index:2; display:block;cursor:pointer;

}