body,div,p,a,table,textarea,form,input,img,ul,li{ margin:0; padding:0;}
body{font-size:17px;margin:4px;line-height:1.5;}
a{text-decoration:none; color:#a40087;}
textarea:focus, input:focus{
    outline: 0;
}
li{ list-style:none; text-indent:0;}
em{color: #9B9B9B;}
.note{ background:#FFF9B7; border-bottom:1px solid #9FC6EC;}
   /*改颜色*/
.deep{ background:#EBF5F6; border:1px solid #C5E6DF; border-left:none; border-right:none;}
.kk{text-shadow: 5px 5px 5px gray;line-height:30px;padding: 4px 4px;font-size: 14px;box-shadow: 0 0 15px 1px #C5E6DF;background: url(/image/bg2.gif) repeat-x;}
.ta-border{ font-size:13px; width:98%; height:30px; margin:0 0 5px 0; border:1px solid #C5E6DF;}

.margin-b-5 {
	margin-bottom: 5px;
}

      /*修改区*/
.kp{line-height:1.3;padding:3px 5px;word-wrap:break-word;}
	.kp img{max-width:100%;margin-right:0px;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{max-width:100px;margin-right:0px;vertical-align:middle;}
   /*改颜色*/
.list .row{padding:3px;border-bottom:1px solid #C5E6DF;}
.list .row form{margin:0px;display: inline}
textarea{font-size:13px;width:99%;margin:0 0 0px 0;border:1px solid #C5E6DF;}
.kk{text-shadow: 5px 5px 5px gray;line-height:30px;padding: 4px 4px;font-size: 14px;box-shadow: 0 0 15px 1px #C5E6DF;background: url(/image/bg2.gif) repeat-x;}

select{background-color: #fff;border: 1px solid #C5E6DF;font-size: 13px;vertical-align: -1px;}
input[type=text] {height:18px;margin:0 3px 0 0;border:1px solid #C5E6DF;}

.aa{padding: 3px;background-color:#C5E6DF;font-weight:bold;}
.aa a{color:#ff0000;}



/*导航改图？*/
.bar{ height:22px; padding:0 3px; background:#C5E6DF url(/images/style/3_navbar.gif) repeat-x; line-height:22px; color:#fff;}
.bai{background:#C5E6DF url(/images/style/3_navbar.gif) repeat-x; color:#fff;line-height:30px;padding: 4px 4px;border-radius:50px;font-size: 14px;}
.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 #C5E6DF;color:#000;font-weight:bold;}
.name a{color:#0051A4;}

/*标题改颜色*/
.title{padding-left:2px;line-height:20px;border-bottom:1px solid #C5E6DF;}

.title a{color:#0051A4;}

/*常见改颜色？*/
.line{margin:2px 0 1px;padding:0 5px;border:1px solid #C5E6DF;}

.width{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}

     /*结束*/



.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));} 

.margin-b-10 {
	margin-bottom: 10px;
}

.user-info{ padding:3px 5px;}
	.user-info a{ padding-right:1px;}
	.user-info img{ margin-right:1px; vertical-align:middle;}


#footer{ padding:5px; background:#EBF5F6; border-top:1px solid #C5E6DF;}
	#footer a{ color:#0051A4;}

a{ text-decoration:none; color:#004299;}
hr{border:1px solid #C5E6DF;}
.ipt-txt{ height:18px; margin:0 3px 0 0; border:1px solid #b1d5e5;}
.ipt-s{ width:40px;}
.seperate{ margin:0 2px;}

.ipt-btn-gray-s{ width:40px; height:20px; border:none; background:url(/images/style/3_btn_s.gif) no-repeat;color:#fff;}
.ipt-btn-gray-m{ width:60px; height:20px; border:none; background:url(/images/style/3_btn_m.gif) no-repeat;color:#fff;}
.ipt-btn-gray-l{ width:80px; height:20px; border:none; background:url(/images/style/3_btn_l.gif) no-repeat;color:#fff;}

.module-line{ margin:8px 0 2px; padding:0 5px; height:20px; line-height:20px; border-bottom:4px solid #C5E6DF; color:#000;padding-bottom: 2px; }
.module-mContent{line-height:1.2;margin:1px 1px 1px 2px; border:1px solid #C5E6DF; border-radius: 3.5px / 3.5px; padding-left: 2px;margin-bottom:18px;padding-bottom: 3px;padding-top:3px;  }


/*改颜色*/
.module-title{ margin:20px 0 2px; padding:0 5px; height:20px; line-height:20px; border-bottom:4px solid #C5E6DF; color:#000; font-weight:bold;padding-bottom: 2px;}


.module-title a{ color:#0051A4;}
.module-title img{padding-right:5px;}
	.module-title span{ font-weight:normal; font-size:17px; margin:0 0 0 10px;}
	.module-title span a{ color:#0051A4;}
.forum-title{ margin:8px 0 2px; padding:0 5px; height:20px,auto; line-height:20px; color:#000; font-weight:bold;}
.module-content{ line-height:1.5}
	.module-content a{ color:#0051A4;}
.list{ padding:0 5px; line-height:1.3;}

.module-page{ padding:5px;}


.crumb-nav{ height:22px; padding:0 3px; background:#71afe3 url(/images/style/3_navbar.gif) repeat-x; line-height:22px; color:#fff;}
.crumb-nav a{ color:#fff;}
.crumb-nav .current {color: #98d2ff;}

.bottom-crumb-nav{ padding:0 5px; border-top:1px solid #eee; line-height:1.3;}
.bottom-crumb-nav-sim{ padding:0 5px; line-height:1.3;}

.bottom-module{ padding:5px; line-height:1.3;}


.crumb-nav-large{ height:25px; padding:0 5px; background:#71afe3 url(/images/style/3_navbar.gif) repeat-x; line-height:25px; color:#fff;}
.crumb-nav-large a{ color:#fff;}
.crumb-nav-large .current {color: #98d2ff;}


.txt-fade{ color:#999; font-size:13px;}
.txt-bold{ font-weight:bold;}
.txt-slim{ font-weight:300;}
.txt-emphasis{ color:#B1761A;}

 .spacing-3{ padding-top:3px; padding-bottom:3px;} 
.spacing-5{ padding-top:5px; padding-bottom:5px;}

.tab-5{ padding-left:5px; padding-right:5px;}
.tab-10{ padding-left:10px; padding-right:10px;}

.border-btm{ border-bottom:1px solid #E3E6EB;}

.tips{ background:#FFF2BD; border-top: 1px solid #ffd56a; border-bottom: 1px solid #ffd56a; line-height: 1.15; padding: 3px 5px; color: #738698;}
.tips p{ padding:0 0 0 14px; background:url(http://3gimg.qq.com/info/wap2.0/page_index/bg_module_content_list_dot_01.gif) 4px 9px no-repeat;} 
.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;}
.annc-border{ border-bottom:1px solid #ccc;}

.user-title{ margin-top:5px; padding:5px; font-weight:bold;}
.user-stat{ padding:5px; background:#e4eff9; line-height:1.5;}

.write-mood{ padding:3px; background:#EBF5F6; line-height:1.5; border-top:1px solid #C5E6DF; border-bottom:1px solid #C5E6DF;}

.tool-box{ background-color:#f0f0f0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; line-height: 1.3; padding: 3px 5px; color: #FFAA22;}

.ipt-nick{ width:120px;}
.ipt-y{ width:40px; text-align:center;}
.ipt-m, .ipt-d{ width:20px; text-align:center;}
.ipt-intro{ width:180px;}
.input-border {font-size: 13px;width: 98%;border: 1px solid #C5E6DF;}
.msg_tail { text-align: right; }

.nav01{ height:auto; line-height:24px; padding:0 0 0 12px; background:#F0F0F0 url(http://3gimg.qq.com:8080/info/wap2.0/chl_common/bg_module_title.png) repeat-x; color:#4C4C4C;}

.tab-nav{font-weight:bold; border-bottom:4px solid #C5E6DF; padding:5px 0 0 5px;}

.radius{
width: 40px;
height: 40px;
border-radius: 50%;
}

.radiusa{
width: 60px;
height: 60px;
border-radius: 20%;
}


.radiusb{
width: 100px;
height: 120px;
border-radius: 30%;
}
.radiusc{
width: 120px;
height: 140px;
border-radius: 30%;
}
.gray{
filter:gray;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
.headFrame{
	width:80px;
	height:80px;
	position:absolute;
	left:-20px;
	top:-20px;
}
.table_pattern{
    margin: 15px 10px 5px 10px;
}
.msg_pattern{
	margin: 3px 0 0 15px;
}
.spIcon{
/*     width: 15px;
    height: 15px;
    position: relative;
    left: -15px;
    z-index: 1; */
    width: 15px;
    height: 15px;
    position: absolute;
    left: 25px;
    top: 30px;
    float: right;
    z-index: 1;
}

.message-chat span.usertx img{width:40px;height:40px;border-radius:50%;display:inline-block}
.message-chat span.userlm{position:absolute;left: 1px;}
.message-chat span.userrm{position:absolute;right: 1px;}
.message-chat span.date{float: right;  font-size: 12px;  color: #F5F5F5;  line-height: 20px;  border-radius: 2px;  padding: 2px;  width: 100%;  text-align: right;}
.message-chat span.dl{color:#575757}

   .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;
            }
        }
00% {
                background-position: -50% 0;
            }
        }
