/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/

/******************英文版(Start)******************/
.en #login .login_form li label{width:92px;}
/******************英文版(End)******************/

/******************登录页(Start)******************/
#login{width:562px; margin:0 auto; margin-top:180px;padding-bottom: 20px;}
/*#login .limg{width:520px; padding:10px 0; overflow:hidden; text-align:center; border-bottom:1px solid #0899ea; background:#333;}
#login .limg img{max-width:100%;}*/
#login form{width:562px; padding: 17px 0; background:rgba(255,255,255,.3);}
#login form .f{width:530px; padding:0 0 0; margin: auto; /*background:rgb(255,255,255,.4);*/}
#login form .f .input{/*border:1px solid #999;*/ margin:0 0 15px; position: relative; padding-left: 60px;background: #fff;}
#login form .f .input input{border:none; width:100%; height:70px; line-height:70px; text-indent: 6px;}
#login form .f .username:before,
#login form .f .password:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 60px;display: block;/*border-right:1px solid #ccc;*/}
#login form .f .username:before{background:#fff url(../images/account/login_account_bg.jpg) 50% 50% no-repeat;}
#login form .f .password:before{background:#fff url(../images/account/login_password_bg.jpg) 50% 50% no-repeat;}
#login form .f .submit{color:#fff; width:530px; height:70px; line-height:70px; font-size:16px; font-weight:bold; background:#0899ea; border:none;}
#login .login-en{text-align: center; color: rgb(255, 255, 255); font-size: 64px; font-family: 方正兰亭超细黑简体, 黑体, 微软雅黑;}
#login .login-cn{text-align: center; color: rgb(255, 255, 255); font-size: 30px; font-family: 方正兰亭超细黑简体, 黑体, 微软雅黑;padding:5px 0 30px;}

#login-copyright{text-align: center;font-size: 12px;color: #fff;position: fixed;bottom: 50px;left: 0;right: 0;}


#account{padding:0 2%;}
#account .box .hd{height:39px; line-height:39px; font-weight:bold; color:#60666a; text-indent:4px;}
#account .box .bd{border:1px #e6e6e6 solid; overflow:hidden; background:#fff;}

#account .info_view{width:25%;}
#account .info_view .bd{padding:0 5%;}
#account .info_view .row{padding:6px 0;}
#account .info_view b{font-weight:normal; color:#60666a;}
#account .info_view .name, #account .info_view .name a{color:#2b8f76;}
#account .info_view .user{min-height:210px;}
#account .info_view .user>div:first-child{margin-top:5px;}
#account .info_view .row_btn{height:33px; line-height:33px; color:#fff; background:#54a18f; display:block; margin-bottom:7px; padding-left:30px; background-repeat:no-repeat; background-position:8px center;}
#account .info_view .row_btn_0{background-image:url(../images/account/row_btn_0.jpg);}
#account .info_view .row_btn_1{background-image:url(../images/account/row_btn_1.jpg);}
#account .info_view .message{height:130px; margin-top:10px;}
#account .info_view .message>div:first-child{margin-top:5px;}
#account .info_view .message .name{color:#60666a; height:23px; line-height:23px; font-weight:bold;}
#account .info_view .message ul{margin-top:5px;}
#account .info_view .message li{height:18px; line-height:18px; padding-top:3px; font-size:11px; overflow:hidden; text-indent:8px;}
#account .access_statistics{width:73%;}



.home_wrap{margin:0;}
#account .home_up{height:231px; overflow:hidden; background:#fff; margin-top:17px;}
#account .home_down{margin-top:17px;}
#account .home_box{padding:0 2%; width:20%; float:left;}
#account .home_box .box_title{height:28px; line-height:28px; overflow:hidden; margin-top:9px;}
#account .home_box .box_title>i{float:right; display:inline-block; margin-right:10px;}
#account .home_traffic{width:22%; min-width: 318px;}
#account .home_traffic .traffic_time{height:28px; line-height:28px; overflow:hidden; margin-top:9px;}
#account .home_traffic .traffic_time>a{margin:0 6px;}
#account .home_traffic .traffic_time>a:first-child{margin-left:0;}
#account .home_traffic .traffic_time>a.current{color:#0899ea;}
#account .home_traffic .traffic_count{float:left; width:113px; height:113px; margin:12px 6px 0; text-align:center; overflow:hidden; background:url(../images/account/home_icon.png) no-repeat;}
#account .home_traffic .traffic_count>h2{font-size:30px; margin-top:31px; color:#0899ea;}
#account .home_traffic .traffic_count>span{color:#636363;}
#account .home_source dl{height:37px; overflow:hidden;}
#account .home_source dl>dt{height:30px; line-height:30px; overflow:hidden;}
#account .home_source dl>dd{height:6px;}
#account .home_source .rate{height:6px; background-color:#53a28f; display:inline-block; float:left;}
#account ul.data_list>li{height:36px; line-height:36px; overflow:hidden; border-top:1px #ddd dashed;}
#account ul.data_list>li>em{float:left; display:inline-block; width:7px; height:7px; margin:17px 13px 0; overflow:hidden; background-image:url(../images/account/home_icon.png); background-repeat:no-repeat; background-position:-7px -120px;}
#account ul.data_list>li>em.up{background-position:0 -120px;}
#account ul.data_list>li>em.down{background-position:-14px -120px;}
#account ul.data_list>li>span{float:right; display:inline-block; margin-right:6px; color:#54a18f;}
#account ul.data_list>li:first-child{border-top:0;}
#account .home_circle{/*margin:0 18px;*/ float:left;}
#account .home_circle .circle_title{height:40px; line-height:40px; overflow:hidden;}
#account .home_circle .circle_container{background:#fff; border-radius:5px; height:319px; overflow:hidden; position:relative;}
#account .home_circle .circle_container .system_item{width:325px; height:44px; margin:0 auto; line-height:58px; font-size:12px; border-bottom:1px dashed #d6d6d6;white-space: nowrap;}
#account .home_circle .circle_container .system_item.last{border:none;}
#account .home_circle .circle_container .system_item span{color:#0899ea; font-weight:bold;}
#account .home_tab{width:345px; margin-right:36px;}
#account .home_tab .item{width:132px; height:124px; text-align:center; position:absolute; border-width:0; border-color:#ddd; border-style:solid; background-image:url(../images/account/home_icon.png); background-repeat:no-repeat; text-decoration:none;}
#account .home_tab .item>span{margin-top:100px; display:inline-block;}
#account .home_tab .item_0{top:15px; left:20px; padding-right:20px; margin-right:20px; border-right-width:1px; background-position:-120px 0;}
#account .home_tab .item_1{top:15px; right:20px; border-bottom-width:1px; padding-bottom:20px; background-position:-252px 0;}
#account .home_tab .item_2{bottom:15px; left:20px; border-top-width:1px; margin-top:20px; padding-top:20px; background-position:-120px -130px;}
#account .home_tab .item_3{bottom:15px; right:20px; border-left-width:1px; margin-left:20px; padding-left:20px; margin-top:20px; background-position:-232px -148px;}
#account .home_tab .item_2>span, #account .home_tab .item_3>span{margin-top:70px;}
#account .home_tab .item_2>p{margin:8px 0; font-size:12px;}
#account .home_tab .item_0, #account .home_tab .item_2{cursor:default;}
#account .home_order{width:auto;}
#account .home_order .circle_container{padding:0 13px;}
#account .home_order .r_con_table{border:0;}
#account .home_order .r_con_table td{border-left:0; height:35px; line-height:35px; border-bottom:1px #d6d6d6 dashed; border-right:none; text-align:left; padding-left:15px;}
#account .home_order .r_con_table thead td{height:24px; line-height:24px; border-top:none;}
#account .home_order .r_con_table td.no_list{height:255px; line-height:255px; text-align:center;}

#user_service_box{position:fixed; left:0; top:15%; width:664px; overflow:hidden; display:none; z-index:10001;}
#user_service_box .r_con_table{border:0;}
#user_service_box .r_con_table tr td{border:0; height:38px; line-height:38px; text-align:left; padding-left:20px;}
#user_service_box .r_con_table tr td:first-child{background-color:#54a18f; text-align:center; padding:0;}
#user_service_box .r_con_table thead td{height:91px;}
#user_service_box .r_con_table .chat_info{position:relative; padding-left:52px;}
#user_service_box .r_con_table .chat_info .chat_close{height:17px; padding:5px 0;}
#user_service_box .r_con_table .chat_info .chat_close .close{float:right; padding:0; line-height:100%; font-size:20px; margin-right:17px; opacity:0.2; filter:alpha(opacity=20); cursor:pointer; background:none; border:0; font-weight:bold; text-shadow:0 1px 0 #fff; color:#000; outline:0;}
#user_service_box .r_con_table .chat_info .chat_close .close:hover{opacity:0.5; filter:alpha(opacity=50);}
#user_service_box .r_con_table .chat_info .chat_head, #user_service_box .r_con_table .chat_info .chat_head_bg{border-radius:50px; background-color:#fff; position:absolute; left:-37px; top:25px; overflow:hidden;}
#user_service_box .r_con_table .chat_info .chat_head_bg{width:74px; height:74px;}
#user_service_box .r_con_table .chat_info .chat_head{width:62px; height:62px; left:-31px; top:31px; background:#c00;}
#user_service_box .r_con_table .chat_info>h3{font-size:26px; line-height:26px;}
#user_service_box .r_con_table .chat_info>span{line-height:26px; font-weight:normal;}
#user_service_box .r_con_table .chat_icon{width:26px; height:26px; display:block; background-image:url(../images/account/home_icon.png); background-repeat:no-repeat; margin:0 auto;}
#user_service_box .r_con_table .chat_icon_0{background-position:0 -132px;}
#user_service_box .r_con_table .chat_icon_1{background-position:0 -158px;}
#user_service_box .r_con_table .chat_icon_2{background-position:0 -184px;}
#user_service_box .r_con_table .chat_icon_3{background-position:0 -210px;}
#user_service_box .r_con_table .chat_icon_4{background-position:0 -236px;}
#user_service_box .r_con_table .chat_icon_5{background-position:0 -262px;}

#user_spread_box{position:fixed; left:0; top:30%; width:664px; overflow:hidden; display:none; z-index:10001; background-color:#fff;}
#user_spread_box .chat_title{padding:20px 20px 0; height:30px; line-height:30px;}
#user_spread_box .chat_title>h3{font-size:20px; float:left;}
#user_spread_box .chat_title .close{float:right; padding:0; line-height:100%; font-size:20px; margin-right:17px; opacity:0.2; filter:alpha(opacity=20); cursor:pointer; background:none; border:0; font-weight:bold; text-shadow:0 1px 0 #fff; color:#000; outline:0;}
#user_spread_box .chat_title .close:hover{opacity:0.5; filter:alpha(opacity=50);}
#user_spread_box .chat_container{padding:10px 20px 20px; line-height:160%;}







