﻿div img{ max-width:250px; width:exPRession(document.body.clientWidth>250?"250px":"auto"); overflow:hidden;}
 * { word-wrap:break-word; word-break:break-all; }body,div,p,a,table,textarea,form,img,ul,li{ margin:0; padding:0; border:0;}
 body{ font-size:16px; margin:0 auto;}
 li{ list-style:none; text-indent:0;}
 em{color: #9B9B9B;font-size:16px}
 a{ text-decoration:none; color:#004299;}
 .main {line-height:1.6em; font-size:14px;margin:0 auto; background:#fff; margin-bottom:0px; max-width:800px;box-shadow:0 0 15px #ccc;}
 .wid{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
 'textarea{font-size:14px;width:98%;margin:0 0 5px 0;border:1px solid #2e9cd3;}
 input{padding:2px;border:1px solid #2e9cd3;background-color: #FFFFFF;border-radius:4px;max-width:100%;}
 select{padding:2px;border:1px solid #2e9cd3;background-color: #FFFFFF;border-radius:4px;max-width:100%;}
 textarea{padding:2px;border:1px solid #2e9cd3;background-color: #FFFFFF;border-radius:4px;width:98%; no-repeat;}
 .user-info{ padding:3px 5px;}
 .user-info a{ padding-right:1px;}
 .user-info img{ margin-right:1px; vertical-align:middle;} 
 #footer{ padding:5px; background:#E3EEF8; border-top:1px solid #9FC6EC;}
 #footer a{ color:#0051A4;}
 .txt-fade{ color:#999; font-size:15px;}
 .txt-bold{ font-weight:bold;}
 .txt-slim{ font-weight:300;}
 .txt-emphasis{ color:#B1761A;}
 .txt-big{font-size:15px;}
 .txt-small{font-size:15px;} 

 .spacing-3{ padding-top:1px; padding-bottom:1px;}
 .spacing-5{ padding-top:2px; padding-bottom:2px;}
 .ipt-btn-gray-m{ width:60px; height:20px; border:none; background:url(../images/btn_m_gray.gif) no-repeat;}
 .tab-5{ padding-left:5px; padding-right:5px;}
 .border-btm{ border-bottom:1px solid #E3E6EB;}
 .nick{color:#004299;font-size:16px}
 .crumb-nav{ height:25px; padding:0 5px; background:#71afe3 url( http://113.17.185.186/images/qzone /wap2/skins/bg_navbar.gif) repeat-x; line-height:25px; color:#fff;}
 .crumb-nav a{ color:#fff;}
 .bottom-crumb-nav{ padding:0 5px; line-height:1.3;}
 .tab-nav{font-weight:bold;border-bottom:4px solid #9FC6EC;padding:5px 0 0 5px;}
 .module-content{ line-height:1.3; padding:3px 5px; word-wrap:break-word;}
 .module-content img{ margin-right:2px; vertical-align:middle;}

 .module-title{ padding:0 0 0 5px; height:1px; line-height:1px; border-bottom:4px solid #9FC6EC; color:#000; font-weight:bold;}
 .module-title a{ color:#0051A4;}
 .note{ background:#FFF9B7; border-bottom:1px solid #9FC6EC;}
 .deep{ background:#E3EEF8; border:0px solid #9FC6EC; border-left:none; border-right:none;}
 .tx{ line-height:1.3; padding:3px 5px; word-wrap:break-word;}
 .tx img{ height:32px; width:32px; margin-right:2px; border:2px solid #62e4f3; vertical-align:top; }
 .ta-border {font-size: 16px;width: 98%;height: 45px;margin: 0 0 5px 0;border: 1px solid #9FC6EC;}
 .input-border {font-size: 16px;width: 98%;border: 1px solid #9FC6EC;}
 .seperate{ margin:0 3px;}
 .box{padding: 3px;border: 1px solid #2e9cd3;background-color: #FFFFFF;color: #000000;margin: auto;text-align: left;word-break: break-all;word-wrap: break-word;border-radius: 5px;}
 .write-mood{ padding:5px; background:#e4eff9; line-height:1.5; border-top:1px solid #9FC6EC; border-bottom:1px solid #9FC6EC;}
 .login-tips{ background:#FFF9B7; padding:3px 5px; border-bottom:1px solid #ccc; line-height:1.5;}
 .login-tips img{ margin-right:2px; vertical-align:middle;}
 .login-tips span{ margin-left:14px;}
/*页面广告*/
.ad001{padding-left:5px;line-height:20px;font-size:12px;}
.ad001 a{color:#ff0000;}
/*页面广播*/
.radio{padding-left:5px;background:#FFF9B7;border-bottom:1px solid #9FC6EC;}
/*页面导航*/
.nav01{height:25px;padding:0 5px;background:#71afe3 url("../images/title_nav.gif") repeat-x;line-height:25px;color:#fff;}
.nav01 a{color:#fff;}
/*标题导航*/
.title{padding-left:2px;line-height:20px;border-bottom:1px solid #9FC6EC;}
.title a{color:#0051A4;}
/*页面名称*/
.pname{padding-left:3px;line-height:20px;border-bottom:2px solid #9FC6EC;color:#000;font-weight:bold;}
.pname a{color:#0051A4;}
/*页面内容*/
.ptext{line-height:1.3;padding:3px 5px;word-wrap:break-word;}
.ptext img{margin-right:2px;vertical-align:middle;}
/*页面分页*/
.ppage{padding-left:2px;border:#a5cae4 1px solid;background:#f0f7fc;}
.ppage a{color:#0051A4;}
/*页面列表*/
.plist{line-height:1.3;word-wrap:break-word;}
.plist .row01{border-bottom:1px solid #F2F2F2;background:#FCFCFC;}
.plist .row02{border-bottom:1px solid #F2F2F2;background:#E3EEF8;}
/*页面内容*/
.pcont{line-height:1.3;padding-left:2px;}
.pcont a{color:#0051A4;}
/*底部导航*/
 
.footer{padding:5px;background:#F5FFFA;border-top:1px solid #9FC6EC;}
.footer p{line-height:18px;color:#515151;}
.footer p a{color:#0051A4;}
.footer .version a{color:#004299;}
/*顶部导航*/
.tnav{width:100%;background:url("../images/topbg.gif") repeat-x;height:33px;padding-top:2px;top:0;left:0;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));z-index:99999;}
.tnav .wnav{width:980px;margin:0px auto;}
.tnav .wnav .left{width:300px;float:left;line-height:33px;_padding-top:5px;}
.tnav .wnav .right{width:630px;float:right;text-align:right;line-height:31px;_margin-top:9px;_line-height:22px;}
.tnav .wnav .right a{padding:0px 2px;color:#369;}
.tnm35{margin:35px 0 0}
.asnwers{ font-size:15px; color:#ddd;line-height:24px; padding:6px 5px; clear:both; height:20px;}
.Rt{ font-size:15px; padding-right:5px; float:right; color:#8B8B8B;}


.Lt{ font-size:14px; padding-left:1px; float:left; color:#FF0000;}
.Lta{ font-size:13px; padding-left:1px; float:right; color:#8B8B8B;}
.kykz{ border:1px solid #ededed; background-color:#eee; margin:5px 20px; text-align:center;border-radius:2px;}
.xzt{color:#A7A7A7; font-size:12px;}
.z_header { height:41px; line-height: 41px; background:#4c95e7; color:#fff; border-bottom:3px solid #fff;  padding-left:5px; padding-right:5px; color:#fff; }
.z_header a { color:#fff; width: 20%; display: inline-block; text-align: center; overflow:hidden; } 
.d_header { height:41px; line-height: 41px; background:#4c95e7; color:#fff; border-top:3px solid #fff;  border-bottom:3px solid #fff;  padding-left:5px; padding-right:5px; color:#fff; }
.d_header a { color:#fff; width: 20%; display: inline-block; text-align: center; overflow:hidden; }
.footers {background:#4c95e7; text-align:center; height:30px; line-height:30px; color:#fff;}
.footers a {color:#fff; margin:0 5px; }


.q_repconbox{ background: ; border:solid 1px #ccc; border-radius:10px; width:95%; position:relative; height:auto; float:left; margin-top:5px;
padding:8px; font-size:18px;}


ea {border-style: solid; width: 0; height: 0; position: absolute;}
.fr_ary_top { display: inline-block; border-width: 0 5px 5px; border-color: transparent transparent #CCC; top: -9px; left:26px;}
.fr_ary_top2 { display: inline-block; border-color: transparent transparent #F1F1F1; border-width: 0 7px 7px; top: -7px; left:21px;z-index: 100; }

 .urlbtn {background-color: #F5F5F5; padding: 1px; margin: 1px; border-radius:3px; transition: 0.1s; border: 1px solid #999999; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5));} 


.q_repcon{ background: ; border:solid 1px #ccc; border-radius:10px; width:95%; position:relative; height:auto; float:right; margin-top:5px;
padding:8px; font-size:18px;}
ee {border-style: solid; width: 0; height: 0; position: absolute;}
.fr_ary_topa { display: inline-block; border-width: 0 5px 5px; border-color: transparent transparent #CCC; top: -8px; right:20px;}
.fr_ary_topb { display: inline-block; border-color: transparent transparent #F1F1F1; border-width: 0 7px 7px; top: -7px; right:21px;z-index: 100; }




.ji{ float:left; margin:5px 10px 0 0; border:1px solid #2e9cd3; border-radius:24px; padding:0 10px; font-size:12px; color:#2e9cd3;}
.boxx{padding: 3px;border: 1px solid #d9d9d9;background-color: #FFFFFF;color: #000000;margin: auto;text-align: left;word-break: break-all;word-wrap: break-word;border-radius: 5px;}
.boxxx{padding: 3px;border: 1px solid #2e9cd3;background-color: #FFFFFF;color: #000000;margin: auto;text-align: left;word-break: break-all;word-wrap: break-word;border-radius: 5px;}
.ptext{line-height:1.3;padding:3px 5px;word-wrap:break-word;}
.ptext img{margin-right:2px;vertical-align:middle;}


 

/*图标*/
.logo{padding:5px 0 0 10px;background:#fff;}

/*页头*/
.header{background:url("../images/header.gif") repeat-x;height:22px;line-height:22px;}

/*页脚*/
.footer{padding:5px;background:#F5FFFA;border-top:1px solid #9FC6EC;}
.footer p{line-height:22px;color:#515151;}
.footer p a{color:#0051A4;}
.footer .version a{color:#004299;}

/*列表*/
.list{line-height:1.6;}
.list a{color:#0051A4;}
.list img{margin-right:2px;vertical-align:middle;}
.list .row{padding:3px;border-bottom:1px solid #E3E6EB;}
.list .row form{margin:0px;display: inline}

/*导航*/
.bar{height:25px;padding:0 5px;background:#71afe3 url("../images/bar.gif") repeat-x;line-height:25px;color:#fff;}
.bar a{color:#fff;}

/*广告*/
.ad{padding-left:5px;line-height:20px;font-size:12px;}
.ad a{color:#ff0000;}

/*广播*/
.note{background:#FFF9B7;border-bottom:1px solid #9FC6EC;}
.radio{padding-left:5px;background:#FFF9B7;border-bottom:1px solid #9FC6EC;}

/*文本*/
.text{line-height:1.3;padding:3px 5px;word-wrap:break-word;}
.text img{max-width:100%;margin-right:2px;vertical-align:middle;}

/*项目*/
.item{line-height:1.3;padding-left:2px;}
.item a{color:#0051A4;}
  
/*名称*/
.name{padding-left:3px;line-height:20px;border-bottom:2px solid #9FC6EC;color:#000;font-weight:bold;}
.name a{color:#0051A4;}

/*标题*/
.title{padding-left:2px;line-height:20px;border-bottom:1px solid #9FC6EC;}
.title a{color:#0051A4;}

/*常见*/
.line{margin:2px 0 1px;padding:0 5px;border:1px solid #9FC6EC;}
.width{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.deep{background:#E3EEF8;border:1px solid #9FC6EC;border-left:none;border-right:none;}


        .mask{
            background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,
            #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);
            color: transparent; /*文字填充色为透明*/
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/
            background-size: 200% 100%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/
            /* 动画 */
            animation: masked-animation 4s infinite linear;
        }
        @keyframes masked-animation {
            0% {
                background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/
            }
            100% {
                background-position: -100% 0;
            }
        }

        .ma{
            background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,
            #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);
            color: transparent; /*文字填充色为透明*/
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/
            background-size: 60% 30%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/
        }
        @keyframes masked-animation {
            0% {
                background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/
            }
            100% {
                background-position: -50% 0;
            }
        }
rames masked-animation {
            0% {
                background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/
            }
            100% {
                background-position: -50% 0;
            }
        }
