/*reset开始*/
html{font-family:Arial,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53'; font-size: 14px;line-height: 24px;background-color: #fff;color: #555;}
body,ul,h6,p{margin:0;padding: 0;}
img{border:none;}
ul{list-style: none;}
::-webkit-scrollbar {width:8px;  height:8px;  background-color:#1b1a1a;  overflow:hidden;  }
::-webkit-scrollbar-button {display:none;  }
::-webkit-scrollbar-thumb {border-radius:8px;background-color:#4c4c4c;  }
::-webkit-scrollbar-thumb:hover {background-color:#4c4c4c;  }
a{text-decoration: none;}
/*reset结束*/

/*common开始*/
body{width: 100%;overflow-x: hidden;}
.hidden{display: none!important;}
.cl {*zoom: 1;}
.cl:after {display: block;clear: both;content: "clear";visibility: hidden;height: 0;overflow: hidden;}
.visi_hidden{visibility: hidden;}
.fleft{float: left;}
.fright{float: right;}
/*common结束*/

/*footer开始*/
.footer{padding:35px 0;background:#141414;}
.footer_main{margin:0 auto;width:1050px;height:75px;}
.footer_logo_container{float:left;margin-right:40px;margin-top:10px;width:274px;text-align:center;border-right:1px solid #404040;}
.footer_logo{padding-left: 15px;}
.footer_info{float:left;color:#f0f0f0;line-height:20px;margin-top:-5px;font-size: 12px;}
/*footer结束*/

/*css3动画定义开始*/
@-webkit-keyframes zoomIn{/*由小变大动画*/
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn{/*由小变大动画*/
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}
.zoomIn{-webkit-animation-name: zoomIn;animation-name:zoomIn;}
.animated{-webkit-animation-duration:0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.easeInOut3{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
/*css3动画定义结束*/

/*loading开始*/
.loading_mask{width: 100%;height: 100%;position: fixed;left: 0;top:0;background-color: transparent;z-index: 10;}
.dialog_mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#b2000000", EndColorStr="#b2000000");width: 100%;height: 100%;position: fixed;left: 0;top:0;background-color: rgba(0,0,0,0.8);z-index: 10;}
.loading_img{position: absolute;top:50%;left: 50%;margin-top: -20px;margin-left: -20px;}
/*loading结束*/

/*页头开始*/
.grid{width: 1200px;margin: 0 auto;}
.header{height: 105px;}
.logo{float: left;margin-top: 29px;}
.search_form{float: left;height: 38px;background-color: #09a1ef;font-size: 0;margin: 33px 0 0 115px;}
.search_txt{vertical-align: middle;width: 307px;height: 32px;border: none;background-color: #fff;margin: 2px 0;font-family:Arial,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53';font-size: 12px;}
.search_btn{vertical-align: middle;width: 102px;height: 36px;background-color: #09a1ef;border: none;color: #fff;}
.search_icon{display: inline-block;width: 36px;height: 34px;background:#fff url(../image/search_icon.png) center no-repeat;vertical-align: middle;margin-left: 2px;}
.login_container{float: right;margin-top: 44px;}
.login_container a{color: #09a1ef;}
.login_container a:hover{text-decoration: underline;}
.index_btn{float: right;margin: 44px 0 0 20px;color: #555;}
.index_btn:hover{text-decoration: underline;}
/*页头结束*/

/*banner开始*/
.index_banner{font-size: 0;height: 400px;position: relative;}
.index_banner img{width: 100%;}
/*banner结束*/

/*首页内容开始*/
.index_title{color: #4c4c4c;}
.gameserver_title{width: 237px;height: 38px;background: url(../image/index_font.png) 0 0 no-repeat;margin: 0 auto;}
.sub_title{font-size: 18px;text-align: center;margin-top: 12px;}
.gameserver_container{padding: 50px 0 20px;}
.game_type{text-align: center;font-size: 0;padding: 38px 0 35px;}
.game_type>a{display: inline-block;width: 180px;height: 40px;margin:0 58px;background-color: #fff;border:1px solid #42a9f4;border-radius: 19px;text-align: center;line-height: 40px;color: #42a9f4;font-size: 20px;}
.game_type>a:hover,.game_type .cur{background-color: #42a9f4;color: #fff;}
.game_type .cur{cursor: default;}
.game_list{width: 1230px;margin: 0 auto;min-height: 380px;}
.game_li{float: left;width: 380px;height: 380px;background-color: #fafafa;margin: 0 15px 30px;}
.game_img{height: 200px;font-size: 0;}
.game_title{text-align: center;font-size: 22px;color: #444;margin: 22px 0 16px;white-space: nowrap;text-overflow: ellipsis;}
.game_li>a{display: block;width: 380px;height: 380px;}
.game_intro{padding: 0 20px;color: #666;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;}
.game_btn{text-align:center;margin-top: 22px;}
.game_btn>span{height: 30px;border:1px solid #42a9f4;border-radius: 15px;display: inline-block;line-height: 30px;padding: 0 20px;color: #42a9f4;}
.game_li:hover{box-shadow: 3px 3px 5px #d5d5d5;}
.game_li:hover .game_btn>span{background-color: #42a9f4;color: #fff;}
.enter_container{height: 511px;background: url(../image/nav_bg.jpg) center no-repeat;padding-top: 59px;}
.enter_list{width: 1200px;margin: 48px auto 0;}
.enter_li{float: left;width: 400px;text-align: center;}
.enter_li>a{color: #4c4c4c;}
.enter_title{width: 155px;height: 38px;background: url(../image/index_font.png) -41px -40px no-repeat;margin: 0 auto;}
.enter_icon{width:168px;height: 168px;border-radius: 100%;margin: 0 auto; }
.contact_enter .enter_icon{background:#2b9cf0 url(../image/index_contact.png) center no-repeat;}
.enter_name{font-size: 20px;margin: 30px 0 15px;}
.enter_btn{padding-top: 25px;}
.enter_btn>span{display: inline-block;width: 166px;height: 36px;border:2px solid #09a1ef;line-height: 36px;color: #09a1ef;}
.enter_li:hover .enter_btn>span{background-color: #09a1ef;color: #fff;}
.user_enter .enter_icon{background: #ed5059 url(../image/user_center.png) center no-repeat;}
.user_enter .enter_name{color: #ed5059;}
.feedback_enter .enter_icon{background: #70d696 url(../image/feedback_icon.png) center no-repeat;}
/*首页内容结束*/

/*联系我们开始*/
.contact_container{height: 527px;/*background: url(../img/contact_bg.jpg) center no-repeat;*/padding-top: 50px;}
.contact_title{color: #333;font-size: 36px;text-align: center;font-weight: normal;height: 40px;}
.contact_main{padding-top: 69px;}
.contact_ul{font-size: 18px;color: #666;margin-left: 256px;width: 480px;float: left;}
.contact_li{height: 30px;line-height: 30px;margin-bottom: 32px;}
.contact_li>i{background: url(../image/contact_icon.png) 0 0 no-repeat;display: inline-block;vertical-align: middle;width: 38px;}
.contact_li>span{vertical-align: middle;display: inline-block;}
.contact_li>.tel_icon{height: 23px;background-position: -3px -3px;}
.contact_li>.email_icon{height: 19px;background-position: -1px -36px;}
.contact_li>.vip_icon{height: 22px;background-position: -4px -64px;}
.contact_li>.wx_icon{height: 25px;background-position: -4px -93px;}
.contact_side{width: 400px;float: left;}
.download_container{position: relative;width: 160px;}
.download_container:hover .download_list{display: block;}
.download_list{position: absolute;width:158px;border:1px solid #09a1ef;background-color: #fff;border-top:none;padding: 10px 0;display: none; }
.download_li{padding-left: 20px;height: 30px;line-height: 30px;}
.download_li:hover{background-color: #09a1ef;}
.download_li>a{color:#09a1ef; }
.download_li:hover>a{color: #fff;}
.download_tap{width: 138px;height: 27px;border:1px solid #09a1ef;line-height: 27px;padding-left: 20px;color: #09a1ef;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAcElEQVR42qXMMQqAMAyFYSdB6NTr9AJ6MvEGXcWpd3LV1QtI4ws80KXW4PAnhMDXdPORkHwoiUjzlmIebRVoR76KYSjYo1yAMhoq0I0RjAUs6t+KObQ+Id7OjBEM6ETCHfizYwRHYpPef7EWLbqt2AWQNaRE+ODOTQAAAABJRU5ErkJggg==) right center no-repeat;}
.ercode_img{margin-top: 30px;}
/*联系我们结束*/

/*我的提单开始*/
.feedback_container{min-height: 590px;padding-top: 50px;background-color: #fafafa;}
.feedback_side{width: 220px;background-color: #fff;float: left;}
.side_header{font-size: 22px;color: #444;font-weight: normal;text-align: center;height: 102px;line-height: 102px;border-bottom: 1px solid #f5f5f5;}
.side_header>span{background: url(../image/feedback_side.png) left center no-repeat;display: inline-block;padding-left: 60px;}
.sidenav_li{height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #f5f5f5;}
.sidenav_li>a{color: #444;display: block;}
.side_nav .cur,.sidenav_li:hover{background-color: #09a1ef;}
.side_nav .cur>a,.sidenav_li:hover>a{color: #fff;}
.side_nav .cur>a{cursor: default;}
.order_main{float: right;width: 800px;min-height: 490px;background-color: #fff;padding: 0 40px;padding-bottom: 100px;}
.main_title{height: 87px;line-height: 87px;font-size: 26px;color: #5db3f3;font-weight: normal;}
.order_list{width: 100%;text-align: center;border:1px solid #f5f5f5;border-bottom: none;}
.order_col1,
.order_col2,
.order_col3,
.order_col4{float: left;padding:10px 0;line-height: 30px;}
.order_col2,
.order_col3,
.order_col4{border-left: 1px dotted #d3e1e8;}
.order_li{border-bottom: 1px dotted #d3e1e8;}
.order_li:first-child{background-color: #52bdf4;color: #fff;border-bottom: none;}
.order_li>a{color: #666;display: block;}
.order_li:hover >a{background-color: #f5f5f5;}
.order_detail{width: 100%;border-collapse: collapse;border-top:none;}
.order_table th,.order_detail th{height: 50px;font-size: 16px;color: #fff;background-color: #52bdf4;font-weight: normal;border-right: 1px dotted #dbe3e7;}
.order_table .col1,.order_col1{width: 154px;}
.order_table .col2,.order_col2{width: 216px;}
.order_table .col3,.order_col3{width: 247px;}
.order_table .col4,.order_col4{width: 154px;}
.order_table td{height: 50px;text-align: center;color: #666;border-right: 1px dotted #dbe3e7;}
.order_status{color: #ff8d06;}
.order_detail th{text-align: left;padding-left: 30px;}
.order_detail td{height: 44px;vertical-align: middle;border:1px dotted #d0d0d0;padding: 15px 30px;color: #808080;}
.order_detail .col1{width: 156px;text-align: center;}
.show_btn{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAhklEQVR42pXPMQqEQAxAUcXKwmIVPIiX8RI2y4JbbG8liNiInf1eYo8yLNh6AIX4BxwQcUSLB0kmGRLH70dfRJyr6A+Q6uCL143BPyodJJjwvDCk0OnYFCLMyE+GBjQm3z48IMgsQ+22tm+IIXivuQeFev/Z0UohRhT4oTxa3XaPC4WP7eYFCVwv8V3XjOsAAAAASUVORK5CYII=) right center no-repeat;padding-right: 24px;color: #09a1ef;line-height: 44px;}
.hidden_btn{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAeklEQVR42p3OMQqDUAyAYaWToxY8iOdyEcEO7k6CiIu4ufcSHuVRcPUAFdJ/6MMhL4vDNyThh0QicktwmaxHDIfWDnWU4UCHDb0dXlEOwes/P+AwmiHHFIIy8MWOWYUsnzjR+IMRT+JDhgJfVCrQscPiwzdqM9DxB8MPoHMzsLMjKvAAAAAASUVORK5CYII=) right center no-repeat;}
.user_refer:first-child{margin-bottom: 10px;}
.user_refer>span{display: inline-block;width: 102px;text-align: right;vertical-align: middle;}
.radio_input{vertical-align: middle;margin-left: 20px;}
.user_refer>label{vertical-align: middle;min-width:60px;display: inline-block;padding-left: 25px;background: url(../image/radio_bg.png) left center no-repeat;margin-left: 20px;}
:checked+label{background: url(../image/radio_checked.png) left center no-repeat;}
.detail_table{width: 490px;border-collapse: collapse;margin-left:10px;}
.detail_container{display: none;}
.detail_table td{height: 40px;text-align: center;padding: 0;}
.nodata_tip{height: 50px;line-height: 50px;}
.comment_btn{text-align: center;padding-top: 20px;}
.comment_btn .dialog_btn{font-size: 12px;height: 30px;line-height: 30px;width: 80px;}
.comment_area{vertical-align: top;width: 300px;height: 100px;margin-left: 25px;resize: none;border-color: #ccc; color: #808080;}
.comment_container{margin-top: 15px;display: none;}
/*我的提单结束*/

/*常见问题开始*/
.question_main{width: 810px;padding: 0 35px 38px;float: right;background-color:#fff; }
.questions_li{margin-bottom: 16px;}
.question_p,.answer_p{width: 808px;border:1px solid #b3b3b3;padding:17px 0;color: #666;background: #fff url(../image/question_icon.png) right bottom no-repeat;}
.question_p{cursor: pointer;}
.question_p>span,.answer_p>span{display: inline-block;width: 50px;height: 50px;background-color: #b3b3b3;color: #fff;font-size: 30px;font-family: Arial;text-align: center;line-height: 50px;margin:0 22px;vertical-align: middle;float: left;}
.answer_p{background: url(../image/answer_icon.png) right bottom no-repeat;display: none;margin-top: 16px;}
.answer_p>span{background-color: #09a1ef;color: #fff;}
.question_p>p,.answer_p>p{float: left;width: 655px;padding-top: 12px;}
.slide .question_p{background: none;}
/*常见问题结束*/

/*问题提交开始*/
.refer_main{padding-top: 40px;}
.type_container{text-align: center;font-size: 0;}
.type_container>a{display: inline-block;width: 138px;height: 38px;border:1px solid #09a1ef;font-size: 16px;color: #09a1ef;line-height: 38px;margin: 0 22px;}
.type_container .cur,.type_container>a:hover{background-color: #09a1ef;color: #fff;}
.type_container .cur{cursor: default;}
.refer_title{text-align: center;font-size: 24px;color: #555;line-height: 90px;height: 90px;font-weight: normal;}
.warn_tips{border:2px solid #67d3fd;background-color: #d4f3ff;width: 686px;height: 36px;line-height: 36px;text-align: center;color: #666;margin: 0 auto 52px;}
.form_li{margin-bottom: 21px;}
.form_li>label{display: inline-block;width: 289px;text-align: right;font-size: 16px;color: #424242;height: 32px;line-height: 32px;}
.form_li .tips { color: #b78d06; font-size: 13px; line-height: 13px; padding-left: 300px; margin-top: 5px; margin-bottom: -8px; }
.form_li .red_font{color: #f00;display: inline-block;width: 10px;}
.refer_txt,.refer_area,.refer_select{width: 308px;height: 30px;border:1px solid #d2d2d2;padding: 0 5px;font-size: 16px;font-family:Arial,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53';color: #424242;}
.refer_select{width: 320px;}
.error_tip{color: #d44747;padding-left: 10px;}
.refer_area{height: 116px;vertical-align: top;width: 306px;padding: 5px;resize: none;}
.refer_btn{display: inline-block;width: 120px;height: 40px;background-color: #09a1ef;color: #fff;font-size: 16px;text-align: center;line-height: 40px;margin:11px 0 0 293px;}
/*问题提交结束*/

/*建议反馈开始*/
.referCenter_main{background-color: #fff;}
.referCenter_main label{width: 450px;}
.referCenter_main .refer_btn{margin:11px auto 0;display: block;}
/*建议反馈结束*/

/*弹框开始*/
.dialog_main{width: 500px;height: 300px;background-color: #fff;position: absolute;top:50%;left: 50%;margin-left: -250px;margin-top: -150px;}
.dialog_title{height: 50px;background-color: #52bdf4;line-height: 50px;color: #fff;padding-left: 15px;font-size: 20px;font-weight: normal;}
.dialog_content{padding-top: 40px;}
.dialog_p{text-align: center;font-size: 16px;}
.dialog_con{height: 120px;}
.dialog_btn_container{text-align: center;}
.dialog_btn{display: inline-block;width: 120px;height: 40px;background-color: #09a1ef;color: #fff;font-size: 16px;text-align: center;line-height: 40px;}
/*弹框结束*/

/*分页开始*/
.page_container{text-align: center;font-size: 0;font-family: 'arail';padding-top: 39px;}
.page_nav{font-size: 14px;color:#676767;line-height: 28px;padding-right: 19px;vertical-align: middle;}
.page_btn{width: 26px;height: 26px;line-height: 26px;border:1px solid #cecece;display: inline-block;vertical-align: middle;margin-right: 3px;font-size: 12px;color:#a2a2a2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.page_btn:hover,.page_btn.cur{border-color: #09a1ef;color:#fff;background-color: #09a1ef;}
.page_btn.cur{cursor: default;}
.icon_btn{font-family: '\5B8B\4F53';font-weight: bold;}
/*分页结束*/

/*上传相关开始*/
.upload_left{float: left;width: 289px;text-align: right;height: 32px;line-height: 32px;}
.upload_right{float: left;}
.upload_btn{float: left;}
.upload_list{float: left;margin-left: 15px;}
.upload_option{height: 30px;line-height: 30px;}
.upload_option:hover{text-decoration: underline;}
.upload_option a{color: #555;vertical-align: middle;}
.delete_btn{display: inline-block;width: 11px;height: 16px;background: url(../image/delete_icon.png) 0 0 no-repeat;vertical-align: middle;margin-left: 10px;}
.file_name{max-width: 350px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
/*上传相关结束*/


/*浮动框开始*/
.layer_fixed{height: 156px;position: fixed;top:50%;right:30px;margin-top: -88px;background-color: #fff;box-shadow: 0 0 8px #ccc;padding: 10px;}
.layer_img{width: 100px;height: 100px;}
.layer-txt{margin-top: 10px;font-family: helvetica neue,arial,hiragino sans gb,microsoft yahei,sans-serif;line-height: 20px;}
/*浮动框结束*/