@charset "UTF-8";

/**
 * style.css
 * @authors leiting (444961169@qq.com)
 * @Last Modified time: 2017-02-22 16:30:07
 * @version 0.0.1
 * @desc    19196.com 改版
 * @update-log:
 *
 */
body{background: #f2f2f2!important;}
.main{width: 1012px; margin: 30px auto 0 auto; height: 100%; clear: both; font-size: 0px; background: #fff;}
.personal-left{* display: inline; display: inline-block; width: 234px; background: #fff; position: relative; vertical-align: top;}
.personal-left-top{width: 204px; padding: 20px 10px;}
.personal-left-top .avatar{width: 214px;float: left;margin: 20px 0 50px;}
.personal-left-top .avatar a.head{width: 78px; height: 78px; float: left; display: block; margin-right: 13px;}
.personal-left-top .avatar a img{border: 4px solid #dfdfdf; width: 70px; height: 70px; -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; border-radius: 70px;}
.personal-left-top .avatar p.p1{font-size: 15px;font-weight: bold;margin-bottom: 5px;}
.personal-left-top .avatar p{float: left; width: 120px; color: #333; font-size: 12px;}
.personal-left-top .avatar p span.ell{width: 80px; display: inline-block; vertical-align: middle;}
.avatar-bottom,
.avatar-bottom p{width: 100%; float: left; font-size: 16px; margin: 10px 0 5px 0;}
.avatar-bottom p span{width: 120px; float: left; color: #666;}
.avatar-bottom p a{float: left; padding-left: 34px; height: 27px; line-height: 27px; display: block; background: url(Images/personal-bg.png?v=a337192a) no-repeat; font-size: 14px;}
.avatar-bottom p a.zjf{background-position: -131px -1px; color: #E43828;}
.avatar-bottom p a.cz{background-position: -131px -40px; color: #4fa9e8;}
.drawer{float: left; width: 234px; border-top: 1px solid #E0E0E0;}
.accordion{width: 235px; float: left; border-top: 1px solid #E0E0E0;}
.accordion1{width: 235px; float: left;}
.list{width: 234px; height: 65px; line-height: 65px; float: left; font-size: 18px; border-bottom: 1px solid #E0E0E0;}
.list-second li{border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; width: 234px; position: relative; z-index: 11; background: #fff;}
.list a,
.list-second a{width: 159px; padding-left: 70px; display: block; color: #333; height: 65px; line-height: 65px; background: #fff; border-left: 4px solid #fff; font-size: 18px;}
.list-second a{padding-left: 84px; width: 185px;}
.list a:hover,
.list-second a:hover{color: #f99933;}
.list a.on,
.list-second a.on{color: #f99933; border-left: 4px solid #f99933; background: #fff; width: 162px;}
.list-second{width: 234px; float: left;}
.accordion-item-active .accordion-header{background: #fbfbfb; position: relative;}
.accordion-item-active .accordion-header-icon{color: #fff; transition: .25s;}
.accordion-item-active .accordion-header h1{width: 200px; padding-left: 70px;}
.accordion-header{background: #fbfbfb; cursor: pointer; height: 65px; line-height: 65px; transition: .25s;}
.accordion-header h1{width: 200px; padding-left: 70px; float: left; font-size: 18px; font-weight: normal; margin: 0; line-height: 65px; color: #212121; border-left: 4px solid #fbfbfb;}
.accordion-content{border-right: 1px solid #fff; display: none; color: #212121; background: #FFF; font-size: 15px; line-height: 1.45em;}
.accordion-content p{margin: 0; margin-bottom: 3px;}
.accordion-header-icon{width: 15px; color: #888; position: absolute; right: 80px; background: url(Images/personal-bg.png?v=a337192a) no-repeat 0 30px; text-indent: -1111111em;}
.accordion-header-icon.accordion-header-icon-active{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.personal-right{*display: inline; display: inline-block; background: #fff; width: 764px; border-left: 1px solid #e4e4e4; min-height: 600px; vertical-align: top; font-size: 14px;}
.personal-right .personal-form{padding: 70px 0px; float: left;}
.personal-right .personal-form1{padding: 30px; float: left;}
.personal-right-list{width: 100%; float: left; height: auto;}
.personal-list-L{width: 178px; float: left; margin-right: 5px; line-height: 40px; color: #333; font-size: 16px; text-align: right;}
.personal-list-R{width: 515px; float: left; font-size: 16px; line-height: 40px; padding-bottom: 25px;}
.personal-list-R .fsyzm{width: 147px; height: 38px; background: #33acf9; border: 1px solid #33acf9; display: block; line-height: 38px; text-align: center; color: #fff; margin-left: 10px; float: left;}
.personal-list-R .fsyzm:hover{background: #f99933; border-color: #f99933; color: #fff;}
input[type="submit"]{float: left; margin-left: 183px; background: #f99933; border: none; width: 360px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; margin-top: 15px;}
.personal-list-R input[type="text"],
.personal-list-R input[type="password"]{float: left; width: 330px; height: 38px; border: 1px solid #d2d2d2; padding: 0 10px; line-height: 38px;}
select.mibao{float: left; width: 352px !important; height: 38px !important; border: 1px solid #d2d2d2; padding: 0 10px; line-height: 38px !important;}
.personal-list-R input[type="button"]{margin-left: 15px; width: 80px; line-height: 40px; text-align: center; color: #fff; background: #f9a833; border: none;}
.dh-btn input[type="button"]{margin-left: 15px; width: 80px; line-height: 40px; text-align: center; color: #fff; background: #E43828; border: none;}
.personal-list-R input:focus{border-color: #E43828;}
.personal-list-R select{width: 94px; height: 30px; border: 1px solid #d2d2d2;}
.personal-list-R textarea{width: 330px; height: 110px; border: 1px solid #d2d2d2; padding: 0 10px; line-height: 38px;}
.personal-list-R input.input-yzm{width: 170px;}
.personal-list-R label{width: 140px; float: left; line-height: 40px; background: url(Images/personal-bg.png?v=a337192a) no-repeat -145px -82px;}
.personal-list-R label.radio-checked{background-position: -145px -109px;}
.personal-list-R label input{width: 14px; height: 14px; margin: 13px 10px 0 0; filter: alpha(opacity=0); opacity: 0;}
/*个人资料*/
.szejmm{width: 830px; text-align: center; font-size: 16px; color: #333;}
.szejmm a{color: #E43828;}
.personal-list-R .nicheng{color: #E43828;padding-left: 5px;line-height: 20px;float: left;margin-top: 5px;font-size: 12px;}
.personal-list-R span{/* float: left;*/ line-height: 40px; margin-left: 10px;}
.personal-list-R span em{color: #E43828;}
.sex{border: 1px solid #d2d2d2; width: 302px; height: 40px; line-height: 40px;}
.sex em{display: block; padding-left: 50px; width: 50px; height: 40px; line-height: 40px; float: left; position: relative; background: url(Images/personal-bg.png?v=a337192a) no-repeat; background-position: 20px -109px;}
.sex em.paytype-on{background: url(Images/personal-bg.png?v=a337192a) no-repeat #dcdcdc; cursor: pointer; background-position: 20px -109px;}
.sex em input{position: absolute; width: 100px; height: 40px; left: 0; filter: alpha(opacity=0); opacity: 0; cursor: pointer;}
.sex em.paytype-man{border-right: 1px solid #d2d2d2; background-position: -30px 5px;}
.sex em.paytype-woman{background-position: -30px -30px; border-right: 1px solid #d2d2d2;}
#preview{margin: -6px 0 20px 0; position: relative;}
#imghead{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); max-width: 140px; max-height: 140px;}
.preview{font-size: 16px; color: #333; line-height: 40px;}
.preview span{color: #E43828;}
/*二级密码*/
/*我的礼包*/
.my-gift-main{width: 857px; height: 965px; position: relative; overflow: hidden; margin: 25px 20px 20px 50px;}
.my-gift-main ul{padding-top: 5px; width: 900px; position: relative; margin: -25px 0 0 -20px;}
.my-gift-main ul li{float: left; width: 442px; padding: 10px 0; border-bottom: 1px dotted #d9d9d9;}
.my-gift-main ul li .h-game-icon{width: 100px; height: 100px; margin: 10px 0 0 20px; float: left; padding-bottom: 10px;}
.my-gift-main ul li .h-game-icon a img{width: 100px; height: 100px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; float: left;}
.my-gift-main ul li .h-game-icon a{position: relative; display: block; overflow: hidden; width: 100px; height: 100px; float: left;}
.my-gift-main .h-game-right{width: 290px; height: 100px; padding: 10px 15px; float: left; border-right: 1px dotted #d9d9d9;}
.my-gift-main .h-game-right p,
.my-gift-main .h-game-right p a{display: inline-block; width: 100%; font-size: 18px; color: #333; margin-bottom: 4px; float: left; line-height: 20px;}
.my-gift-main .h-game-right span{font-size: 16px; color: #999; margin-bottom: 6px; width: 100%; line-height: 27px;}
.my-gift-main .h-game-right .h-game-btn{width: 230px; height: 36px; margin-top: 9px; float: left;}
.my-gift-main .h-game-right .h-game-btn input[type="text"]{float: left; border: 1px solid #e4e4e4; width: 160px; height: 34px; line-height: 34px; padding: 0 8px; font-size: 16px; color: #333;}
.h-game-right .h-game-btn input[type="button"]{background: #E43828; border: none; float: left; width: 50px; height: 36px; color: #fff; text-align: center; line-height: 36px; font-size: 16px;}
/*分页*/
.fenye{width: 100%; margin: 40px 0 20px 0; text-align: center; position: relative; background: #fff; height: 50px;}
.fenye ul{margin: 0 auto; text-align: center;}
.fenye ul li{height: 38px; display: inline-block; *display: inline; margin: 0 4px; color: #999; line-height: 38px;}
.fenye ul li a{color: #999; padding: 0 10px; font-size: 14px; display: inline-block; height: 38px; line-height: 38px; border: 1px solid #d8d8d8;}
.fenye ul li a:hover,
.fenye ul li a.on{background: #E43828; color: #fff !important; border-color: #E43828;}
/*信息绑定*/
.slideTxtBox{width: width: 925px;}
.slideTxtBox .hd{height: 58px; line-height: 58px; background: #fff; position: relative;}
.slideTxtBox .hd ul{height: 50px; margin-left: 30px;}
.slideTxtBox .hd ul li{font-size: 16px; height: 50px; line-height: 50px; text-align: center; float: left; cursor: pointer; width: 145px; color: #333; border-bottom: 1px solid #e4e4e4;}
.slideTxtBox .hd ul li.on{color: #f99933; border-bottom: 1px solid #f99933;}
.slideTxtBox .bd{}
.slideTxtBox .bd ul{zoom: 1;}
.slideTxtBox .bd li{height: 24px; line-height: 24px;}
.slideTxtBox .bd li .date{float: right; color: #999;}
/*我的龙币*/
.personal-xfjl{width: 830px; margin: 0 auto;}
.mylb-czfs{position: relative; margin-top: -15px; height: 39px;}
/*---------------------------------------demo css--------------------------------------------*/
.date-time{margin: 30px auto 13px auto; width: 500px;}
.date-time span{line-height: 32px; font-size: 18px;}
.date-time input[type="button"]{height: 32px; width: 70px; margin-left: 10px; border: none; color: #fff; background: #E43828; line-height: 32px; text-align: center; font-size: 16px;}
.date_picker{width: 118px; padding: 0 5px; height: 30px; line-height: 30px; border: 1px solid #d2d2d2;}
.date_selector,
.date_selector *{width: auto; height: auto; border: none; background: none; margin: 0; padding: 0; text-align: left; text-decoration: none;}
.date_selector{background: #fbfbfb; border: 1px solid #ccc; padding: 10px; margin: 0; margin-top: -1px; position: absolute; z-index: 100000; display: none; border-radius: 3px; box-shadow: 0 0 5px #aaa; box-shadow: 0 2px 2px #ccc; width: 220px;}
.date_selector_ieframe{position: absolute; z-index: 99999; display: none;}
.date_selector .nav{width: 17.5em;}
.date_selector .nav p{clear: none;}
.date_selector .month_nav,
.date_selector .year_nav{margin: 0 0 3px 0; padding: 0; display: block; position: relative; text-align: center; height: 30px;}
.date_selector .month_nav{float: left; width: 33%;}
.date_selector .year_nav{float: right; width: 33%; margin-right: 95px;}
.date_selector .month_name,
.date_selector .year_name{line-height: 20px; font-size: 18px; float: left; text-align: center; width: 100%;}
.date_selector .button{display: block; position: absolute; top: 0; width: 18px; height: 18px; line-height: 16px; font-weight: bold; color: #5985c7; text-align: center; font-size: 12px; overflow: hidden; border: 1px solid #ccc; border-radius: 2px;}
.date_selector .button:hover,
.date_selector .button.hover{background: #5985c7; color: #fff; cursor: pointer; border-color: #3a930d;}
.date_selector .prev{left: 0;}
.date_selector .next{right: 0;}
.date_selector table{border-spacing: 0; border-collapse: collapse; clear: both; margin: 0; width: 220px;}
.date_selector th,
.date_selector td{width: 2.5em; height: 2em; padding: 0 !important; text-align: center !important; color: #666; font-weight: normal;}
.date_selector th{font-size: 12px;}
.date_selector td{border: 1px solid #f1f1f1; line-height: 2em; text-align: center; white-space: nowrap; color: #5985c7; background: #fff;}
.date_selector td.today{background: #eee;}
.date_selector td.unselected_month{color: #ccc;}
.date_selector td.selectable_day{cursor: pointer;}
.date_selector td.selected{background: #2b579a; color: #fff; font-weight: bold;}
.date_selector td.selectable_day:hover,
.date_selector td.selectable_day.hover{background: #5985c7; color: #fff;}
/*-----------------------------------------------------------------------------------*/
.personal-xfjl-main{width: 830px; float: left; margin-bottom: 8px;}
.personal-xfjl-main li{float: left; width: 830px; height: 69px !important; line-height: 69px !important; border-bottom: 1px dotted #d2d2d2;}
.personal-xfjl-main li p{width: 710px; float: left; font-size: 18px; color: #333;}
.personal-xfjl-main li p em{color: #E43828; margin-left: 10px;}
.personal-xfjl-main li span{width: 120px; float: left; font-size: 14px; color: #999;}
/*我的消息*/
.personal-wdxx-main{width: 830px; float: left; margin-bottom: 50px;}
.personal-wdxx-main li{padding: 25px 0; float: left; width: 830px; height: 69px; border-bottom: 1px dotted #d2d2d2;}
.message-pic{border: 1px solid #d8d8d8; width: 68px; height: 68px; float: left; margin-right: 15px;}
.message-pic img{border: 1px solid #fff; width: 66px; height: 66px;}
.personal-wdxx-main li p{width: 710px; float: left; font-size: 14px; color: #666; line-height: 26px; max-height: 50px; position: relative; overflow: hidden;}
.personal-wdxx-main li span{float: left; font-size: 14px; color: #999;}
.personal-wdxx-main li span em{float: left; margin-right: 30px;}
/*我的收藏*/
.personal-collect-main{width: 830px; float: left; margin-bottom: 50px;}
.personal-collect-main li{float: left; width: 830px; min-height: 69px; line-height: 69px; border-bottom: 1px dotted #d2d2d2;}
.personal-collect-main li em.collect-checkbox{width: 20px; height: 20px; float: left; margin-right: 5px; margin-top: 25px;}
.personal-collect-main li em input{float: left;}
.message-pic img{border: 1px solid #fff; width: 66px; height: 66px;}
.personal-collect-main li p{width: 745px; float: left; font-size: 18px; color: #333; line-height: 69px; max-height: 50px; position: relative; overflow: hidden;}
.personal-collect-main li p a{max-width: 610px; overflow: hidden; display: block; float: left;}
.personal-collect-main li p em{font-size: 14px; color: #999; margin-left: 5px;}
.personal-collect-main li span{display: block; width: 60px; height: 28px; float: left; margin-top: 20px;}
.personal-collect-main li span a,
.checkbox-all a{display: block; width: 58px; height: 26px; font-size: 16px; border: 1px solid #E43828; color: #E43828; line-height: 26px; text-align: center; float: left;}
.personal-collect-main li span a:hover,
.checkbox-all a:hover{background: #E43828; color: #fff; float: left;}
.checkbox-all{float: left; width: 100%;}
#checkbox-all,
#no-checkbox-all{width: 65px; height: 27px; float: left; padding-left: 20px; font-size: 18px; color: #333; background: url(Images/personal-bg.png?v=a337192a) no-repeat -142px -145px;}
#no-checkbox-all{display: none; background-position: -142px -179px;}
#checkbox-all em,
#no-checkbox-all em{float: left; margin-right: 5px; width: 60px; height: 27px; line-height: 27px; font-size: 18px; color: #333;}
.bd .lh .chx_ul li{width: 355px; height: 124px; padding: 10px; margin: 20px 22px 0 0; float: left; position: relative;}
.chx_ul li img{width: 120px; height: 120px; padding-right: 10px; float: left;}
.chx_ul li .chx_ul_r{width: 225px; height: 124px; float: left;}
.chx_ul li .chx_ul_r p{width: 225px; font-size: 18px; float: left;}
.chx_ul li .chx_ul_r p a{display: block; color: #E53828; float: left;}
.chx_ul li .chx_ul_r span{width: 225px; margin-top: 5px; font-size: 14px; float: left; color: #666; line-height: 24px;}
.tixing{height: 50px; overflow: hidden;}
.wdtj_R{padding: 0 15px; height: 30px; border: 1px solid #cdcdcd; display: block; float: left; text-align: center; line-height: 30px; color: #333 !important;}
.wdtj_R:hover{background: #E53828; color: #fff !important;}
/*我的回复*/
.personal-reply-main{width: 830px; float: left; margin-bottom: 50px;}
.personal-reply-main li{float: left; width: 830px; height: 102px !important; border-bottom: 1px dotted #d2d2d2; font-size: 16px;}
.reply-tit{float: left; width: 100%; margin-top: 25px;}
.reply-tit .tit{float: left; max-width: 745px; color: #E43828;}
.reply-tit span{float: right;}
.reply-tit span em{width: 20px; height: 20px; float: left; background: url(Images/personal-bg.png?v=a337192a) no-repeat -103px -111px; ;}
.personal-reply-main li em.reply-new{width: 20px; height: 20px; float: left; margin-right: 5px; background: url(Images/personal-bg.png?v=a337192a) no-repeat -103px -75px;}
.message-pic img{border: 1px solid #fff; width: 66px; height: 66px;}
.personal-reply-main li p{width: 830px; float: left; color: #333; line-height: 45px; max-height: 50px; position: relative; overflow: hidden;}
.personal-reply-main li p span{width: 685px; overflow: hidden; display: block; float: left; padding-left: 20px;}
.personal-reply-main li p em{font-size: 14px; color: #999; margin-left: 5px;}
/*板块收藏*/
.h-game-main{width: 830px; position: relative; overflow: hidden; margin-bottom: 10px;}
.my-reply-main{position: relative; margin-top: -60px;}
.my-reply{padding: 5px; width: 890px; position: relative; margin: 0 0 30px -20px; float: left;}
.my-reply li{float: left; width: 295px; padding: 10px 0; border-bottom: 1px dashed #d9d9d9; height: 120px !important;}
.my-reply li .h-game-icon{margin: 10px 0 0 20px; float: left; padding-bottom: 10px;}
.my-reply li .h-game-icon a img{width: 100px; height: 100px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; float: left;}
.my-reply li .h-game-icon a{position: relative; display: block; overflow: hidden; width: 100px; height: 100px; float: left;}
.my-reply .h-game-right{width: 144px; height: 100px; padding: 10px 15px; float: left; border-right: 1px dashed #d9d9d9;}
.my-reply .h-game-right p,
.my-reply .h-game-right p a{display: inline-block; width: 100%; font-size: 18px; color: #333;}
.my-reply .h-game-right span{font-size: 16px; color: #999;}
.my-reply .h-game-right a.h-game-btn{display: block; width: 78px; height: 28px; border: 1px solid #E43828; color: #E43828; text-align: center; line-height: 28px; font-size: 16px; margin-top: 18px;}
.h-game-right a.h-game-btn:hover{color: #fff; background: #E43828;}
/*代金券*/
.js-modal{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: none;z-index: 999;}
.modal-main{width: 520px;height: 300px;position: absolute;top: 50%;left: 50%;margin: -150px 0 0 -260px;background: #fff;z-index: 1111;}
.js-modal i{font-style: normal; font-size: 20px; font-family: simsun; cursor: pointer; position: absolute; right: 0; top: 0;}
.js-modal p{text-align: center; font-size: 22px; margin-top: 100px;}
.js-modal p span{color: #E43828;}
.js-modal input{display: block;margin: 30px auto;width: 90px;height: 40px;background: #f9a833;color: #fff;font-size: 18px;border: none;}
.service-box-t{padding: 10px;width: 992px;margin: 0 auto 20px;position: relative;}
.service-box-t div{width: 350px; position: absolute; right: 0px; top: 30px; text-align: center; font-size: 20px; line-height: 40px;}
.service-box-t a{border-radius: 5px; background-color: rgb(45, 155, 248); box-shadow: inset 0px -2px 0px 0px rgba(19, 123, 211, 0.75); width: 178px; height: 38px; line-height: 38px; color: #fff; font-size: 16px; display: inline-block; margin-top: 20px;}
.service-box-t a:hover{background-color: #1c84dc;}
.service-box-l{width: 212px; float: left; line-height: 25px; font-size: 14px;}
.service-box-l h3{font-size: 15px;}
.service-box-r{width: 780px; float: left; padding: 10px; font-size: 14px;}
.service-box-r h3{color: #f99933; font-size: 15px; line-height: 40px;}
.service-box-l-1{background: #fff; padding: 10px; margin-right: 10px; border-top: 2px solid #f9a833; margin-bottom: 10px;}
.agreement{font-size: 14px;}
.agreement .title{font-size: 24px; border-bottom: 2px solid #efefef; line-height: 50px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.agreement .title p{border-bottom: 2px solid #f99933; display: inline-block; padding: 0 10px; margin-bottom: -2px;}
.red{color: #ff0101!important;}
.blue{color: #0086e4!important;}
.ml10{margin-left: 10px;}
.game-list ul li{position: relative;margin-bottom: 15px;padding-top: 15px;display: inline-block;width: 100%;border-top: 1px solid #e4e4e4;}
.game-list ul li a,
.game-list ul li a img{float: left;}
.game-list ul li a img{width: 75px; height: 75px;}
.game-list ul li .li-con{position: relative; width: 400px; overflow: hidden; padding-left: 20px; font-size: 15px;}
.li-con h1.li-h{width: 100%; font-size: 21px; margin-bottom: 10px; margin-top: 5px;}
.li-con h2.li-h{width: 340px; font-size: 16px; line-height: 25px;}
.li-con .li-h a{float: none; max-width: 400px; display: inline-block; vertical-align: middle;}
.li-con h2.li-h a{width: 300px}
.li-con .li-span{width: 100%; color: #999; line-height: 20px;}
.li-con .li-p{color: #666; font-size: 12px; display: -webkit-box; display: box; word-wrap: break-word; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; box-orient: vertical; -ms-line-clamp: 2; -moz-line-clamp: 2; -webkit-line-clamp: 2; line-clamp: 2;}
.li-con .li-count{position: absolute; left: 20px; margin-top: 22px; bottom: 2px; overflow: hidden; width: 260px; height: 25px; border-radius: 999px; background-color: #4c5a64; -webkit-border-radius: 999px; -moz-border-radius: 999px; -ms-border-radius: 999px; -o-border-radius: 999px;}
.li-con .li-count i{position: absolute; left: 0; top: 0; width: 0; height: 100%; -webkit-transition: width .3s; -moz-transition: width .3s; -ms-transition: width .3s; -o-transition: width .3s; transition: width .3s; border-radius: 999px; background-color: #47c4fe; -ms-border-radius: 999px; -o-border-radius: 999px;}
.li-con .li-count span{line-height: 25px; font-size: 12px; position: relative; z-index: 2; display: block; text-align: center; color: #fff;}
.game-list ul li:after{content: ""; display: table; clear: both;}
.game-list ul li .li-btn{width: 120px; text-align: center; font-size: 18px; margin-top: 20px; color: #c2c2c2;}
.game-list ul li .li-btn1{margin-top: 0px; font-size: 14px;}
.game-list .pack-code-c{border-width: 1px; border-color: rgb(221, 221, 221); border-style: solid; background-color: rgb(255, 255, 255); width: 180px; height: 80px; text-align: center; font-size: 12px; line-height: 40px;}
.game-list .pack-code-c input{border: 0px; background-color: rgb(249, 153, 51); width: 180px; height: 40px; text-align: center; color: #fff; font-size: 14px;}
.personal-list-R input.text-box{width: 160px!important; margin-left: 10px;}
.ui-timepicker-div{padding: 0 10px;}
.personal-right .tip{background: rgb(241, 241, 241) url('Images/tip.png') no-repeat 20px center; width: 626px; height: 87px; padding-left: 80px; line-height: 87px; display: inline-block; margin-bottom: 20px; font-size: 18px; font-weight: bold;}
.h-game{padding: 30px;}
.h-game-main{width: 705px; position: relative; overflow: hidden; margin-bottom: 10px;}
.h-game ul{padding-top: 5px; width: 755px; position: relative; margin-left: -15px;}
.h-game ul li{float: left; width: 246px; cursor: pointer;}
.h-game ul li .h-game-icon{margin: 10px 0 10px 15px; float: left; padding-bottom: 10px;}
.h-game-right{width: 120px; height: 80px; padding: 5px 5px; float: left;}
.h-game-right p,
.h-game-right p a{display: inline-block; width: 100%; font-size: 18px; color: #333; margin-bottom: 3px;}
.h-game-right span{font-size: 14px; color: #999; float: left; width: 100%;}
.orange{color: #f99933;}
.h-game-main li .h-game-icon{width: 80px; height: 80px; display: block; overflow: hidden; position: relative;}
.h-game-main .game-icon{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.h-game-main .ewm{width: 80px; height: 80px; display: none;}
.h-game-main canvas{background: #333333; opacity: 0; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);}
.h-game-main li:hover .game-icon{opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}
.h-game-main li:hover canvas{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.h-game-main li a img{width: 80px; height: 80px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px;}
.h-game-right span i{width: 20px; height: 20px; display: inline-block; background: url(../Common/Images/ranking-bg.png?v=f9a7916c) no-repeat -100px -155px; vertical-align: middle; margin: 0 3px;}
.h-game-right span i.i2{background-position: -101px -189px;}
.account{padding: 30px;}
.account .progress-bar{border-radius: 9px; background-color: rgb(223, 223, 223); width: 437px; height: 20px; display: inline-block; margin: 20px 0; vertical-align: top; float: left;}
.account .progress-bar-1{border-radius: 9px; background-color: #f99933; height: 20px; display: inline-block; float: left;}
.account .count{font-size: 16px; line-height: 55px; margin-left: 20px; float: left;}
.account .count span{font-size: 30px; color: #f99933;}
.account .btn-inspect{background-color: rgb(249, 153, 51); width: 110px; height: 45px; line-height: 45px; text-align: center; color: #fff; display: inline-block;}
.account-ul{display: block;}
.account-ul li{background-color: rgb(255, 255, 255); box-shadow: 0px 3px 10px 0px rgba(7, 0, 2, 0.1); width: 672px; height: 44px; line-height: 44px; padding: 15px; font-size: 20px; color: #333333; margin-bottom: 30px; font-weight: bold;}
.account-ul li i{width: 44px; height: 44px; margin-right: 10px; display: inline-block; vertical-align: middle; background: url('Images/a-icon.png') no-repeat;}
.account-ul li.on i{background-position: 0 -44px;}
.account-ul li a{border-width: 1px; border-color: #f99933; border-style: solid; background-color: rgb(255, 255, 255); width: 112px; height: 44px; line-height: 44px; text-align: center; color: #f99933; display: block; font-weight: normal; float: right; font-size: 16px;}
.email_err{color: #f93333; display: block; width: 350px;}