﻿@charset "utf-8";
.token { min-height:300px; background:#ffffff url(../images/token/token_banner1.jpg) no-repeat 0 0; padding-bottom:50px; position:relative;}
.frm { height:540px; width:100%;}
.dis { display:none;}
.box { width:960px; overflow:hidden;}
.part1 { height:165px; overflow:hidden;}
.part1 h2 { font-size:16px; line-height:36px; height:36px; color:#ffffff; font-weight:normal; position:relative; padding-right:20px;}
.part1 h2 span { position:absolute; display:block; width:164px; height:46px; margin:0 0 0 -11px; padding:4px 0 0 26px; line-height:46px; background:url(../images/token/why_t.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="//b.qq.com/static/images/index/why_t.png");}
.part1 h2 .qquin { margin-top:4px; float:right; width:400px; text-align:right; font-size:14px; font-weight:normal; font-style:normal; color:#666666;}
.part1 p { color:#5a5d6e; line-height:36px; font-size:14px; padding-left:30px; margin-top:55px;}
.part2 { text-align:left; height:350px; margin-top:50px; overflow:hidden; position:relative;}
.part2 #tips1 { position:absolute; left:580px; top:84px; color:#cccccc}
.part2 #tips2 { position:absolute; left:580px; top:144px; color:#cccccc}
.part2 .text { padding:3px; width:192px; vertical-align:middle; color:#cccccc;}
.part2 .bqq { padding:0 0 0 110px; clear:both; overflow:hidden; text-align:left;}
.part2 .bqq label { float:left; padding-top:0; color:#666666;}
.part2 .bqq label span { display:inline-block; width:128px; height:27px; padding-left:14px; line-height:27px;}
.part2 .bqq p { float:left; padding-left:28px; _padding-left:30px;}
.part2 .pl { padding:0 0 0 110px; margin-top:20px; clear:both; overflow:hidden;}
.part2 .pl .lc { float:left; width:145px; padding-top:19px; color:#666666;}
.part2 .pl .lc span { display:inline-block; width:128px; height:27px; padding-left:14px; line-height:27px;}
.part2 .pl .rc { float:left; width:400px; text-align:left; overflow:hidden; padding-left:20px;}
.part3 { text-align:left; padding:20px 0 0 44px; overflow:hidden; color:#444444;}
.part3 h3 { font-size:16px; line-height:24px;}
.part3 label { font-size:14px; font-weight:bold; margin-left:6px;}
.part3 p { color:#555555; font-size:14px; line-height:26px; padding-left:26px;}
.part3 .level { padding-left:280px; padding-top:20px;}
.part3 .level li { margin-bottom:30px;}
.part3 .level_bnt, .part3 .level_bnt:visited, .part3 .level_bnt:hover,
.token_tips .tips_bnt, .token_tips .tips_bnt:visited, .token_tips .tips_bnt:hover { display:inline-block; width:97px; height:28px; line-height:26px; background:url(../images/token/bnt.png) no-repeat; text-align:center; color:#444444; font-size:14px; font-weight:bold; margin-left:306px;}
.part3 button { width:100px; padding:1px; line-height:18px; font-family:Microsoft YaHei, simsun;}
.token_tips { width:268px; height:150px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -134px; background:url(../images/token/tips.png) no-repeat; z-index:7777;}
.token_tips .tips_bnt, .token_tips .tips_bnt:visited, .token_tips .tips_bnt:hover { margin:0;}
.token_tips .c { height:150px; background:url(../images/token/suc_big.png) no-repeat 30px 30px; padding:40px 0 0 76px;}
.token_tips .c p { color:#444444; font-size:14px; font-weight:bold; margin-bottom:30px;}



