@charset "utf-8";

img{ border:none;padding:0; margin:0; display:block; margin:0 auto}
.clearfix:before,.clearfix:after{content:'';display: table;}
.clearfix:after{clear: both;}
.clearfix,.right_li{*zoom: 1;}
.cY{ color:#F27330;}
.cR{ color:#F81321;}
.fb{ font-weight:bold;}
.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align: right;}
input{ outline:none;}

.page{ margin:0 auto; text-align:left;}

.yw_logo{ padding:20px 0; padding-left:10px; }
.footer{ height:80px;}



.yw_top{border-bottom:1px solid #ADADAD; text-align:center; background: url(../images/top-bg.png) repeat-x;}

.user_ct{ width:990px; margin:auto; padding:30px 0;}
.user_ct_top{ background:#FA2828; border-radius:6px 0 0 0;}
.user_ct_top_left{ float:left; width:190px; color:#fff;}
.user_ct_top_left h2{ font-size:28px; font-family:"微软雅黑"; font-weight:normal; margin:36px 0 0 40px}
.user_ct_top_left p{ margin:5px 0 0 40px}
.user_ct_top_right{ float:right;width:800px; background:#403F3D; height:135px;}
.user_ct_top_right li{ float:left;}
.user_header_img{ position:relative; height:135px; width:140px;}
.user_header_img img{ position:absolute; z-index:1; top:26px; left:40px;}
.user_header_img span{ position:absolute; z-index:2; top:90px; left:40px;background:#22C29B; border:1px solid #1CE1D8; display: inline-block;}
.user_info{ padding:24px 0 0 0; width:245px;}
.user_info .user_name{ font-size:20px; color:#fff; margin-right:15px;}
.user_ct_top_right .cb2{ color:#B2CBEB;}
.user_info p{ line-height:170%; color:#BABABA;}
.user_info p.ps{ padding-top:10px;}
.user_info a.ch{ color:#DDDDDD;}
.user_acc{ width:270px; padding-top:26px; line-height:180%;}
.acc_info{ border-left:1px solid #2B2F3B; color:#B9B9B9; padding-left:25px;}

.renwu{ padding:11px 0 0 16px;}
.renwu a{ background:url(../images/renwu.png) no-repeat; width:115px; height:115px; display:block;}

.rank_1,.rank_2,.rank_3{ background:url(../images/user-icon.jpg) no-repeat; height:10px; width:97px; display:inline-block; vertical-align:middle; margin-left:5px}
.rank_2{ background-position:0 -13px;}
.rank_3{ background-position:0 -26px;}


.user_main{ background:#F4F4F4;}
.user_main:after{content:'';display: table;clear: both;}
.user_left{ float:left; width:190px; padding-bottom:15px;}
.user_left ul{padding:20px 0;}
.user_left li{ font-size:14px; color:#545454;  font-weight:bold; padding:10px 20px 10px 28px; cursor:pointer;}
.user_left li.on,.user_left li:hover{ color:#FF6500;}
.user_left li i{ margin-right:10px;}

.user_ico1,.user_ico2,.user_ico3,.user_ico4,.user_ico5,.user_ico6,.user_ico7{ background:url(../images/user-icon2.jpg) no-repeat; display:inline-block; width:24px; height:24px; vertical-align:middle;}
.user_ico1{ background-position: 0 0;}
.user_ico2{ background-position: -30px 0px;}
.user_ico3{ background-position: -60px 0px;}
.user_ico4{ background-position: -90px 0px;}
.user_ico5{ background-position: 0 -30px;}
.user_ico6{ background-position: -30px -30px;}
.user_ico7{ background-position: -60px -30px;}

.user_right{ background:#fff; float:right; width:780px; min-height:600px; padding:20px 0 0 20px; _padding:20px 0 0 10px; }
.user_title{font-size:20px; font-weight:normal; margin-bottom:20px; color:#222222; height:30px; line-height:30px; font-family:Microsoft Yahei}
.user_title_sub{float: left;height: 30px;line-height: 30px;color: #999; font-size:12px; padding-left:10px;}

.user_game_list li{ border:1px solid #EEEEEE;border-left-color:#FF966F; background:#FAFAFA; padding:10px; margin-bottom:10px; }
.user_game_list li:after{content:'';display: table;clear: both;}

.user_game_img{ float:left; width:62px;}
.user_game_info{ float:left; width:570px; margin-left:10px;}
.user_game_link{float:right; width:100px; padding-top:15px;}

.user_game_btn1{ background:url(../images/user-icon.jpg) no-repeat 0 -39px; width:83px; height:24px; display:block; overflow:hidden; line-height:200px;}
.user_game_info h3{ color:#333333; font-size:14px; line-height:22px; padding-bottom:5px;}
.user_game_info span{ display:inline-block; width:100px;}
.user_main .cb2{ color:#00468C;}
.user_main .cg2{ color:#228C00}
.user_main .ch2{ color:#AAAAAA}
.list_icon{ height: 3px;width: 3px;background:#BEC1CA;text-align: center;margin-right: 7px;font-size: 0;display: inline-block;
    zoom: 1; vertical-align: middle;}

.user_more_game{ display:block; clear:both; padding-top:10px;}
.user_more_game table{ width:100%; border:1px solid #E5E5E5; border-bottom:none;}
.user_more_game table td{ border-bottom:1px solid #E5E5E5; padding:5px 10px;}
.user_more_game .tdw1{ width:155px; text-indent:10px;}
.user_more_game .tdw2{ width:65px;}
.user_more_game .tdw3{ width:250px;}
.user_game_btn2{ background:url(../images/user-icon.jpg) no-repeat 0 -67px; width:115px; height:25px; margin:10px auto 0; display:block; overflow:hidden; line-height:20px;}
.user_game_btn3,.user_game_btn4{ padding:0 8px;  height:20px; color:#9B9B9B; margin:0 5px; text-align:center; line-height:20px; display:inline-block; border:1px solid #D0CFCF}
.user_game_btn4{ border-color:#FD6D37; color:#FD6C37;}


.user_tab{ border:1px solid #DADBDC; border-left:none; zoom:1;}
.user_tab li{ padding:0 50px; float:left; height:42px; line-height:42px; border-left:1px solid #DADBDC; cursor:pointer;}
.user_tab li.on{ background:#919295; color:#fff;}
.user_title2{ font-size:16px; color:#333333; line-height:180%; margin-top:10px;}

.right_ul{}
.right_ul ul{background:url(../images/right-bg.png) repeat-y left;border-top:1px solid #E1E1E1;}
.right_li{ clear:both; display:block; zoom:1; border-top:1px solid #FFFFFF;border-bottom:1px solid #E1E1E1;}
.right_li:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.right_l{ width:130px; display:block; float:left; padding:20px; color:#3F3F3F; font-size:14px; }
.right_c{ padding:20px;float:left; width:568px;}
.right_ul h3.user_title2,.right_ul p{ text-indent:10px}
.right_ul p{ margin-bottom:10px;}
.right_c span strong{ color:#F00; padding:0 3px}

.input1{width: 285px; background:#F7F7F7;padding: 6px; color:#8A8A8A;border-top: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; border-bottom: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8; margin-right:5px;}
.input1:focus{ border:1px solid #F66E1C; background:#fff; color:#222222;}

a.radio{display:block;float:left;padding:0 0 0 18px;background:url(../images/radio.png) no-repeat -10px -22px;cursor:pointer; margin-right:20px; cursor:pointer;}
a.radio.on,a.radio:hover{background:url(../images/radio.png) no-repeat -10px -58px;color:#6ca200}

a.checkbox{display:block;float:left;padding:0 0 0 18px;background:url(../images/checkbox.png) no-repeat -8px -22px;cursor:pointer;margin-right:20px;cursor:pointer;}
a.checkbox.on,a.checkbox:hover{background:url(../images/checkbox.png) no-repeat -8px -59px;color:#6ca200}

.select{ position:relative; }
.select-btn{background:url(../images/select.png) no-repeat; width:260px; line-height:30px; height:30px; padding:0 10px;cursor:pointer;}
.select-div{ position:absolute; top:29px; left:0;border:1px solid #D8D8D8; border-bottom:none; background:#FFF; width:278px; display:none; z-index:99;}
.select-div p{ border-bottom:1px solid #D8D8D8; padding:0 10px; cursor:pointer;line-height:30px; height:30px;}
.select-div p:hover{ background:#F1F1F1;}


.user-confirm{ padding:20px;}
.user-btn{ background:url(../images/user-btn.png) no-repeat; width:162px; height:42px; line-height:40px; font-size:16px; display:block; font-weight:bold; color:#fff; text-align:center; margin:0 auto; cursor:pointer; border:none;}
.user-btn:hover{ background-position:0 -46px;}
.nB{ border:none}


.bind_title{ height:40px; line-height:40px; padding:0 20px; margin-bottom:20px; font-size:20px; color:#444; background:#F1F1F1; border-bottom:1px solid #DBDCDB; border-top:2px solid #A9A9A5; }
.bind_con{ font-size:14px; font-family:Microsoft Yahei; }
.bind_con .cus-btn{ margin:0 0 40px 40px; }
.bind_con .cus-btn:hover{ color:#EF5D0F; }
.bind_con p{ margin-bottom:20px; text-indent:inherit; padding-left:20px; line-height:28px; }
.bind_con p strong{ color:#EF5D0F; margin:0 5px; }
.bind_con p a,.bind_step2 a.bfo{ text-decoration:underline; color:#EF5D0F; margin:0 5px; }
.bind_con p a:hover,.bind_step2 a.bfo:hover{ text-decoration:none; }
.bind_con .b_code{ height:30px; padding:0 15px; border:0 none; cursor:pointer; margin-left:5px; background:#ccc; }
.bind_con .b_code:hover{ color:#EF5D0F; }
.bind_con .tips1{ color:#ed1e34; font-size:12px; }