
@charset "utf-8";

@font-face {
    font-family: "siyuanheiti";
    src:url("../fonts/xyht-Regular.eot?#iefix") format("embedded-opentype"),
    	url("../fonts/xyht-Regular.woff2") format("woff2"),
        url("../fonts/xyht-Regular.woff") format("woff"),
        url("../fonts/xyht-Regular.ttf") format("truetype"),
        url("../fonts/xyht-Regular.svg") format("svg");
    font-weight: bold;
}

/* reset style */
html{ -webkit-text-size-adjust:none;}
body{font-size: 12px; line-height:1.666; overflow-x: hidden;}
body, html, a, img, span, b, div, p, h1, h2, h3, h4, h5, h6, table, tbody, tfoot, thead, th, td, tr, strong, pre, em, section, form, input, select, option, header, nav, footer, ul, li, dl, dt, dd, ol, label, textarea, button{ padding: 0; margin: 0; font-family: arial, "siyuanheiti",verdana,sans-serif; }
ul, li, dd, dt, dl, ol { list-style: none; }
img { border: none; font-size:0;}
input, button, input:focus { outline: none; padding: 0; }
input[type=button], input[type=reset], input[type=submit], button { cursor: pointer; border:none; }
button { padding: 0; }
input::-ms-clear { display: none; }
input, button, select, textarea { outline: none; -webkit-appearance:none; -webkit-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; resize: none; }
a{ text-decoration:none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); -ms-tap-highlight-color: rgba(255, 0, 0, 0); -moz-tap-highlight-color: rgba(255, 0, 0, 0); }
a:focus, input:focus, button:focus, select:focus, textarea:focus, a:visited, a:hover{ outline-style: none; -moz-outline-style: none; -webkit-outline-style: none; -webkit-tap-highlight-color: transparent; text-decoration:none;}
a:visited *, a:focus *, a:hover *{ text-decoration:none;}
input::-webkit-input-placeholder, input::-ms-input-placeholder, input::-moz-input-placeholder {line-height:normal; }

/* common style */
input[type=radio], input[type=checkbox]{ display:none;}
.clearfix{ clear: both;}
.fl, .float_l { float:left;}
.fr, .float_r{ float:right;}
.displaybox { display:box; display:-moz-box; display:-webkit-box; display: flex; display: -webkit-flex; display: -moz-flex; }
.ico{  vertical-align:middle; display:inline-block;}
.bgcover{ -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-repeat: no-repeat; }
.vertialmiddle{ display:inline-block; vertical-align:middle; height:100%;}
.boxzing{ box-sizing: border-box; -webkit-box-sizing: border-box;}
.bodyeee{ background-color: #eee;}
.body3d4247{ background-color: #3d4247;}
.container, .iw_1200 { width: 1200px; margin:0 auto;}
.bodyf2f2f2{ background-color: #f2f2f2;}
.shade{ width:100%; height:100%; background: #000; opacity: .4; filter:alpha(opacity=40); position: fixed; left:0; top:0; z-index:999; display: none; }
pre { white-space: pre-wrap; word-wrap: break-word; }

/* crumbsnav */
.crumbsnav{ height:36px; line-height:36px; padding-top: 10px;}
.crumbsnav p{ line-height:36px; color:#999;font-size: 12px;}
.crumbsnav p a:link, .crumbsnav p a:visited{ color:#999;font-size: 12px;}
.crumbsnav p a:hover{ color:#ffb800;}
.crumbsnav p span{ margin:0 5px;}
.crumbsnav em{ font-style:normal; color:#454545;}

.hidden_htnk{ overflow: hidden;}

/*loader 3  */
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.loader{position:relative;margin:auto auto;top:50%;margin-top:-80px;width:150px;height:150px;display:block;overflow:hidden}
.loader div{height:100%}
.loader3,.loader3 div{border-radius:50%;padding:8px;box-sizing:border-box;border:2px solid transparent;-webkit-animation:rotate linear 3.5s infinite;animation:rotate linear 3.5s infinite;border-top-color:rgba(61,66,71,.8);border-left-color:rgba(255,181,0,.75);-webkit-animation-timing-function:cubic-bezier(.55,.38,.21,.88);animation-timing-function:cubic-bezier(.55,.38,.21,.88);-webkit-animation-duration:3s;animation-duration:3s}
div:hover{-webkit-animation-play-state:paused;animation-play-state:paused}
.loader,.loader *{will-change:transform}

/* 第二个loading */
.loadingBox{ width: 100%; height:100%; position: fixed; left:0; top:0; z-index:990; display: block; background-color: #3d4247;}
.loader-ring{position:absolute;top:50%;left:50%;margin:-120px 0 0 -120px;  z-index:992; width:240px;height:240px}
.loader-ring-light{width:240px;height:240px;-moz-border-radius:240px;-webkit-border-radius:240px;border-radius:240px;-moz-box-shadow:0 4px 0 #00abf2 inset;-webkit-box-shadow:0 4px 0 #00abf2 inset;box-shadow:0 4px 0 #00abf2 inset;animation:rotate-360 2s linear infinite}
.loader-ring-track{position:absolute;top:0;left:0;width:240px;height:240px;-moz-border-radius:240px;-webkit-border-radius:240px;border-radius:240px;-moz-box-shadow:0 0 10px 4px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 0 10px 4px rgba(0,0,0,.3) inset;box-shadow:0 0 10px 4px rgba(0,0,0,.3) inset}

@keyframes rotate-360 {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* backtotop */
.back_to_top{ width: 50px; height: 50px; border-radius:3px;  position: fixed; right:50px; bottom:20px; background-color: #ddd; display:none; z-index:10;}
.back_to_top a{ display: block; width: 50px; height: 50px; background: url(../images/icon_to_top_link.png) center center no-repeat; }
.back_to_top span{ margin:0 5px;}
.back_to_top a:hover{ background-image: url(../images/icon_to_top_active.png);}

/* header && footer */
.header, .hideheader{ height:70px; width: 100%; background-color:#3d4247;}
.hidden_htnk .header{  position: fixed; z-index:15; left:0; top:0;}
.hideheader{ display: none;}
.header .logo, .account_container .logo{ height:40px; padding-top: 15px; width: 200px;}
.header .logo a, .account_container .logo a{ display: block; height:40px;}
.header .logo_desc, .account_container .logo_desc{ margin-left: 14px;}
.header .logo_desc h2, .account_container .logo_desc h2{ font-size: 16px; color:#fff; line-height:20px; padding-top: 3px; font-weight: normal; }
.header .logo_desc h3, .account_container .logo_desc h3{ font-size: 11px; color:#fff; line-height:15px; font-weight: normal;}
.header a:link h2, .header a:link h3, .header a:visited h2, .header a:visited h3{ color:#fff; text-decoration: none;}
.account_container a:link h2, .account_container a:visited h2{ font-weight:600;}
.account_container a:link h2, .account_container a:link h3, .account_container a:visited h2, .account_container a:visited h3{ color:#333;}
.header .nav{ padding-top: 15px; display: block;}
.header .nav li{ margin:0 8px; float:left; height:40px; line-height:40px; color:#fff; font-size: 14px; }
.header .nav li:last-child{ margin-right: 0;}
.header .nav li a{ font-size: 14px; color:#fff; display: inline-block; vertical-align: middle; height:40px; line-height:40px; transition: .4s all linear; position: relative;}
.header .nav li .unamemax{ max-width:60px; height: 40px; overflow: hidden; font-weight: normal; line-height:40px; display: inline-block; vertical-align: middle; text-overflow: ellipsis;}
.header .nav li a span{ position: absolute; left:0; bottom:0; display: block; width:0; transition:0.2s all ease-in-out; -webkit-transition:0.4s all ease-in-out; height:1px; background-color: #fff;}
.header .nav li a:hover span{width: 100%;}
.header .nav li em{ margin:0 3px;}
.mobileico{ display: none; margin-right: 10px; width: 32px; height: 32px; margin-top: 19px;}
.mobileico a{ width: 32px; height: 32px; display: block; background: url(../images/ico_menu.png) no-repeat;}
.mobileico a:focus{ background-image: url(../images/ico_menu_active.png);}
.footer { padding-top: 18px; background-color: #3d4247;}
.footer .bottom_link{ height:42px; line-height: 42px;}
.footer .bottom_link .subnav{ text-align: center;}
.footer .bottom_link a{ margin-right: 68px;}
.footer .bottom_link a:link, .footer .bottom_link a:visited{ color:#666;}
.footer .bottom_link a:hover{ color:#fff;}
.footer .share{ text-align: right;}
.footer .share a{ width: 40px; height: 40px; display: inline-block; margin-top: 1px; margin-right: 20px; background: url(../images/icon_share.png) no-repeat;}
.footer .share a.wx{ background-position: 0 -240px;}
.footer .share a.wx:hover, .login_other .other_links a.wx:hover{ background-position: 0 -40px;}
.footer .share a.wb{ background-position: 0 -319px;}
.footer .share a.wb:hover, .login_other .other_links a.wb:hover{ background-position: 0 -200px;}
.item_uinput.u2 .fl span{ color:#999; line-height:20px; vertical-align: middle;}
.item_uinput.u2 .fl span a.fb{ display: inline-block; width:40px; height:40px; vertical-align: middle; margin:0 2px;background: url(../images/icon_share.png) no-repeat 0 -359px;}
.footer .share a.fb, .login_other .other_links a.fb, .item_uinput.u2 .fl a.fb{ background-position: 0 -359px;}
.footer .share a.fb:hover, .login_other .other_links a.fb:hover, .item_uinput.u2 .fl a.fb:hover, .item_uinput.u2 .fl a.fb:hover{ background-position: 0 -399px;}
.footer .game_notice{ color:#fff; font-size: 14px; line-height: 42px; text-align: center;}
.footer .line{ border-top:1px solid #222222; border-bottom: 1px solid #464c51; height:0; width: 100%; margin-top: 16px;}
.footer .copyright{ height:60px;}
.footer .copyright a, .footer .copyright:link{ color:#666;}
.footer .copyright a:hover{ color:#ccc;}
.footer .copyright span{ color:#666; margin-top: 18px;}
.footer .copyright em{ color:#666; font-size: 12px; margin:0 116px; margin-top: 18px;}

/* index.html */
.bbs_information, .news_informations{ background-color: #fff; padding-bottom: 62px;}
.bbs_information h2, .game_information h2, .news_informations h2{ padding:48px 0 36px; line-height:18px; font-size: 18px; color:#333; font-weight: normal;}
.bbs_information h2 span, .game_information h2 span, .news_informations h2 span{ display:inline-block; width: 3px; height: 18px; background-color: #333; margin-right: 15px; vertical-align: middle;}
.bbs_banner{ width: 420px; height: 390px; overflow: hidden;}
.bbs_news{ width: 480px; height:388px; padding:0 22px 0 16px; border:1px solid #e5e5e5; margin-left: 20px;}
.bbsnews_top{ padding-top: 9px; border-bottom:1px solid #e5e5e5; height:30px;}
.bbsnews_top a{ display: inline-block; width: 72px; height:31px; margin-bottom:-1px; line-height:31px; margin-right: 82px; color:#333; font-size: 14px;}
.bbsnews_top a:hover, .bbsnews_top a:focus, .bbsnews_top a.on{ border-bottom:2px solid #ffb800; height:29px;}
.bbsnews_content { padding-top: 6px;}
.bbsnews_content li{ height:54px; line-height:54px;}
.bbsnews_content li a{ display: inline-block; width: 300px; height:54px; line-height:54px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#333; font-size: 14px; }
.bbsnews_content li a:hover{ color:#ffb800;}
.bbsnews_content li[alt=hide]{ display: none;}
.bbsnews_content li.hide{ display: none;}
.bbsnews_content li span{ display: inline-block; width: 90px; line-height:54px; height:54px; overflow: hidden; text-align: center;}
.bbs_opeartion{ width: 220px;}
.bbs_opeartion .bbs_item{ width: 220px; height: 130px;}
.bbs_opeartion .bbs_item a{ display: block;  width: 220px; height: 130px;  background: url(../images/activity_button_03.jpg) no-repeat 0 0px; color:#fff; text-align: center; line-height:130px; font-size: 24px;}
.bbs_opeartion .bbs_item a:hover{ background-image: url(../images/activity_button_04.jpg); }
.bbs_opeartion .bbs_item.op1 a{ background: url(../images/activity_button_01.jpg) no-repeat;}
.bbs_opeartion .bbs_item.op1 a:hover{ background-image: url(../images/activity_button_02.jpg);}
.bbs_opeartion .bbs_item a h6{ font-weight: normal; padding-top: 25px; line-height: 50px; text-align: center; color:#fff;}
.bbs_opeartion .bbs_item a p{ font-size: 16px; line-height: 22px; color: #fff; text-align: center;}
/* 论坛热帖 */
.bbs_hotnotice{ position: absolute; width:300px; overflow: hidden; left:10px; top: 70px; height: 90px; z-index:1000; font-size: 14px; line-height: 30px;display: none;}
.bbs_hotnotice .bbs_left{ float:left; width:80px; font-size: 14px; color:#dedede; line-height: 30px;}
.bbs_hotnotice .bbs_right{ width: 220px; height:90px; overflow: hidden; position: relative;} 
.bbs_right ul{ position: absolute;}
.bbs_right ul li{ line-height: 30px; height: 30px; font-size: 14px; overflow: hidden; text-overflow: ellipsis;}
.bbs_right ul li a{ line-height: 30px; height: 30px; display: block; color:#fff; overflow: hidden; text-overflow: ellipsis;}
.bbs_right ul li a:hover{ text-decoration: underline;}

.game_information{ padding-bottom: 60px; background:url("../images/gamebg.jpg") no-repeat center -290px; background-attachment: fixed; position: relative;}
.game_information .maskshade{ position: absolute; left:0; top:0; width: 100%; height:441px; background-color: #2a2d31; opacity: .75; filter:alpha(opacity=75); z-index:5;}
.game_information .container{ position: relative; z-index:10;}
.game_information::after{ content: ""; width:100%; height:100%; position: absolute; left:0; top:0; background: inherit; filter: blur(2px); z-index: 2;}
.game_information h2{ padding:58px 0 34px; color:#fff; position: relative;}
.game_information h2 a.activity_game{ position: absolute; left:18px; color:#fff; font-size: 16px;}
.game_information h2 a.activity_btn, .news_informations h2 a{ position: absolute; right:0; line-height: 18px; font-size: 12px; color:#aaaaaa;}
.game_information h2 a:hover, .news_informations h2 a:hover{ color:#ffb800;}
.game_information h2 a.activity_game:hover{ text-decoration: underline;}
.game_information h2 span{ background-color: #fff;}
.game_content{ height: 270px;}
.game_content li{ width: 218px; height: 268px; background-color: #fff; float:left; border-radius:10px; border:1px solid #ddd; margin-right: 20px;}
.game_content li:last-child{ margin-right: 0;}
.game_content li:hover{ box-shadow: 0 2px 10px 1px rgba(255,255,255,.6), 0 1px 2px rgba(255,255,255,.2);
    transition: box-shadow .3s;
    -webkit-box-shadow: 0 2px 10px 1px rgba(255,255,255,.6), 0 1px 2px rgba(255,255,255,.2);
    -webkit-transition: box-shadow .3s;
    -moz-box-shadow: 0 2px 10px 1px rgba(255,255,255,.6), 0 1px 2px rgba(255,255,255,.2);
    -moz-transition: box-shadow .3s;
    -ms-box-shadow: 0 2px 10px 1px rgba(255,255,255,.6), 0 1px 2px rgba(255,255,255,.2);
    -ms-transition: box-shadow .3s;}
.game_content li .gamelogo{ padding-top: 27px; height:87px; text-align: center;}
.game_content li .gamelogo a{ display: block;}
.game_content li .gamelogo img{ width: 87px; height: 87px; border-radius: 20px;}
.game_content li h4{ text-align: center; padding-top: 12px; color:#666; font-size: 20px; line-height: 30px; font-weight:500;}
.game_content li p{ font-size: 12px; line-height: 20px; color:#999; text-align: center;}
.game_content li .load{ padding-top: 10px; height:30px; text-align: center;}
.game_content li .load i{ width: 20px; height: 20px; display: inline-block; margin:0 2px; background: url("../images/icon_star.png") no-repeat 0 0;}
.game_content li .load i.half{ background-position: 0 -20px;}
.game_content li .load i.full{ background-position: 0 -40px;}
.game_content li .loadbtn { text-align: center;}
.game_content li .loadbtn a{ display: inline-block; line-height:38px; text-align: center; color:#333; width: 115px; background-image: url(../images/game_download_bg.png); }
.news_informations{ padding:50px 0;}
.news_informations .hotnews{ width: 566px; height: 393px; overflow: hidden;}
.news_informations .hotactivity{ width: 574px;}
.news_informations h2{ padding:0; position: relative;}
.hotnews .newslist{ padding-top: 35px;}
.hotnews .newslist li{ height:auto; margin-top: 26px; transition: .4s all ease-in; -webkit-transition: .4s all ease-in; cursor: pointer;}
.hotnews .newslist li:nth-child(1){ margin-top: 0;}
.hotnews .newslist li a:hover{ color:#ffb800;}
.hotnews .newslist li .news_opend{ display:none;}
.hotnews .newslist li.on .item{ display:none; }
.hotnews .newslist li.on .news_opend{ display:block; }
.hotnews .newslist .news_opend{ height:112px; }
.news_opend { width: 100%;}
.news_opend .newsimg, .newsimg a{ display:block; width: 200px;}
.news_opend .newsimg img{ width: 200px; height: 112px;}
.news_opend .newsdesc { margin-left: 30px; width: 336px; position: relative; height:112px;}
.news_opend .newsdesc h4{ font-size: 18px; height:18px; line-height:18px; overflow: hidden; font-weight: 500;text-overflow: ellipsis; white-space: nowrap;}
.news_opend .newsdesc h4 a{ color:#333;}
.news_opend .newsdesc p{ padding-top: 5px; font-size: 14px; line-height: 22px; color:#666; max-height: 66px; overflow: hidden;  }
.news_opend .newsdesc span{ position: absolute; bottom:0; line-height:20px; font-size: 14px; color:#666; font-family: "宋体";}
.hotnews .newslist .item{ background: url(../images/icon_hot_circle.png) no-repeat left center; padding-left: 18px; height:20px;}
.newslist .item h5{ float: left; width: 425px; font-weight: 500;}
.newslist .item h5 a{  font-size: 14px; color:#666; line-height:20px; height:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newslist .item span{ width: 90px; text-align: center; color:#666; line-height:20px;}
.hotactivity .activity{ padding-top: 22px;}
.hotactivity li{ float:left; width: 280px; height: 164px; margin-right: 13px; margin-top: 13px; margin-right:11px\0; +margin-right:11px;}
.hotactivity li:nth-child(2n){ margin-right: 0;}
.hotactivity li a{ display: block; width: 280px; height: 164px; position: relative;}
.hotactivity li a img{ width: 280px; height: 164px;}
.hotactivity li a span{ display:none; width: 95%; min-height:30px; line-height:30px; background-color: #2a2d31; background-color:rgba(42, 45, 49, .7); color:#fff; padding-left:5%; position: absolute; bottom:0; left:0; display:none;}
.hotactivity li a:hover span{ display: block;}

/* banner */
.banner_index{ height:768px; position: relative; z-index:10;}
.banner_abd{ position: relative; width: 100%; height:768px;}
.banner_index .banner_item{ width:100%; opacity:0; filter:alpha(opacity=0); display: none; position:absolute;top:0;left:0;-webkit-transition:ease 1s all;-moz-transition:ease 1s all;-ms-transition:ease 1s all;transition:ease 1s all }
.banner_index .banner_item.current{ opacity: 1; filter:alpha(opacity=100); display: block;}
.banner_item .l1, .banner_abd .l1{ position: absolute; color:#fff;}
.banner_item .l1{ opacity:0; -webkit-transition:ease 1s all;-moz-transition:ease 1s all;-ms-transition:ease 1s all;transition:ease 1s all}
.banner_item.current .l1{ opacity: 1;}
.banner_item h2{top: 185px; font-size: 36px; height:36px; line-height: 36px; font-weight:500;}
.banner_item .span{ display: block; top:266px; height:10px; background-color: #fff; width: 0px; -webkit-transition:all .8s .2s ease-in-out;-moz-transition:all .8s .2s ease-in-out;-ms-transition:all .8s .2s ease-in-out;transition:all .8s .2s ease-in-out}
.banner_item.current .span{ width: 94px;}
.banner_item h3{ font-size: 60px; height: 60px; line-height: 60px; top:320px; font-weight:500;}
.banner_item h6{ font-size: 22px; height: 22px; line-height: 22px; top:335px; font-weight:400; letter-spacing:2px;}
.banner_item .cp1{ top: 266px; font-size: 36px;}
.banner_item .cp2{ top: 324px;}
.banner_item .cp3{ font-size: 22px;}
.banner_item h6.l2{top:365px;}
.banner_item h6.l3{top:395px;}
.banner_item h6 span{ margin:0 15px}
.banner_abd .load{ top:450px; width: 400px; text-align: center;}
.banner_abd .load a{ display: inline-block; background-image: url(../images/icon_download_indexbanner.png); width: 226px; height: 60px; line-height: 60px; text-align: center; color:#fff; font-size: 24px; transition: all .3s ease-out; border-radius: 30px; position: relative; overflow: hidden;}
.banner_abd .load a:hover{text-decoration: none; box-shadow: 0 0 10px 2px rgba(247, 164, 0, 0.4);}
.banner_abd .load a:after{content: ""; background: #fff; filter:alpha(opacity=0); position: absolute; width: 226px; height: 226px; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; margin: auto; border-radius: 50%; transform: scale(1); transition: all 0.75s ease-in-out; display: none\0;}
.banner_abd .load :active:after { transform: scale(0); opacity: 1; transition: 0s; display: none\0;}
.banner_abd p{ top: 530px; font-size: 14px; text-align: center; width: 400px; text-align: center;}
.banner_abd .banner_vac{ left:350px; top:123px; transform: translateX(500px); -webkit-transform: translateX(500px);  -moz-transform: translateX(500px); z-index:-1;}
.banner_abd .current .banner_vac{transform: translateY(0px); -webkit-transform: translateY(0px);  -moz-transform: translateY(0px);}
.banner_abd{ position: relative; height: 768px; width: 100%;}
.banner_abd .table{ text-align: center; width: 100%; position: absolute; top: 580px;}
.banner_abd table{ width:400px; border-collapse:collapse;}
.banner_abd table td{ width:20%; text-align: center; line-height:36px; border:1px solid #ccc; color:#fff;}
.propationol{ position: absolute; bottom:20px; width: 120px; height: 20px; left: 50%; margin-left:-60px;}
.propationol .page{ position: relative; width: 20px; height: 20px; float:left; margin: 0 10px;}
.propationol .page .wrapper{ width: 10px; height: 21px; border:0; position: absolute; overflow: hidden; top:0; z-index:12;}
.propationol .page .left{ left: 0;}
.propationol .page .right{ right: 0;}
.propationol .page .center{ width: 12px; height: 12px; position: absolute; background-color: #ffd800; left:4px; top:4px; border-radius:50%; z-index:10;}
.propationol .page .scrolltab{ width: 12px; height: 12px; z-index:20; top:0; border:4px solid #3d4247; position: absolute; border-radius: 50%;}
.propationol .page .left .scrolltab{ left:0; transition: all .2s; background: transparent;  transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.propationol .page .right .scrolltab{ right:0px; transition: all .2s;background: transparent; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.propationol .current .rightwrappscroll{
    border-top: 4px solid #ff7e00;
    border-right: 4px solid #ff7e00;
    animation: circleProgressLoad_right 10s linear infinite;
    -webkit-animation: circleProgressLoad_right 10s linear infinite;
}
.propationol .current .leftwrappscroll{
    border-bottom: 4px solid #ff7e00;
    border-left: 4px solid #ff7e00;
    animation: circleProgressLoad_right 10s linear infinite;
    -webkit-animation: circleProgressLoad_left 10s linear infinite;
}
.propationol .current .center{ background-color: #ffb400;}
@keyframes circleProgressLoad_right{
    0%{
        -webkit-transform: rotate(-135deg);
    }
    50%,
    100%{
        -webkit-transform: rotate(45deg);
    }
}

@keyframes circleProgressLoad_left{
    0%,
    50%{
        -webkit-transform: rotate(-135deg);
    }
    100%{
        -webkit-transform: rotate(45deg);
    }
}

/* download popup*/
.download_popalert{ display: none; position: fixed; z-index:1020; background-color:#fff; border-radius:5px; width:566px; min-height:412px; left:50%; top:50%; margin:-241px 0 0 -283px;}
.download_popalert .closed, .nikename_alertpop a.closed, .developer_tips_account .hover_closed{ width:9px; height:9px; position:absolute; right:10px; top:10px; background:url("../images/ico_closed.png") no-repeat; transition: .4s all ease-in; -o-transition: .4s all ease-in; -ms-transition: .4s all ease-in; -moz-transition: .4s all ease-in; -webkit-transition: .4s all ease-in;}
.download_popalert .closed:hover, .nikename_alertpop a.closed:hover, .developer_tips_account .hover_closed:hover{ transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25);}
.download_popalert h2{font-weight: normal; font-size:16px; line-height:66px; text-align:center; color:#333; border-bottom:1px solid #ccc}
.downinfo_msg{ padding:0 28px 10px;}
.downinfo_msg table{ width:100%;border-collapse:collapse;}
.downinfo_msg table td{ width:20%; text-align: center; line-height:36px; border:1px solid #ccc;}
.downinfo_msg h4{font-weight: normal; font-size:16px; line-height:32px;}
.downinfo_msg p{ font-weight: normal; font-size:14px; line-height:24px;}
.downinfo_msg p.pd1{ padding-left:10px;}
.downinfo_msg p .tpl{ font-size: 16px; color:#f00000;}
.downinfo_msg p .gray{ font-size: 12px; color:#cccc; margin-left: 5px;}
.downinfo_msg p a:link, .downinfo_msg p a:visited{ color:#ffb800;}
.downinfo_msg p a:hover{ color:#ffb400;}

/* account reg forget login */
.account_container{ width: 900px; margin:0 auto; position: relative;}
.shareheilei{ width: 340px; display: none; position: absolute; left:0; top:80px;}
.shareheilei img{ width:100%;}
.shareheilei .accreg{ text-align: center; display: none;} 
.account_container .logo{ padding: 63px 0 25px; margin-left: 0;}
.footer_account .copyright{ line-height:19px; padding:110px 0 50px; color:#999;}
.footer_account .t2{ margin-left: 30px;}
.account_box{ width: 898px; border:1px solid #e5e5e5; background-color: #fff; height:778px;}
.account_box .login{ padding-top:66px; position: relative;}
.login_method_tab{ height: 40px; text-align: center;}
.login_method_tab a{ position: relative; line-height: 40px; display: inline-block; height: 40px; color:#333; font-size: 20px;}
.login_method_tab a span{ transition:.4s width linear; -webkit-transition:.4s width linear;  background-color: #222; width:0; height: 2px; position: absolute; left:50%; bottom:0px; margin-left: -32px;}
.login_method_tab a.on span{ display: block; width:63px; }
.login_method_tab a.on:hover span{  -webkit-transtion:none; transtion:none; display: block; width:63px; }
.login_method_tab a:hover span{ width: 63px;}
.login_method_tab em{ color:#999; font-size: 15px; line-height: 40px; margin:0 38px; font-style:normal; }
.login_qrcode{ text-align: center; padding-top: 16px; display: none;}
.login_qrcode h4{ text-align: center; font-size: 14px; line-height: 44px; color:#999; font-weight: normal;}
.login_qrcode h4 strong, .login_qrcode .tips a, .item_uinput.u6 .uinput a{ color:#f26b1d;}
.login_qrcode .qrcode{ padding:9px; border:1px solid #e5e5e5; width: 210px; height: 210px; margin:0 auto; position: relative;}
.login_qrcode .qrcode .qrcodebox{ position: relative;width: 210px; height: 210px;}
.login_qrcode .qrcode .qrcodebox img{ width: 210px; height: 210px;}
.login_qrcode .qrcode .qrcodebox img.logo{ position: absolute; left:85px; top:85px; width: 40px; height: 40px; padding:0;}
.login_qrcode .qrcodeloading, .login_qrcode .qrcoderefresh{ position: absolute; text-align: center; left:7px; top:7px; width:214px; height:214px; display:none; background:#333; background: rgba(0,0,0,0.6);}
.login_qrcode .qrcoderefresh a{ display: inline-block; width: 48px; height: 48px; margin-top: 60px;}
.login_qrcode .qrcodeloading{ display: block;}
@keyframes rotaterefresh {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotaterefresh {
    0%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}
.login_qrcode .qrcoderefresh a:hover, .login_qrcode .qrcodeloading img{ animation: 2s rotaterefresh linear infinite; -webkit-animation: 2s rotaterefresh linear infinite; }
.login_qrcode .qrcoderefresh p{ text-align: center; color:#fff; line-height: 30px;}
.login_qrcode .tips{ text-align: center; line-height: 42px; font-size: 14px;color:#999;}
.login_qrcode .tips a{ font-size: 16px;}
.login_qrcode .tips a:hover{ text-decoration: underline;}
.login_press{width: 369px; padding-top: 44px; margin-left: 220px;}
.leftid{ margin-left: 360px;}
.authlogin .authtips{ text-align: center; height:39px; padding-top: 5px;}
.authlogin .authtips span{ width: 167px; height: 21px; border-radius:12px; line-height:23px; border:1px solid #e4e4e4; background-color: #fafafa; color:#666; text-align: center; display: inline-block;}
.authlogin .login_press{ padding-top: 0;}
.login_press .cate{ text-align: right; width: 85px; padding-right: 10px; line-height:40px; font-size: 14px; color:#999;}
.login_press .item_uinput{ height:40px; clear:both; text-align: left;}
.login_press .item_uinput.u2{ height:20px;}
.login_press .item_uinput.ufb, .login_press .u2.ufb .uinput, .login_press .u2.ufb .cate{ height:40px; line-height:40px;}
.login_press .item_uinput.u3{ height:56px;}
.login_press .item_uinput.u4{ height:50px; padding-top: 25px;}
.login_press .item_uinput.u2.u10 .fr{ color:#999;}
.login_press .item_uinput.u2.u10 .fr a{ color:#f26b1d;}
.login_press .item_uinput.u2.u10 .fr a:hover{ text-decoration: underline;}
.login_press .u2 .cate{ height:20px;}
.login_press .u2 .uinput{ height:20px; line-height:20px;}
.login_press .errortap .uinput{ color:#f00000;}
.login_press .errortap .uinput.green{ color:#12bc00;}
.login_press .uinput{ width: 266px; height:40px;}
.login_press .uinput input{ border:1px solid #e5e5e5; height:20px; font-size: 14px; padding:9px; width: 245px; border-radius:3px; line-height:20px;}
.login_press .uinput input:focus{ border-color:#3d4247; box-shadow: 0 0 15px 1px #ccc, inset 0 0 10px 1px #f2f2f2;}
.checkbox label{ color:#999; line-height: 20px;}
.checkbox label i{ width: 13px; height: 13px; display: inline-block; background:url(../images/icon_checkbox.png) no-repeat; margin-right: 5px; margin-top: -2px; }
.checkbox label.on i{ background-position: 0 -13px;}
.checkbox .fr a{ color:#999; line-height: 20px;}
.checkbox .fr a:hover, .login_press .item_uinput.u3 a, .reg .goback a:hover{ color:#f26b1d; }
.login_press .item_uinput.u4 .uinput button, .login_press .item_uinput.u4 .uinput a{display: inline-block; width: 265px; height: 50px; color:#fff; text-align: center; font-size: 16px; line-height:56px; background-image: url(../images/icon_login_btnbg.png);}
.login_press .item_uinput.u3 .uinput{ text-align: center; font-size: 14px; line-height: 56px; color:#999;}
.login_press .item_uinput.u3 .uinput.more{ line-height: 28px; text-align: left;}
.login_press .item_uinput.u3 a:hover{ text-decoration: underline;}
.login_box_tabs{ height: 366px;}
.login_other p{ line-height: 30px; font-size: 12px; color:#999; text-align: center;}
.login_other .other_links{ padding-top: 15px; text-align: center;}
.login_other .other_links a{ margin:0 14px; display: inline-block; width:40px; height:40px; background: url(../images/icon_share.png) no-repeat;}
.login_other .other_links a.wx{ background-position: 0 0;}
.login_other .other_links a.qq{ background-position: 0 -80px;}
.login_other .other_links a.qq:hover{ background-position: 0 -120px;}
.login_other .other_links a.wb{ background-position: 0 -160px;}
.login_quit{ padding-top: 20px; text-align: center;}
.login_quit a{ text-align: center; width: 122px; height: 28px; line-height: 28px; color:#999; display: inline-block; border:1px solid #999; border-radius:15px; }
.login_quit a:hover{ background-color: #999; color:#fff;}
.login_press .u2.ufb .uinput .fl span, .login_other .other_links a.fb{ display: none;}

/* reg */
.account_box .login.reg{ padding-top: 20px; position: relative;}
.reg .goback{ height:20px; padding-left: 38px;}
.reg .goback a{ line-height:20px; color:#999; font-size: 12px;}
.reg h2{ padding-top: 26px; text-align: center; line-height: 40px; font-size: 20px; color:#333; font-weight: 500;}
.item_uinput.u5 input{ width: 135px;}
.item_uinput.u5 img{ width: 98px; height: 38px; vertical-align: top; border:1px solid #e5e5e5; border-radius:5px; margin-left: 10px;}
.item_uinput.u5 a.getvercode{ width: 98px; height: 38px; border:1px solid #e5e5e5; border-radius:5px; margin-left: 10px; color:#333; font-size: 14px; text-align: center; display: inline-block; vertical-align: top; line-height: 38px;}
.item_uinput.u5 a:hover{ background-color: #3d4247; border-color:#3d4247; color:#fff; }
.item_uinput.u5 a.disabled:hover, .item_uinput.u5 a.disabled{ background-color: #eee; border-color:#eee; color:#aaa;}
.item_uinput .pwd{ position: relative;}
.item_uinput .pwd a{width: 18px; height: 12px; display: block; background: url(../images/eye-password_01.png) no-repeat 0 0; position: absolute; right: 25px; top: 15px; z-index: 18;}
.item_uinput .pwd a:hover{ background-position:0 -12px;}
.item_uinput .pwd a:foucs{ background-position:0 -24px;}
.item_uinput .pwd span{ display: block; width: 195px; color:#666; padding-left: 5px; font-size: 14px; height:38px; line-height: 38px; position: absolute; left:1px; top:1px; border-radius:5px; display: none; background-color: #fff;}
.login.reg .login_box_tabs{ height:auto;}
.reg_success_notice, .second_box{ padding-top: 100px; width: 100%; background-color: #fff; position: absolute;; top:106px; height: 475px; z-index:30; display: none;}
.second_box{ position: static;}
.login.reg .login_box_tabs.second_box{ padding-top: 0; height:480px;}
.reg_success_notice .notice{ text-align: center; line-height:32px; font-size: 16px; color:#333;}
.reg_success_notice img{ margin-right: 6px; vertical-align: middle;}
.reg_success_notice p{ text-align: center; color:#f26b1d; padding-top: 15px; line-height: 14px; font-size: 14px;}
.reg_success_notice p b{ font-weight: normal;}
.reg_success_notice h6{ text-align: center; font-weight: normal; font-size: 14px; color:#666; line-height: 40px; padding: 10px 0;}
.reg_success_notice h6 a{ color:rgb(26, 12, 210);text-decoration: none; font-weight: normal;}
.reg_success_notice h6 a:hover{ text-decoration: underline;}

/* forget */
.item_uinput.u6 { padding-top: 130px;}
.item_uinput.u6 .uinput{ text-align: left;}
.item_uinput.u7 .uinput{ text-align: left; color:#333; font-size: 14px; text-align: left; line-height: 26px;}

/* developer */
.developer_top{ height:25px; line-height: 25px; padding:10px 0;}
.developer_top div{ margin-right: 10px;}
.developer_top a{ line-height: 30px; font-size: 12px; color:#666; background-color: #e5e5e5; padding:0 25px; display: inline-block;}
.developer_top a.pdbreader{ position: relative;}
.developer_top a i{ position: absolute; display: block; width: 30px; height: 30px; background: url(../images/reader.png) no-repeat; display: none; right:0; top:0;}
.developer_top a:hover{ color:#f26b1d;}

/* empty */
.developer_nosign{ min-height:520px; background-color: #fff; width: 100%; margin-bottom: 32px; display: none;}
.developer_nosign .empty_app_img{ padding-top: 120px; height:71px; text-align: center; }
.developer_nosign .empty_app_img img{ width: 71px; height:71px;}
.developer_nosign p{ padding:30px; height:62px; line-height:62px; font-size: 18px; font-weight:500; text-align: center;}
.developer_nosign .to_create_app, .developer_recreate .to_create_app { height:70px; text-align: center;}
.developer_user_top .createbtn{ padding-top: 10px;}
.developer_nosign .to_create_app a, .developer_user_top .createbtn a, .developer_recreate .to_create_app a{ width: 199px; text-align: center; height: 50px; color:#333; line-height: 50px; background: url("../images/icon_developer_submit_new.png"); display: inline-block; font-size: 16px;}
.developer_nosign .to_create_app a.disabled{ color:#333; background: #ccc;}
.developer_nosign .to_create_app a:hover, .developer_user_top .createbtn a:hover, .developer_recreate .to_create_app a:hover{ background-position: 0 -50px;}
.developer_nosign .to_create_app a:focus, .developer_user_top .createbtn a:focus, .developer_recreate .to_create_app a:focus{ background-position: 0 -100px;}
/* user */
.developer_user{ display: none;}
.developer_user_top{ height:70px; background-color: #fff; padding:15px 20px 0;}
.developer_user_top .userimg{ width: 70px; height: 70px; margin-right: 10px;}
.developer_user_top .userimg img{ width: 70px; height: 70px; }
.developer_user_top .userinfo{ width: 150px;}
.developer_user_top h4{ padding-top: 10px;}
.developer_user_top h4, .developer_user_top p{ line-height: 22px; font-size: 12px; color:#999;}
.developer_user_top strong{ color:#333; font-weight: normal; color:#333;}
.applicationcheck_tip{ font-size: 12px; text-align: center; line-height: 20px; color:#f00000; padding-bottom: 5px;}
.tabs_header_set{ height:34px; padding:10px 50px 0; border-bottom:1px solid #ccc; font-size: 0; background-color: #fff5d9; position: relative;}
.tabs_header_set .normaltab{ width: 280px; height:34px;}
.tabs_header_set .activetab{ width: 810px; height:34px; position: relative; overflow: hidden;}
.tabposition{ position: absolute; height:34px; left:0; top:0;}
.tabs_header_set .tabclick{ display: inline-block; vertical-align: top;}
.tabs_header_set .tabclick a{display: inline-block; min-width: 120px; padding:0 10px; border-bottom:none; height:34px; line-height: 34px; text-align: center; color:#666; font-size: 12px; vertical-align: top;}
.tabs_header_set .tabclick a:hover, .tabs_header_set a.active{ border-bottom:#fff; background-color: #fff; height:34px; color:#333; margin-bottom: -1px; border-radius:3px 3px 0 0;}
.tabs_header_set .tabclick a.newcreate{ padding:0 15px; position: relative;}
.tabs_header_set .tabclick a.newcreate i{ display: block; width: 10px; height: 10px; position: absolute; background: url(../images/icon_closed_popbox.png) no-repeat center center; right:2px; top:2px;}
.tabprevnext{ display: none;}
.tabprevnext a{ display: block; width: 26px; height: 26px; background: url(../images/icon_tap_click.png) no-repeat; position: absolute; top:14px;}
.tabprevnext a.prev{ background-position: 0 0; left:10px;}
.tabprevnext a.prev:hover{ background-position: 0 -26px;}
.tabprevnext a.next{ background-position: 0 -52px; right:10px;}
.tabprevnext a.next:hover{ background-position: 0 -78px;}
.tabs_body_set{ max-height:615px; overflow: hidden;}
.developer_user_app_list{min-height:435px; background-color: #fff; margin-bottom: 32px; height: 582px; display: none; overflow:hidden;}
.developer_user_app_list:nth-child(1){ display: block;}
.developer_user_app_list .mdingcenter{ width:100%; min-height:535px;}
.developer_user_app_list table{ width:100%;}
.developer_user_app_list thead td{ background-color: #fafafa; text-align: center; line-height: 45px; color:#333;}
.developer_user_app_list .twd1{ width:284px;}
.developer_user_app_list .twd2{ width:120px;}
.developer_user_app_list .twd3{ width:370px;}
.developer_user_app_list .twd4{ width:168px;  text-align: left;}
.developer_user_app_list .twd5{ width:258px;}
.developer_user_app_list tbody tr{ height:61px;}
.developer_user_app_list tbody td{ height:60px; border-bottom:1px solid #e5e5e5; color:#666; text-align: center;}
.developer_user_app_list .gameinfo{ padding-left: 59px; line-height: 60px; text-align: left;}
.developer_user_app_list .gameinfo img{ width: 30px; height:30px; border-radius:2px; vertical-align: middle; margin-right: 10px;}
.developer_user_app_list .operation{ text-align: center;}
.developer_user_app_list .operation a{ line-height:60px; color:#999; font-size: 14px; margin:0 15px;}
.developer_user_app_list td span{ color:#e5e5e5; margin:0 15px;}
.developer_user_app_list a.opa{ color:#6f85c1; font-size: 14px;}
.developer_user_app_list a.opa:hover{ text-decoration: underline;}
.developer_user_app_list .operation a:hover{ color:#f26b1d;}
.developer_user_app_list .status{ line-height:60px; text-align: left; font-size: 14px;}
.developer_user_app_list .status i, .popup_app_information .appstatus i{ display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-right: 5px;
    background: url("../images/developer_status_app.png") no-repeat;}
.developer_user_app_list .success, .popup_app_information .success{ color:#12bc00;}
.developer_user_app_list .failed, .developer_user_app_list .failed { color:#de3037;}
.developer_user_app_list .pending, .popup_app_information .pending { color:#ffb400;}
.developer_user_app_list .success i, .popup_app_information .success i{ background-position: 0 0;}
.developer_user_app_list .failed i, .popup_app_information .failed i{ background-position: 0 -18px;}
.developer_user_app_list .pending i, .popup_app_information .pending i{ background-position: 0 -36px;}
.page{ text-align: center; font-size: 0; padding-top: 20px;}
.page a{ width: 26px; height: 25px; border:1px solid #ccc; font-size: 14px; color:#aaa; text-align: center; line-height:25px; margin-left: -1px; display:inline-block; _zoom:1;*display:inline; cursor: pointer; *padding:0 5px;}
.page a:hover, .page a.on, .page a.on:hover{ background-color:#ffb400; color:#fff;}

.scrolltabbar_parent{position: relative; height: 546px; overflow: hidden;}
.scrolltabbar{ position: absolute; width: 100%; left:0; top:0px;}
.scrollmousebar{ position: absolute; width: 12px; height: 546px; background-color: #ccc; right:1px; display: none;}
.scrollmousebar span{ position: absolute; background-color: #888; display: block; width: 12px; height: 10px; cursor: pointer;}
.notice_bar_tabs{ height:36px; background-color: #fafafa; padding:0 20px;}
.notice_bar_tabs a{ border-bottom: 2px solid #fafafa; height:34px; line-height:34px;color:#666; padding:0 5px; margin:0 10px; display: inline-block;}
.notice_bar_tabs a:hover, .notice_bar_tabs a.active{ border-color:#FBDC23;}
.itemnotice{ padding:15px 100px; background: #fff;}
.itemnotice:nth-child(odd){ background-color:#fcfcfc;}
.tapleft{ width: 200px; text-align: center;}
.tapleft p{ line-height:24px; font-size: 12px; color:#555;}
.tapright{ width: 600px;}
.tapright p strong, .tapright pre strong{ font-weight: normal; color:#333; font-size: 12px; background-color:#ececec; padding:2px 5px;}
.tapright p pre{ white-space: pre-wrap;}
.tapright p, .tapright pre { color:#666;}
.empty_notice{ padding-top: 50px; text-align: center; color:#999; font-size: 12px; line-height:20px;}

/* popup_app_information */
.popup_app_information{ width: 600px; max-height: 506px; min-height: 426px;padding:10px; background-color: #fff; position: fixed; z-index:1022; margin:-273px 0 0 -320px; left:50%; top:50%; border-radius:10px; display: none;}
.popup_app_information .appname_top{ height: 96px; padding:0 0 10px; margin-bottom: 11px; border-bottom:1px solid #e5e5e5}
.popup_app_information .applogo{ width: 96px; height: 96px; margin-right: 22px;}
.popup_app_information .applogo img{ width: 96px; height: 96px;}
.popup_app_information .appmsg h4{  padding-top: 4px; line-height: 34px; font-size: 24px; color:#333;}
.popup_app_information .appmsg p{ line-height: 22px; font-size: 16px; color:#999;}
.popup_app_information .appstatus{ padding-top: 12px; height: 18px; font-size: 14px; line-height: 18px;}
.appname_message h4, .appname_preview h4{ font-size: 14px; color:#666; font-weight: normal; line-height: 24px;}
.appname_preview{ height:264px;}
.appname_preview .previewparent{ height:220px; width: 600px; overflow: hidden; position: relative;}
.appname_preview .previewparent .scrollTab{ position: absolute; left:0; top:0; height:220px;}
.scrollTab img{ width:auto; height:218px; margin-right: 10px; border:1px solid #fefefe; display: inline-block; vertical-align: top;}
.previewScroll{ width: 600px; height:10px; margin-top: 10px; background-color: #ccc; border-radius:5px; overflow: hidden; position: relative;}
.previewScroll span{ position: absolute; display: block; background-color: #666; width: 50px; height: 10px; left:0; border-radius:5px; top:0; z-index:1033; cursor: pointer; }
.appname_message p{ font-size: 12px; color:#999; line-height:20px; max-height:100px; overflow: hidden; text-indent: 2em;}
.popup_app_information .popclosed, .popup_app_delete .popclosed, .popup_tips_alert .popclosed{ width:12px; height:12px; display:block; background: url("../images/icon_closed_popbox.png") no-repeat; position: absolute; right:10px; top:10px; z-index:1010; transition: .4s all linear; -webkit-transition: .4s all linear; }
.popclosed:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}

.popup_app_delete, .popup_tips_alert{  width: 455px; height: 247px; background-color: #fff; position: fixed; z-index:1022; margin:-123px 0 0 -228px; left:50%; top:50%; border-radius:10px; display:none; }
.popup_app_delete h6, .popup_app_delete p{ font-size: 16px;  color: #333; text-align: center; padding-top: 40px; line-height: 35px; font-weight: normal;}
.popup_app_delete p{ color:#999; padding-top: 19px; }
.popup_app_delete .buttons{ padding-top: 27px; height: 40px; text-align: center;}
.popup_app_delete a{ width: 120px; height: 40px; display: inline-block; line-height: 40px; text-align: center; margin:0 10px; background: url("../images/icon_developer_submit.png") no-repeat; font-size: 14px; color:#333;}
.popup_app_delete a.delete{ background-position: 0 0;}
.popup_app_delete a.delete:hover{ background-position: 0 -40px; }
.popup_app_delete a.delete:focus{ background-position: 0 -80px; }
.popup_app_delete a.cancel{ background:#e5e5e5; color:#333;}
.popup_app_delete a.cancel:hover{ background:#ccc; color:#333;}
.popup_app_delete a.cancel:focus{ background:#aaa; color:#333;}
.popup_tips_alert { height: 140px; margin-top: -70px;}
.popup_tips_alert p{ text-align: center; line-height:60px; height:60px; padding-top: 10px; color:#666; font-size: 14px;}
.popup_tips_alert .buttons{ padding-top: 10px; text-align: center;}
.popup_tips_alert .buttons a:link, .popup_tips_alert .buttons a:visited{ display: inline-block; text-align: center; color:#333; background:url(../images/icon_developer_submit.png) no-repeat; height:40px; line-height:40px; width: 120px; font-size: 14px;}
.popup_tips_alert .buttons a:hover{ background-position: 0 -40px;}

.logoutit{ height:60px; margin-top: -30px; border:1px solid #ccc;}
.logoutit p{ padding-top: 0;}


/* create */
.developer_create{ background-color: #fff; margin-bottom: 32px; min-height: 640px; position: relative;}
.developer_create_step{ height:44px; padding:30px 0; border-bottom: 1px solid #ccc;}
.developer_step span{ display: inline-block; background: url("../images/developer_step_bk.png") no-repeat; height:44px; line-height: 44px; text-align: center; color:#666; margin-left: -18px; }
.developer_create_step .developer_step{ text-align: center; height:44px; position:relative}
.fork1 span{ width: 227px;}
.fork2 span{ width: 170px; margin-left: -20px;}
.fork1 span:first-child, .fork2 span:first-child{ margin-left: 0;}
.fork1 .step_1{ background-position: 0 0; left:0;}
.fork1 .step_1.on{ background-position: 0 -44px;}
.fork1 .step_2{ background-position: 0 -88px; left:227px;}
.fork1 .step_2.on{ background-position: 0 -132px;}
.fork1 .step_3{ background-position: 0 -176px; width: 207px;}
.fork1 .step_3.on{ background-position: 0 -220px;}
.fork2 .step_1{ background-position: 0 -264px;}
.fork2 .step_1.on{ background-position: 0 -308px;}
.fork2 .step_2{ background-position: 0 -352px;}
.fork2 .step_2.on{ background-position: 0 -396px;}
.fork2 .step_3{ background-position: 0 -440px;}
.fork2 .step_3.on{ background-position: 0 -484px;}
.fork2 .step_4{ background-position: 0 -528px; margin-left: -19px;}
.fork2 .step_4.on{ background-position: 0 -572px;}
.developer_create_step .developer_step span.on{ color:#333;}
.developer_recreate .to_create_app{ margin-top: 101px;}
.create_user_choose{ padding-top: 104px; text-align: center;}
.create_user_choose a{display: inline-block; width: 286px; height: 160px; background-repeat: no-repeat; margin:0 20px;}
.create_user_choose a.on{ box-shadow: 0 0 15px 2px #ccc; border-radius:10px;}
.create_user_choose a.self.on{ background-image: url(../images/user_developer_self.png);}
.create_user_choose a.company{ background-image: url(../images/user_developer_company.png);}

/* create_user_self */
.developer_user_content{ width:1198px;background-color: #fff; margin-bottom:44px; min-height:600px;}
.developer_user_content h2{ text-align:center; color: #333; font-weight: 600; font-size:16px; line-height:92px;}
.developer_cform .item_developer{ height:35px; margin-bottom:27px;}
.developer_cform .item_developer.qqnotice{ margin-top: -20px; height:20px; overflow: hidden;}
.developer_cform .item_developer.qqnotice p{ color:#999;}
.developer_cform .item_developer.hidden{ display:none;}
.developer_cform .labelname{ height:35px; padding-right:30px; width:380px; text-align:right; color:#333; font-size:14px; line-height:35px;}
.developer_cform .labelname b{ color:#f00000;}
.developer_cform .labelname p{ line-height:16px;}
.developer_cform .labelname p:nth-child(2){ color:#999;}
.developer_cform .input{ width:380px;}
.developer_cform input, .form_vercode .item_form input, .upfile .checkboxs .choose_tag, .developer_cform textarea{ padding:6px; border:1px solid #e5e5e5; height:21px; width:358px; font-size:14px; line-height:21px; border-radius:3px;}
.developer_cform textarea{ height:84px;}
.developer_cform .desc{ position: relative;}
.developer_cform .desc span{ position: absolute; color:#ccc; font-size: 12px; right:15px; bottom:5px;}
.developer_cform .description{ height:104px;}
.developer_cform input:focus, .form_vercode .item_form input:focus, .developer_cform .appdesc textarea:focus,.upfile .choose_tag.active, .developer_banknumber .input input:focus, .developer_cform textarea:foucs{ border-color:#f26b1d;}
.developer_cform input.error, .developer_banknumber .input input.error, .developer_cform textarea.error{ border-color:#fc8383; background-color:#fff2f2;}
.developer_cform input.phone{ width:248px;}
.developer_cform .input a.bind_phone, .form_vercode .item_form a, .developer_update_app a, .developer_tips_account a{ display:inline-block; width:100px; height:35px; line-height:35px; background: url("../images/icon_developer_sendvercode.png") no-repeat; vertical-align:middle; text-align:center; color:#333; vertical-align:top; margin-left:10px; font-size: 14px;}
.developer_cform .input a.bind_phone:hover, .form_vercode .item_form a:hover, .developer_update_app a:hover, .developer_tips_account a:hover{ background-position: 0 -35px;}
.developer_cform .input a.bind_phone:focus, .form_vercode .item_form a:focus, .developer_update_app a:focus, .developer_tips_account a:focus{ background-position: 0 -70px;}
.developer_cform .errorinfo{ width:200px; line-height:35px; color:#f00000; margin-left:10px;}
.developer_cform .errorinfo.green{ color:#12bc00;}
.developer_cform .checkbox .errorinfo{ line-height:14px;}
.developer_cform .submit{ height:40px;}
.developer_cform .submit input, .form_vercode .submit input, .submit_radiao a, .answer_bottom .answer_op a{ width:120px; height:40px; padding:0;font-size:16px; line-height:40px; color:#333; margin-right:20px; text-align:center; cursor:pointer;}
.developer_cform .submit input.reset, .form_vercode .submit input.reset, .uploadfile_groess .cancel_button a, .submit_radiao a.reset_button, .answer_bottom .answer_op a.cancel{ width:120px; height:40px; background-color:#e5e5e5; line-height:40px; border:none;}
.developer_cform .submit input.reset:hover, .form_vercode .submit input.reset:hover, .uploadfile_groess .cancel_button a:hover, .submit_radiao a.reset_button:hover, .answer_bottom .answer_op a.cencel:hover{ background-color:#ccc; color:#333; }
.developer_cform .submit input.reset:focus, .form_vercode .submit input.reset:focus, .uploadfile_groess .cancel_button a:focus, .submit_radiao a.reset_button:focus, .answer_bottom .answer_op a.focus{ background-color:#aaaaaa; color:#333; border:none;}
.developer_cform .submit input.save, .form_vercode .submit input.save, .submit_radiao a.submit_button, .answer_bottom .answer_op a.submit{ background: url("../images/icon_developer_submit.png") no-repeat; border:none;}
.developer_cform .submit input.save:hover, .form_vercode .submit input.save:hover, .submit_radiao a.submit_button:hover, .answer_bottom .answer_op a:hover{ background-position: 0 -40px;}
.developer_cform .submit input.save:focus, .form_vercode .submit input.save:focus, .submit_radiao a.submit_button:focus, .answer_bottom .answer_op a:focus{ background-position: 0 -80px;}
.developer_cform .checkbox i{ margin-right:5px;}
.developer_cform .checkbox{ height:14px; margin:-16px 0 84px;}
.developer_cform .checkbox a{ color:#f26b1d;}
.developer_cform .checkbox a:hover{ text-decoration:underline;}
.developer_cform .desc .questionanswer{ color:#6f85c1; font-size: 12px; line-height: 35px;}
.developer_cform .desc .questionanswer:hover{ text-decoration: underline;}
.developer_question{ position: fixed; width: 760px; height: 570px; padding:0 20px; margin:-285px 0 0 -400px; background-color: #fff; z-index:1110; left:50%; top:50%; display: none;}
.developer_question .closedthis{ position: absolute; width: 12px; height: 12px; background: url(../images/icon_closed_popbox.png) no-repeat; display: block; right:20px; top:24px; z-index: 1111;}
.developer_question .answer_top{ height:60px; line-height:60px; border-bottom:1px solid #e5e5e5;}
.developer_question .answer_top h2{ font-size: 18px; color:#333; line-height: 60px;}
.developer_question .answer_top h2 .clickrefresh{ display: inline-block; width: 22px; height: 22px; background: url(../images/icon_code_refresh.png) no-repeat; vertical-align: middle; margin-left: 10px; -webkit-transition: linear 0.4s all; -o-transition: linear 0.4s all;
transition: linear 0.4s all;}
.developer_question .answer_top h2 .clickrefresh:hover{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.developer_question .answer_center{height: 407px; position: relative; padding: 15px 0;}
.answer_center_parent{ height: 407px; overflow: hidden; width: 720px;}
.answer_codelist{ position: relative; height: 407px; overflow: hidden; width: 720px;}
#code{ position: absolute; left:0; top:0;}
.answer_center_scroll{ height: 407px; width: 12px; position: absolute; top:15px; border-radius: 6px; background-color: #ccc; right:0; display: none;}
.answer_center_scroll span{ position: absolute; width: 12px; height: 10px; background-color: #999; border-radius: 6px; display: block; cursor: pointer;}
.developer_question .answer_bottom{ border-top:1px solid #e5e5e5; height:71px;}
.answer_bottom .answer_put{ width: 350px; line-height:71px; font-size: 18px; color:#333;}
.answer_bottom .errors{ color:#f00000; font-size: 12px; margin-left: 5px;}
.answer_bottom input{ height:26px; border:1px solid #e5e5e5; padding:5px; text-align: center; width: 136px; color:#333; font-size: 14px;}
.answer_op{ width: 360px; padding-top: 15px; text-align: right;}
.answer_op a{ display: inline-block;}
.answer_op a.cancel{ margin-right: 0;}

/* 覆盖样式 */
.editormd-preview-container{ padding:0; width:720px;}

/* developer-account */
.developer_account{ padding-top: 18px; min-height:587px;}
.developer_tabbar{ display: none;}
.developer_tabbar:nth-child(1){ display: block;}
.developer_tabs{ padding: 31px 0; height: 16px; line-height: 16px;}
.developer_tabs.changetips{ padding:0;}
.developer_tabs.changetips strong{ font-weight: normal; font-size: 14px; color:#f00000; margin-left: 60px;}
.developer_tabs .develoer_title{ text-align: right; width: 292px; color:#666; font-size: 14px;}
.developer_tabs .develoer_title strong, .developer_caccount .labelname b{ color:#ffb800; margin-right: 6px; vertical-align: middle;}
.develoer_label{ width: 600px; height: 16px;}
.develoer_label label{ display:inline-block; margin-left: 47px; color:#666; font-size:14px; cursor: pointer;}
.develoer_label label i{ display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(../images/developer_radio.png) no-repeat;}
.develoer_label label.active i{ background-position: 0 -16px;}
.developer_caccount .labelname{ width: 361px; padding-left: 14px; text-align: right; color:#666;}
.developer_caccount .labelname strong{ margin-right: 40px; font-size: 14px; color:#666; font-weight: normal;}
.developer_caccount .checkbox{ height: 16px; margin: -10px 0 20px;}
.developer_caccount .submit{ padding: 40px 0 155px;}
.developer_caccount .submit input, .developer_banknumber .tosubmit input{ width: 199px; height: 50px; line-height: 50px; font-size: 18px; border:none;}
.developer_caccount .submit input.save, .developer_banknumber .tosubmit input{ background-image:url("../images/icon_developer_submit_new.png");}
.developer_caccount .submit input.save:hover, .developer_banknumber .tosubmit input:hover{ background-position: 0 -50px;}
.developer_caccount .submit input.save:focus, .developer_banknumber .tosubmit input:focus{ background-position: 0 -100px;}
.developer_caccount .submit input.reset{ width: 130px; height: 50px; line-height: 50px; }
.developer-alertbox{ width: 100%; height:100%; position: absolute; left:0; top:0; background-color: #fff; display: none;  z-index:600;}
.developer_checked .status_banner{ text-align: center; padding-top: 108px;}
.developer_checked h4{ text-align: center; color:#333; font-size: 24px; line-height: 34px; padding-top: 14px; font-weight: 500;}
.developer_checked p{ line-height:30px; color:#999; text-align: center; font-size: 14px;}
.developer_checked p strong{ font-weight: normal; color:#f00000;}
.developer_checked .link{ margin-top: 20px; text-align: center; }
.developer_checked .link a{ color:#7eb5ff; text-decoration: underline;}
.developer_checked .link a:hover{ color:#0a63db;}
.developer_checked .download{ color:#2A4AFF;}
.developer_checked .download:hover{ text-decoration: underline;}
.developer_checked .link a.success{ color:#fff; background-color:#1AAD18; display: inline-block; height: 36px; width: 120px; text-align: center; line-height: 36px; text-decoration: none; border-radius:3px;}
.developer_banknumber{ text-align: center;}
.developer_caccount .developer_banknumber .errorinfo{ text-align: center; height:20px; line-height:20px; width:100%; padding: 0;}
.developer_banknumber .banknumber{ padding-top: 128px;}
.developer_banknumber .input input{ height: 25px; padding:4px 10px; border:1px solid #e5e5e5; width: 386px; text-align: center;}
.developer_banknumber p{ line-height: 48px; color:#666; font-size: 14px; text-align: center;}
.developer_banknumber .tosubmit, .developer_banknumber .input{ text-align: center; width: 100%;}
.developer_banknumber .tosubmit{ margin-top: 38px;}
.developer_banknumber .tosubmit input{ padding:0;}

/* bind_popalert */
.bind_popalert{ width:450px; height:320px; position:fixed; left:50%; top:50%; margin-left:-225px; margin-top:-160px; z-index: 1001; background-color:#fff; display:none;}
.bind_popalert h2{ height:48px; line-height:48px; color:#333; font-size:14px; text-align:center; font-weight:normal; border-bottom:1px solid #ccc;}
.form_vercode{ padding:29px 55px 38px;}
.form_vercode .item_form{ height:35px;}
.form_vercode .item_form img{ width:98px; height:33px; border:1px solid #ccc; border-radius:3px; vertical-align: top; margin-left: 10px;}
.form_vercode .item_form input{ width:325px;}
.form_vercode .item_form input.vercode{ width:216px;}
.form_vercode .item_form a{ width:100px; margin-left:10px;}
.form_vercode .item_form a.disabled{ background-color:#e5e5e5; background-image: none; color:#aaa;}
.form_vercode .item_form a.disabled:hover{background-color:#e5e5e5; border-color:#aaa; cursor:not-allowed; }
.form_vercode .errorinfo{ height:19px; line-height:19px; color:#f00000;}
.bind_popalert .form_vercode .errorinfo{ margin-left: 0;}
.form_vercode .submit{ height:35px; padding-top:11px; text-align:center;}
.form_vercode .submit input{ margin:0 15px; border-radius:3px; height:35px; line-height:35px; width:100px;}
.form_vercode .submit input.reset{ height:35px; vertical-align:top; line-height:33px; width:98px;}

.error_message_alertbox{ background-color:#fff; border-radius: 5px; width: 400px; height: 150px; position: fixed; margin: -75px 0 0 -200px; left:50%; top:50%; display: none; z-index: 1001;}
.error_message_alertbox p{ padding:30px 15px 0; line-height:40px; height:40px; text-align: center;}
.error_message_alertbox div{ text-align: center; margin-top: 15px;}
.error_message_alertbox a{ text-align: center; border:1px solid #efefef; color:#666; width:80px; height:36px; line-height:36px; border-radius: 5px; display:inline-block;}
.error_message_alertbox a:hover{ color:#333;}

/* help */
.server_tips { padding:20px;}
.server_tips h4{ font-weight:normal; font-size:14px; color:#333;}
.server_tips h6{ font-weight:normal; font-size:13px; color:#333;}
.server_tips p{ font-size:14px; line-height:28px; margin:5px 0; color:#333;}
.server_tips p.icon_logo img{ width:100px; height:100px;}
.server_tips dl{ margin-top: 15px;}
.server_tips dl dt{ font-size: 14px; font-weight:500; color:#666; line-height:24px; padding:5px 0;}
.server_tips dl dd{ font-size: 13px; color:#757575; line-height:20px;}
.server_tips dl dd.dd1{ padding-left: 10px; margin: 5px 0; color:#666;}
.server_tips dl dd.dd2{ padding-left: 20px; margin: 5px 0;}
.server_tips dl dd.bold{ font-weight: bold;}
.server_tips dl dd.dd3{ padding-left: 30px;}
.server_tips dl dd table{ width: 500px;}
.server_tips dl dd b{ color:#f00000;}
.server_tips dl a{ color:#2d78f4;}
.server_tips dl a:hover{ text-align: underline;}
.server_tips table {border-collapse:collapse;}
.server_tips table td{ border:1px solid #ccc; font-size: 14px; text-align: center; height:30px; line-height:30px;}
.server_tips table thead td{background-color: rgb(128,128,128); color:#333;}

/* update_file */
.server_warnning{ background-color: #fff7e5; color:#333; font-size: 14px; line-height: 29px; height:29px; padding-left: 284px;}
.developer_user_content h6{ color:#333; font-size: 16px; padding-left: 284px; line-height: 55px;font-weight: normal; padding-bottom: 8px;}
.developer_user_content h6 strong{ display: inline-block; width: 126px; font-weight: normal;}
.developer_user_content h6 span{ color:#f00000; font-size: 12px;}
.developer_user_content h5{ font-weight: 600; font-size: 14px; color:#666; line-height:26px;}
.developer_cform.upfile{ margin-left: 284px; padding-bottom: 62px;}
.upfile .labelname{ margin-left: 0; padding-right: 0; width: 126px; text-align: left; color:#999;}
.developer_cform .applogo{ height:70px;}
.developer_cform .applogo.apppreview{ display: none;}
.developer_cform .applogo .input{ position: relative;}
.developer_cform .applogo input{ opacity: 0; filter: alpha(opacity=0); width: 70px; height: 70px; position:absolute; left:0; top:0; padding:0; z-index:20; cursor: pointer; z-index:510;}
.developer_cform .applogo img{ width: 68px; height: 68px; border:1px solid #e5e5e5;}
.developer_cform .applogo i{display: inline-block; width: 68px; height: 68px; border:1px solid #e5e5e5; text-align: center; font-size: 28px; line-height:68px; color:#999; cursor: pointer; z-index:10; position: relative;}
.developer_cform .applogo .closedimg, .item_feed .imgresult .closedimg{ position: absolute; left:70px; top:0px; display: block; width: 12px; height: 12px; background: url(../images/icon_closed_popbox.png) no-repeat 0 0; -webkit-transition: 0.4s all linear; transition: 0.4s all linear; z-index:520; border:1px solid #efefef; cursor:pointer;}
.developer_cform .applogo .closedimg:hover, .item_feed .imgresult .closedimg:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.developer_cform .applogo .clickup, .developer_cform .applogo .imgresult{ display: inline-block; position: relative; width: 70px; height: 70px; vertical-align: top; margin-right: 20px;}
.developer_cform .applogo .desc, .developer_cform .applogo .button{ display: inline-block; vertical-align: top;}
.developer_cform .applogo .desc{ width: 206px;}
.developer_cform .applogo .button a{ width: 70px; height:32px; border-radius:3px; background-color:rgb(255, 212, 0); display: block; text-align: center; line-height:32px; color:#333;}
.developer_cform .applogo .button a:hover{ background-color:rgb(255,172,0);}
.developer_cform .applogo .button a.disabled, .developer_cform .applogo .button a.disabled:hover{ background-color: #e5e5e5;}
.developer_cform .applogo .desc p{ font-size: 12px; color:#999; line-height:20px; }
.upfile .radio { line-height: 35px;}
.upfile .radio i{ vertical-align: middle; width:16px; height:16px; background-image: url("../images/icon_developer_forms.png"); background-repeat:no-repeat; margin-right:5px;}
.upfile .radio i{ background-position:0 0;}
.upfile .radio i.on{ background-position:0 -16px;}
.upfile .radio label{ margin-right: 10px;}
.upfile .radio label:hover i{ background-position:0 -16px; }
.upfile .radio label:hover i.on{ background-position:0 -16px; }
.developer_cform .tags{ margin-bottom: 72px;}
.upfile .checkboxs{ position: relative;}
.upfile .checkboxs .choose_tag{ cursor: pointer; position: relative;}
.upfile .checkboxs .choose_tag .tag{ position: absolute; right:5px; top:-2px; background: url("../images/icon_developer_tags.png"); display: inline-block; width: 16px; height: 35px; }
.upfile .checkboxs .choose_tag .tag.on{ background-position: 0 -35px}
.upfile .checkboxs .checkbox_box{ position: absolute; z-index:800; left:0; top:37px; background-color: #fff; width: 370px; border:1px solid #e5e5e5; min-height:188px; display: none; }
.checkbox_box .list_item{ padding:10px;}
.checkbox_box .list_item i{ display:inline-block; margin-right: 2px; vertical-align: middle; width: 16px; height: 16px; background: url("../images/icon_developer_forms.png") 0 -32px no-repeat;}
.checkbox_box .list_item label{ display: inline-block; cursor: pointer; width: 84px;}
.checkbox_box .list_item i.on, .checkbox_box .list_item label:hover i.on{ background-position: 0 -48px;}
.checkbox_box .button{ text-align: right; padding:0 10px 10px;}
.upfile .checkbox_box .button a{ margin-left: 10px; display: inline-block; width: 40px; height: 20px; border:1px solid #e5e5e5; text-align: center; line-height: 20px; border-radius: 10px;}
.upfile .checkbox_box .button a.confirm{ background-color: #fff7e2; color:#ffb800; border-color:#ffb800;}
.upfile .checkbox_box .button a.confirm:hover{ color:#fff; background-color: #ffb800;}
.upfile .checkbox_box .button a.cancel:hover{ border-color:#ccc; background-color: #ccc; color:#333;}
.upfile .checkbox_box .button a.cancel:focus{ border-color:#aaa; background-color: #aaa; color:#333;}
.checkbox_box{ border:1px solid #e5e5e5;}
.developer_cform .appdesc{ height:107px;}
.developer_cform .appdesc textarea{ border:1px solid #e5e5e5; resize: none; padding:10px; width: 350px; height:85px; line-height:20px; font-size: 14px; color:#666;}


.upfile .input{ width:497px; position:relative; }
.upfile .input .file_update_btn{ display:inline-block; width:56px; height:35px; vertical-align: top; position:relative; cursor: pointer; }
.upfile .input a{ display:inline-block; width:49px; height:33px; line-height:33px; border-radius:3px; border:1px solid #e5e5e5; background-color:#fff; text-align:center; font-size:14px; color:#333; vertical-align:top; margin-left: 8px; }
.upfile .input a:hover, .file_update_btn:hover a{ background-color:#ff9400; border-color:#ff9400; color:#333; cursor: pointer;}
.upfile .input a:focus, .file_update_btn:focus a{ background-color:#ff7200; border-color:#ff7200; color:#333; cursor: pointer;}
.upfile .input a.closedimg{ top:0; left:60px;}
.upfile .input a.closedimg:hover{ background-color: #fff!important; display:inline-block; border-color:#e5e5e5;}
.upfile .input .fileinput{ width:54px; opacity:0; filter: alpha(opacity=100); height:35px; position:absolute; left:0px; top:0; padding:0; z-index:2; cursor: pointer;}

.developer_cform .file{ height:20px; line-height:20px; margin-top: -10px; margin-bottom: 30px;}
.developer_cform .input .hidden{ background-color:#fff;}
.developer_cform .file .errorinfo{ margin-left:0; color:#f00000; }
.developer_cform .file > div{ line-height:20px; height:20px; color:#333;}

.developer_update_app{ width:350px; height:115px; background-color:#fff; position:fixed; display:none; left:50%; top:50%; margin-left:-175px; margin-top:-55px; z-index:1500; border-radius:5px;}
.developer_update_app a{ width:100px; height:35px; display:inline-block; line-height:35px; color:#333; text-align:center; font-size:12px;}
.developer_update_app p.red{ color:#f00; padding-bottom:10px; line-height:28px; text-align:center;}
.developer_update_app{ height:80px; margin-top:-45px; padding-top:10px;}
.developer_update_app .to_developer{ text-align:center;}

/* 上传进度条 */
.developer_recreate{ position: relative; }
.uploadfile_groess{ position: absolute; left:0; top:0; background-color: #fff; width: 100%; z-index: 999; min-height: 713px; display: none; height:100%;}
.uploadfile_groess h6{ padding-top: 114px; text-align: center; color:#666; line-height:70px; font-size: 12px;}
.uploadfile_groess .progress{ height:25px; margin:0 auto; width: 632px;}
.uploadfile_groess .progress_parent{ border:1px solid #ddd; background-color: #e5e5e5; width: 630px; height: 23px; position: relative; border-radius:3px; overflow: hidden;}
.uploadfile_groess .progress_parent span{ position: absolute; height:23px; width:0; display: inline-block; width:100px; }
.uploadfile_groess p{ text-align: center; line-height: 38px; color:#666; font-size: 12px; text-align: center; font-weight: normal;}
.uploadfile_groess .cancel_button{ padding-top: 40px; height: 40px; text-align: center;}
.uploadfile_groess .cancel_button a{ margin-right: 0; display: inline-block; color:#fff; border-radius:3px; font-size: 14px; background: url(../images/icon_developer_submit.png) no-repeat 0 0;}
.uploadfile_groess .cancel_button a:hover{ background-position: 0 -40px;}
.progress_primary{background-color:#ffd369; background-image: linear-gradient(left, #ffd369, #ffbc1b);}
.progress_success{ background-color:#ffbc1b;}
.progress-bar-animated{ -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;}
.progress-bar-striped{
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}
@-webkit-keyframes progress-bar-stripes {
  from  { background-position: 40px 0; }
  to    { background-position: 0 0; }
}

@keyframes progress-bar-stripes {
  from  { background-position: 40px 0; }
  to    { background-position: 0 0; }
}

/* application */
.application_step{ height: 119px; padding:0 152px; position:relative;}
.application_step .step_box{ border-bottom:1px dashed #e5e5e5; padding-top: 38px; text-align: center; height: 80px;}
.application_step .backstep{ position: absolute; width: 50px; height: 50px; top:20px; left: 50px;}
.application_step a{ display: block; width: 32px; height: 20px; background: url(../images/icon_backup.png) no-repeat left center; padding-left: 20px; color:#ccc; line-height:20px;}
.step_box .step_cp{ width: 190px; display: inline-block; height: 62px; position: relative;}
.step_cp .top{ text-align: center; height: 24px;}
.step_cp .line{ position: absolute; width: 159px; height: 2px; background-color: #ccc; top:11px; left:111px;}
.step_cp .top span{ display: inline-block; width: 24px; height: 24px; border-radius:50%; background-color: #dddddd; color:#333; text-align: center; line-height: 24px;}
.step_cp .center{ text-align: center; height: 38px; line-height:38px; color:#999; font-size: 14px;}
.step_cp.active .top span{ background: #ffb800;}
.step_cp.active .line{ background-color: #ffb800;}
.step_cp.active .center{ color:#333;}
.application_choice{ padding: 30px 0 56px 420px;}
.application_choice .item_application{ height: 42px; line-height: 42px; font-size: 16px; color:#666; position: relative;}
.application_choice .item_application.error{ height: 20px; line-height:20px;}
.application_choice .item_application .errorinfo{ color:#f00000; font-size: 12px;}
.application_choice .item_application label{ cursor: pointer;}
.application_choice .item_application input{ display: none;}
.application_choice .item_application i{ position: absolute; display: block; width: 18px; height: 18px; background: url(../images/developer_radio_md.png) no-repeat; left: -42px; top:12px;}
.item_application.on i{ background-position: 0 -18px;}
.item_application textarea{ width: 430px; height: 94px; border:1px solid #e5e5e5; resize: none;}
.item_application span{ color:#666;}
.item_application .submit_radiao { margin-top: 30px;}
.item_application .submit_radiao a{ display: inline-block;}

.application_feed{padding-top: 28px;}
.item_feed{ height: 75px;}
.item_feed .imgresult{ display: inline-block; width: 122px; height: 73px; position: relative; text-align: center; border:1px solid #e5e5e5; margin-right: 10px;}
.item_feed .imgresult img{ width: auto; height: 73px; max-width: 122px;}
.item_feed .imgresult .closedimg{ left:125px;}
.item_feed.sm{ height:20px; line-height:20px;}
.item_feed.url{ height: 35px; line-height: 35px;}
.item_feed.url .file{ height: 35px;}
.item_feed.sm .file{font-size: 14px; color:#666; font-weight:500;}
.item_feed .title, .application_feed .submit .title{ font-size: 14px; text-align: right; color:#666; width: 355px; padding-right: 20px;}
.item_feed .title strong{ color:#f00000; margin-right: 5px;}
.item_feed .file{ width: 408px; height: 75px; position: relative;}
.item_feed.sm .file{ height: 20px; line-height:20px; color:#666;}
.item_feed .ctips{position: relative;}
.item_feed a.tipclicknotice{ color:#ccc; font-size: 14px; background: url(../images/wenhao.png) no-repeat; width: 18px; height: 18px; display: inline-block; vertical-align: middle;}
.item_feed .words{ border:1px solid #e5e5e5; position: absolute; line-height:24px; color:#666; padding:5px; font-size: 14px; width: 152px; left:260px; top:-133px; background-color: #fff; display: none; text-align: left;}
.words::before,
.words::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-width: 8px 8px;
    border-style: solid;
    border-color: #e5e5e5 transparent transparent ;
    bottom: -17px;
    left: 77px;
}
.words::after{
    border-color: #fff transparent transparent ;
    bottom: -15px;
}
.item_feed .file .cturl{ border:1px solid #e5e5e5; width: 400px; padding:5px 0 5px 6px; height:23px; color: #666; font-size: 12px;}
.item_feed .file .diss{ height: 75px; display: inline-block; margin-right: 10px; vertical-align: middle;}
.item_feed .file .clickup{ width: 124px; height: 75px; position: relative;}
.item_feed .file .clickup .filespic{ opacity: 0; position: absolute; filter: alpha(opacity=0); width: 124px; height: 75px; cursor: pointer;}
.item_feed .file .clickup i{ width: 122px; height: 73px; border:1px solid #e5e5e5; background: #fafafa url(../images/icon_upload_sm.png) no-repeat center center;}
.application_feed .errorinfo{ height: 20px; color:#f00000; padding-left: 375px;}
.item_feed .file textarea{ width: 396px; height: 63px; border:1px solid #e5e5e5; padding:5px; color:#666; resize: none;}
.item_feed .file span{ color:#ccc; font-size: 14px; position: absolute; right: 5px; bottom: 5px;}
.item_feed .file input, .item_feed .file textarea{ border-radius:3px;}
.item_feed .file input.error, .item_feed .file textarea.error{ border-color:#fc8383; background-color:#fff2f2;}
.application_feed .submit{ padding-bottom: 48px; height: 40px;}
.application_feed .item_application .submit_radiao{ margin-top: 0;}
#video{ display:none;}

/* 审核 */
.check_developer{ padding-top: 103px;}
.check_developer .check_img{ text-align: center; height: 71px; }
.check_developer h4{ text-align: center; padding-top: 14px; color: #333; font-size: 16px; line-height: 30px;}
.check_developer p{ line-height: 24px; text-align: center; color:#999; font-size: 12px;}
.check_developer .check_buttons{ padding-top: 47px; text-align: center;}
.check_developer .check_buttons a{ width: 120px; height: 40px; display: inline-block;background-color: #e5e5e5; color:#333; line-height: 40px; text-align: center; margin: 0 20px; border-radius: 3px; font-size: 14px;}
.check_developer .check_buttons a:hover{ background-color: #ccc;}
.check_developer .check_buttons a:focus{ background-color: #aaa;}

/* custody */
.custody_header{ height:320px; width:100%; background:url(../images/custody_header_bg.jpg) no-repeat top center;}
.custody_header .cus_t_content{ padding-top: 159px;}
.cus_t_content h2{ font-size: 48px; line-height: 64px; text-align: center; color:#fff;}
.cus_t_content .s_content{ height:42px; line-height: 42px; text-align: center;}
.cus_t_content .s_content b{ color:#fff; line-height: 42px; font-size: 24px; margin:0 22px; font-weight:normal;}
.cus_t_content .s_content .line{ display: inline-block; width:72px; height:1px; background-color: #fff; vertical-align: middle; margin-top: -8px;}
.custody{ padding-top: 74px; padding-bottom: 40px;}
.noshadow .custody h4{ font-size: 16px; color:#666; line-height:40px; padding-top: 20px; text-align: center;}
.custody h2{ font-size: 48px; color:#333; letter-spacing:4px; height:48px; padding-bottom:26px;}
.custody .line{ margin:26px 0; height:4px; background-color: #444; width: 104px;}
.custody h2, .custody h3{ color:#333; font-weight:normal; font-size: 24px;}
.custody h2{ padding-bottom:26px; border-bottom:1px solid #e5e5e5;}
.custody .tc{ padding-top: 15px; color:#333; font-size: 16px; line-height: 36px;}
.custody h3{ padding-top: 62px; padding-bottom:12px;}
.custody .img{ text-align: center;}
.custody p{ line-height: 36px; font-size: 16px; color:#333;}
.custody p.orange{ color:#f79017;}

/* about us */
.custody_header.about{ background-image: url(../images/about_header_bg.jpg);}
.ab_production{ padding-top:60px;}
.ab_production h1{ text-align: center; line-height: 70px; color:#333; font-size: 48px; }
.ab_production h2{ text-align: center; line-height: 49px; color:#333; font-size: 30px; }
.ab_production h5{ text-align: center; line-height: 50px; color:#666; font-size: 28px;}
.ab_production p{ padding:0 165px; line-height: 28px; color:#333; font-size: 16px; text-align: center; max-height:112px; margin-bottom: 15px;}
.ab_production p a, .ab_production p a:link, ab_production a:visited { color: #00abf2; text-decoration: underline;}
.ab_production p a:hover { color: #0692cc; text-decoration: underline; }
.ab_production .more{ text-align: center; padding-top: 35px; padding-bottom:72px;}
.ab_production .more a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; background-color: #1ee7cd; color:#fff; font-size: 14px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.ab_science h2{ font-size: 48px; text-align: center; color:#333; line-height: 48px; position: relative; z-index:10;}
.ab_science h4{ font-size: 48px; line-height:48px; text-align: center; color:#666; position: relative; z-index:8; margin-top: -20px; opacity:.1; filter:alpha(opacity=10); -webkit-filter:alpha(opacity=10); text-transform:uppercase; }
.ab_science .line{ text-align: center; padding-top: 24px; height: 1px; font-size: 0;}
.ab_science .line span{ width: 70px; height: 1px; background-color: #1ee7cd; display: inline-block;}
.ab_science .photo1{ padding:25px 0 56px; height: 324px;}
.ab_science .photo1 .abimg{ width: 584px; height: 324px; margin-right: 30px;}
.ab_science .photo1 .abimg img{width: 584px; height: 324px;}
.ab_science .photo2{height: 254px; padding-bottom: 72px;}
.ab_science .photo2 .abimg{ width: 376px; height: 254px; margin-right: 35px;}
.ab_science .photo2 .abimg img{ width: 376px; height: 254px;}
.ab_science .photo1 .abimg.none, .ab_science .photo2 .abimg.none{ margin-right: 0;}
.ab_contactus{ height:500px; background-color: #fff;}
.ab_contactus_c{ height:290px; padding-top: 50px; background-color: #f7f7f7;}
.contactus_form{ width: 1000px; height: 300px; margin:0 auto; background-color: #fff; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; box-shadow:0 0 10px 1px #ccc; }
.contactus_form .tac_form{ padding:58px 0 0 172px;}
.contactus_form h6{text-align: center; font-size: 16px; color:#333; line-height: 84px; font-weight:normal; color:#666;}
.contactus_form .company_t{ width: 315px; margin-right: 70px;}
.contactus_form .company_t p{ padding-left: 40px; background-image: url(../images/icon_aboutin.png); background-repeat: no-repeat; line-height:20px; margin-bottom:18px; font-size: 16px; color:#666;}
.company_t p.tel{ background-position: 0 -8px;}
.company_t p.mail{ background-position: 0 -34px;}
.company_t p.address{ background-position: 0 -75px;}
.company_t .dir_clear{ height:58px; }
.contactus_form .company_d{ width: 355px;}
.company_d .input{ height:40px; width: 165px; position: relative; margin-right:25px;}
.company_d .input:nth-child(2){ margin-right: 0;}
.company_d .input input{ padding:10px 0 10px 30px; height:20px; width: 133px; border:1px solid #999; font-size: 14px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.company_d .ttwo{ margin-top: 22px; position: relative;}
.company_d .ttwo textarea{ width: 343px; height: 118px; border:1px solid #999; color:#333; resize: none; outline:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; padding:5px; text-indent: 2em; font-size: 14px; line-height: 24px;}
.company_d .ico{ position: absolute; width: 16px; height: 16px; display: inline-block; background-image: url(../images/icon_aboutin.png); left:8px; top:10px;}
.company_d .name{ background-position: 0 -120px;}
.company_d .mail{ background-position: 0 -34px;}
.company_d .msg{ background-position: 0 -200px;}
.company_d .submit{ margin-top: 16px;}
.company_d .submit a{ width: 100px; height: 30px; line-height: 30px; background-color: #333; font-size: 14px; color:#fff; display: block; text-align: center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }

/* gameactivity */
.gameactivity{ background-image: url(../images/gameactivity_header_bg.jpg);}
.one_gameactivity{ height:642px; padding-top: 24px;}
.one_gameactivity .crumbs_nav{ margin-bottom:15px;}
.one_gameactivity .float_l, .two_gameactivity .float_l{ width: 600px; position: relative; height: 588px;}
.one_gameactivity .onec1{ width: 468px; height: 468px; background-color: #1ee7cd; position: absolute; left: 0; top: 0;}
.one_gameactivity .onec2{ position: absolute; left: 50px; top: 50px; width: 460px; height: 460px; border:4px solid #333;}
.one_gameactivity .onec3{ position: absolute; left: 100px; top: 100px; }
.one_gameactivity .infomation{ padding:77px 0 0 95px; width: 445px;}
.infomation h4{ font-size: 28px; color:#1ee7cd; line-height: 44px; text-transform: uppercase;}
.infomation h4 b{ font-weight:normal;}
.infomation h2{ line-height: 68px; font-size: 48px; color:#333;}
.infomation .line{ height:4px; padding:31px 0;}
.infomation .line span{ height:4px; width: 104px; display: inline-block; background-color: #333;}
.infomation p{ line-height: 36px; font-size: 16px; color:#333; max-height:185px; overflow: hidden;}
.infomation .link{ padding-top:35px;}
.infomation .link a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; text-align: center; margin-left: 40px;}
.infomation .link a:nth-child(1){ background-color: #1ee7cd; letter-spacing: 3px; margin-left: 0; }
.infomation .link a:nth-child(2){ background-color: #333; letter-spacing:5px;}
.two_gameactivity{ height:592px; background-color: #f7f7f7; padding-top: 50px;}
.two_gameactivity .infomation{ padding:0 80px 0 0;}
.two_gameactivity .infomation h4, .two_gameactivity .infomation h2, .two_gameactivity .infomation .line,.two_gameactivity .infomation .link, .two_gameactivity .infomation p{ text-align: right; }
.two_gameactivity .onec1{ width: 235px; height: 235px; background-color: #333333; position: absolute; left:50px; top: -31px; z-index:10;}
.two_gameactivity .onec2{ position: absolute; right: 35px; top: 0px; width: 460px; z-index: 8; height: 460px; border:4px solid #333;}
.two_gameactivity .onec3{ position: absolute; right:0px; top:30px; z-index: 12;}

.third_gameactivity { padding:74px 0 52px;}
.third_gameactivity h4, .third_gameactivity h2, .third_gameactivity p, .third_gameactivity .line{ text-align: center;}
.third_gameactivity h4{ color:#1ee7cd; font-size: 28px; padding-bottom:22px; text-transform:uppercase; }
.third_gameactivity h2{ padding-bottom: 40px; font-size: 48px; color:#333; line-height: 48px;}
.third_gameactivity .line { height:4px;}
.third_gameactivity .line span{ width: 104px; height: 4px; background-color: #333; display: inline-block;}
.third_gameactivity p{ line-height: 36px; color:#333; margin: 31px 0 14px; padding:0 100px;}

/* 404 */
.soon_body{ background-color:#fafafa;}
.soon_body .ufo{ text-align:center; padding-top:300px; }
.soon_body h2{ padding-top:14px; font-size:46px; line-height:58px; color:#333; font-weight:normal; text-align:center;}
.soon_body h4{ line-height:38px; font-weight:500; font-size:24px; text-align:center;}
.page404{ background-color: #fff;}
.soon_body.page404 h4{ font-size: 14px; color:#666;}
.soon_body.page404 h4 b{ font-weight: normal;}
.soon_body.page404 h4 a:link, .soon_body .page404 h4 a:visited{ color:#70adff; font-size: 16px; margin-left: 5px;}
.soon_body.page404 h4 a:visited{ text-decoration: underline;}

/* exchange */
.exchange{ background-image: url("../images/exchange_head_bg.jpg");}
.iframe_excharge{ padding-top: 74px; height:1160px; overflow: hidden;}
.iframe_excharge iframe{ border:none; background-color: #fff;}

/* news */
.notice_banner{ background: url(../images/notices_banner.jpg) no-repeat center center; height:200px; }
.notice_tabs{ padding-top:30px;}
.notice_tab_header{ text-align: center; height:20px; line-height:20px; padding:20px 0;}
.notice_tab_header a:link, .notice_tab_header a:visited{ margin:0 23px; color:#999; font-size: 14px; height:18px; line-height:18px; display:inline-block;}
.notice_tab_header a.on, .notice_tab_header a:hover{ color:#f26b1d; border-bottom: 2px solid #f26b1d;}
.item_notice_content{ width:1200px; height:90px; overflow: hidden; margin-bottom:25px; background-color: #fff; }
.item_notice_content .notice_img{ width:178px; height:90px; border-right:1px solid #e5e5e5;}
.item_notice_content .notice_img a, .item_notice_content .notice_img img{ width:150px; height:90px; display: block; overflow: hidden;}
.item_notice_content .notice_right_content{ padding:0 64px 0 20px; width:936px; height:90px; background: url(../images/icon_notice_right_allow.png) 990px center no-repeat; }
.notice_right_content a{ display: block; width:936px; height:90px}
.notice_right_content h4{line-height:36px; font-size:18px; color:#333;}
.notice_right_content p.conent_notice{ line-height:28px; max-height:28px; height:28px; overflow:hidden; text-overflow: ellipsis; font-size:14px; color:#999;}
.notice_right_content p.time{  line-height:28px; font-size:12px; color:#999; height:28px; font-family:"宋体";}
.notice_pages { color:#999; font-size:12px; text-align:center; height:20px; padding:25px 0 50px; }
.notice_pages a:link, .notice_pages a:visited{ color:#999; margin:0 2px; display: inline-block; border:1px solid #ccc;padding:0 5px; border-radius:3px; height:18px; text-align:center; line-height:18px;}
.notice_pages a:hover, .notice_pages a.active{ background-color: #f26b1d; border-color:#f26b1d; color:#fff}

/* news_content */
.news_ceontent h4{ font-weight: bold; font-size:30px; text-align:center; border-bottom:none; padding-bottom:0;}
.return_back{ padding:0px 0 15px; text-align:center; height:20px; clear:both; border-bottom:1px solid #eaeaea; position:relative;}
.return_back a:link, .return_back a:visited{ float:left; width:60px; height:20px; display: block; border:1px solid #f26b1d; position: absolute; left:0; top:10px; text-align: center; line-height:20px; border-radius:5px; color: #f26b1d; }
.return_back a:hover{ background-color: #f26b1d; color:#fff;}
.return_back span{ color:#999;}
.news_list{ color:#666; padding-top:20px; line-height:24px;}

/* 分享 */
.share_tips { width:100%; height:100%; position:fixed; top:0; left:0; z-index:1110; display:none;}
.share_allow{ padding-right:22px; text-align:right; padding-top:5px;}
.share_allow img{ width:132px; height:156px;}
.share_step{ padding-left:1.493rem; margin-top:-.75rem;}
.share_step p{ line-height:45px; color:#fff; font-size:24px;}
.share_step .set_button{ margin-top:11px; text-align: center; padding-right:1.493rem; }
.share_step .set_button a{ display: inline-block; width:100px; height:40px; border:1px solid #fff; color:#fff; border-radius:5px; text-align: center; font-size:16px; line-height:40px;}
.share_status{ width:8.373rem; height:4.427rem; border-radius:10px; background-color: #fff; position: fixed; left:50%; top:50%; margin: -2.213rem 0 0 -4.187rem; z-index:1010; display:none; }
.share_status a.closed{ position: absolute; background-image: url(../images/share_closed.png); width:24px; height:24px; right:10px; top:10px;}
.share_status .status_img { padding-top:61px; text-align: center;}
.share_status .status_img img{ width:44px; height:44px;}
.share_status .status_img p{ font-size:17px; color:#333; text-align:center; line-height:44px;}

/* question */
.question_top{ margin:20px 0; height:48px; border:1px solid #ccc; background-color:#fff;}
.question_top .float_l{ font-size: 0;}
.question_top .float_l a{ display:inline-block; min-width:92px; color:#333; font-size:14px; line-height:48px; text-align:center;}
.question_top .float_l a.active, .question_top .float_l a:hover{ background-color:#e5e5e5;}
.form_search_question{ height:30px; margin:9px 11px; width:252px; position:relative;}
.form_search_question i{ width:13px; height:13px; background: url("../images/ico_question_search.png") no-repeat; position: absolute; left:7px; top:9px;}
.form_search_question input{ padding:4px 21px; height:20px; font-weight: normal; font-size:12px; line-height:20px; width:146px; line-height:20px; color:#999; border:1px solid #f26b1d; display: inline-block;}
.search_placeholder{ position:absolute; display: block; left:0px; top:0; line-height:30px; font-size:12px; color:#999; width:190px; padding-left:23px;}
.form_search_question input:focus{ color:#333;}
.form_search_question input.submit{ width:60px; height:30px; line-height:30px; background-color:#f26b1d; color:#fff; text-align:center; padding:0; border:none;}
.form_search_question input.submit:hover, .form_search_question input.submit:focus{ background-color:#f26b1d;}
.question_body{ background-color:#fff; min-height:600px; border:1px solid #ccc; padding:0 20px; width:1158px; margin-bottom: 20px;}
.item_link_question{ border-bottom:1px solid #ccc; height:89px;}
.item_link_question a{ display: block; line-height:89px; font-size:16px; color:#363b41;}
.question_pages{ height:28px; padding:24px 0; font-size:0; text-align:center;}
.question_pages a, .question_pages b{ display: inline-block; width:26px; vertical-align: middle; text-align:center; line-height:24px; color:#666; font-size:12px; height:24px; border:1px solid #ccc; margin:0 2px;}
.question_pages b{ border:none;}
.question_pages a.home, .question_pages a.end{ width:73px;}
.question_pages a:hover, .question_pages a.active{ border-color:#f26b1d; background-color:#f26b1d; font-weight:normal; color:#fff;}
.question_pages .jumppage{ display: inline-block; margin:0 2px; min-width:73px; height:24px; border:1px solid #ccc; vertical-align: middle; text-align: left; position:relative;}
.question_pages .jumppage input{ width:27px; height:16px; border:1px solid #ccc; line-height:16px; font-size:12px; text-align:center; margin:3px 10px 3px 9px;}
.question_pages .jumppage span{ display:inline-block; line-height:24px; color:#666; min-width:30px; font-size:12px; height:24px; margin-right:5px;}
.question_pages a i{ width:5px; height:9px; background:url("../images/ico_question_squard.png") no-repeat;}
.question_pages a.end i{ background-position: 0 -9px; margin-left: 10px;}
.question_pages a.home i{ margin-right: 10px;}
.question_ceontent{ margin:15px 0; background-color:#fff; padding:32px;}
.question_ceontent h4{ font-size:18px; color:#333; line-height:28px; font-weight:normal;}
.questions_list{ padding:20px 0;}
.questions_list h6{ font-size:16px; line-height:40px; }
.questions_list p { line-height:24px; font-size:14px; color:#333; margin-bottom: 5px;}
.questions_list p img{height:auto; margin: 10px 0;}
.questions_list p img.pr1{ width:149px;}
.questions_list p img.pr2{ width:699px;}
.questions_list p img.pr3{ width:384px;}
.questions_list p img.pr4{ width:714px;}
.nosearch_result .no_result{ padding-top:141px; text-align:center;}
.nosearch_result p{ text-align:center; margin-top: 18px; font-size:16px; line-height:36px; color:#666;}

.paging_prev_next{ height:30px; line-height:30px; margin:5px 0;}
.paging_prev_next .pageupdown{ color:#999;}
.paging_prev_next b{ color:#999;}
.paging_prev_next a:link, .paging_prev_next a:visited{ color:#666; font-size:14px;}
.paging_prev_next a:hover{ color:#1a66fa; text-decoration: underline; }

.pnpost .pnc{ position:relative; width:70px; }
.pnpost .pnc span{ position: absolute; left:0; top:3px; display:inline-block; width:50px; vertical-align: middle;}

/* developer_tips_account */
.developer_tips_account{ padding-top:15px;}
.developer_tips_account .hover_closed, .formexcharge .hover_closed{ width: 9px; height: 9px; position: absolute; right: 10px; top: 10px; background: url(../images/ico_closed.png) no-repeat;  transition: .4s all ease-in;  -o-transition: .4s all ease-in; -ms-transition: .4s all ease-in;  -moz-transition: .4s all ease-in; -webkit-transition: .4s all ease-in;}
.developer_tips_account a.hover_closed:hover, .formexcharge .hover_closed:hover{ background-position: 0 0;}
.developer_tips_account, .developer_update_app{ width:350px; height:118px; background-color:#fff; position:fixed; display:none; left:50%; top:50%; margin-left:-175px; margin-top:-55px; z-index:1500; border-radius:5px;}
.developer_tips_account p{ font-size:14px; text-align:center; line-height:28px;}
.developer_tips_account p:first-child{ padding-top:10px;}
.developer_tips_account div{ text-align:center;}
.developer_tips_account p.red, .developer_update_app p.red{ color:#f00; padding-bottom:10px; line-height:28px; text-align:center;}
.developer_tips_account a.hover_closed:hover{ background-color:transparent;}
.developer_update_app{ height:90px; margin-top:-45px; padding-top:10px;}
.developer_update_app .to_developer{ text-align:center;}

/* download */
.downbg{ background: url(../images/download_bg.jpg) no-repeat; background-size: cover; -webkit-background-size: cover;}
.m_download{ max-width: 570px;}
.m_download h2{ padding-top: 50px; text-align: center; font-size: 25px; line-height:72px; color:#fff; margin-bottom:34px; }
.m_download h2 a{ display: block; color:#fff; letter-spacing: 2px;}
.m_download h2 img{ width: 72px; height: 72px; margin-right: 25px; vertical-align: middle}
.m_download .item_btn{ height:49px; border-radius:25px; width:8.4533rem; margin:0 auto 15px; overflow: hidden; background: linear-gradient(120deg, #ffd800, #ffb400);background: -webkit-linear-gradient(120deg, #ffd800, #ffb400); }
.m_download .item_btn a{ margin:2px; height: 45px; line-height:45px; border-radius:24px; background:#000; color:#fff; text-align: center; font-size:17px; display: block; width: 8.35rem; }
.bg_load{ position: absolute; bottom:0; font-size:0; width: 5.52rem;}
.bg_load img{ width: 5.52rem; height:auto;}
.ac1{ right:0.7333rem; opacity:0; z-index:1; animation: ac2_move 0.6s linear 0s 1; -webkit-animation: ac2_move 0.6s linear 0s 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.ac2{ left:0.7333rem; opacity:0; z-index:2; animation: ac1_move 0.4s linear 0.5s 1; -webkit-animation: ac1_move 0.4s linear 0.5s 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.ac3{ left:2.25rem; opacity:0; z-index:3; animation: ac3_move 0.4s linear 0.8s 1; -webkit-animation: ac3_move 0.4s linear 0.8s 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}

/* uodatelog */
.developer_content{ width:1198px; border:1px solid #ccc; background-color: #fff; overflow: hidden; margin-bottom: 25px; position: relative; min-height:620px; }
.developer_content h2{ text-align:center; color: #333; font: 600 14px/50px "siyuanheiti"; border-bottom:1px solid #ccc;}
.updatelog h2{ text-align: left; font:normal 24px/68px "siyuanheiti"; height:68px; padding-left:30px; }
.update_info{ padding:26px 30px;}
.update_info h4{ line-height:24px; background:url("../images/ico_air_update.png") left center no-repeat; padding-left:28px; height:24px;}
.update_info h4 strong{ font-size:24px; color:#333; vertical-align: text-bottom;}
.update_info h4 span{ margin-left:5px; font-size:12px; color:#666; padding:2px 5px; border:1px solid #ccc; vertical-align: text-bottom; border-radius:3px;}
.update_info .right_info{ border-left: 1px solid #ccc; margin-left:6px; padding-left:21px; padding-bottom:22px;}
.update_info .list{ width:1100px; padding-top:7px; height:100%; overflow:hidden;}
.update_info .list p{ font: normal 12px/26px "宋体"; color:#666; padding-left:15px; background:url("../images/ico_update_disc.jpg") no-repeat left 12px;}
.update_pages { padding-bottom:25px;}

/* joinus */
.join_banner{ height:200px; background: url("../images/joinus_banner.jpg") no-repeat top center;}
.join_us{ padding:0 100px; padding-top:14px;}
.join_us_top h2{ line-height:52px; font-size:20px; color:#333;}
.join_us_top .item{ height:58px; margin-bottom:7px;}
.join_us_top .item li{ line-height:29px; float:left; letter-spacing:1px; font-size:14px; color:#333; padding-left:20px; background-repeat: no-repeat; background-position: left center;}
.join_us_top .item li.email{ background-image: url(../images/icon_joinus_email.png); width:372px;}
.join_us_top .item li.tel{ background-image: url(../images/icon_joinus_tel.png); width:372px;}
.join_us_top .item li.address{background-image: url(../images/icon_joinus_address.png); width:472px;}
.item_job{ font-size:0;}
.item_job a{ border:1px solid #e5e5e5; height:25px; line-height:25px; font-size:14px; border-radius:5px; display: inline-block; color:#333333; padding:0 8px; margin:7px 10px 7px 0;}
.item_job a.active, .item_job a:hover{ color:#2687fb; border-color:#2687fb;}
.join_us_content{ margin-top:12px; padding-bottom:30px;}
.item_work_job{ padding-bottom:20px;}
.item_work_job h6{ line-height:42px; font-size:16px; color:#2687fb; border-top:1px solid #e5e5e5; padding-top:10px; padding-bottom:5px;}
.item_work_job h6 strong{ font-size:12px; font-weight:normal; color:#ff0000;}
.item_work_job dt, .item_work_job dd{ line-height:24px; color:#333; font-size:14px;}
.item_work_job dt{ font-weight:600;}

.invition{ background-color: #06184d; min-height:3256px; padding-bottom:40px; background:linear-gradient(top, #092163, #030f34);  background:-webkit-linear-gradient(top, #092163, #030f34);  background: -ms-linear-gradient(top, #092163, #030f34); background:-moz-linear-gradient(top, #092163, #030f34); background:-o-linear-gradient(bottom, #092163, #030f34);}
.invition .header{ background: url(../images/invition_header.jpg) no-repeat top center; height: 630px;}
.invition .container{ width: 1000px; margin:0 auto;}
.invition .middle{ width: 1000px; margin: 53px 0 47px; height: 435px; background-image: url(../images/invition_middle.jpg);}
.invition .middle .fl, .invition .middle .fr{ width: 425px; height: 200px; margin-left: 46px; margin-top: 185px;}
.invition .middle .fr{ margin-right: 46px; margin-left: 0;}
.invition .middle p{ color:#ad3e0d; line-height: 32px; font-size: 16px;}
.invition .step{ background-image: url(../images/invition_step.png); height: 34px;}
.step_content{ margin-top: 21px; background-color:#fff; border-radius:10px; padding:20px 35px;}
.step_content h6{ font-size: 14px; font-family: "siyuanheiti"; padding-top: 12px; line-height: 38px; color:#333; }
.step_content p{ margin:10px 0;}

.faq-box h2{ text-align: center; line-height:60px; font-size: 18px; color:#333; }
.faq-box dt{ line-height:28px; font-size: 15px; color:#454545;}
.faq-box dd{ margin-bottom:20px;}
.faq-box dd p{ line-height:26px; font-size: 14px; color:#666; margin:5px 0;}
.faq-box dd p.strong{ color:#555; font-size: 15px;}
.faq-box dd h6{ line-height:46px; font-size: 22px; color:#f00000;}
.faq-box dd a{ color:#00abf2; text-decoration: none;}
.faq-box dd a:hover{ text-decoration: underline;}
.faq-box dd p.sm1 img{ width:300px;}
.faq-box dd p.sm2 img{ width:700px;}
.faq-box dd p.sm3 img{ width:700px;}
.faq-box dd p.sm4 img{ height:400px;}

.cutomerized{ overflow: hidden;}
.cutomerized h2{ height:60px; padding:10px 0; line-height: 60px; text-align: center; color:#333; font-size: 18px;}
.customer_video{ margin:0 auto; width:980px; height:560px;}

/* 分销系统 */
.distribution{ min-height: 620px;}
.distribution .developer_account{ padding-top: 68px; }
.distribution .developer_account { min-height: 527px;}
.distribution .developer_caccount .submit{ padding-bottom: 120px;}

/* 个人中心 */
.usercenter { margin:10px auto 30px;}
.tabsfade, .tabcontrol{ height: 620px; background-color: #fff; }
.usercenter .tabcontrol{ width: 200px; height: 580px; box-shadow: 0 0 5px 1px rgba(174, 174, 174, 0.5); padding: 40px 0 0 34px;}
.tabcontrol .itemCategory{ margin-bottom: 20px;}
.tabcontrol h2{ color:#666; font-size:22px; line-height:42px; font-weight: normal; margin-bottom: 6px;}
.tabcontrol li{ line-height:32px; font-size: 12px; color:#999;}
.tabcontrol li a{ color:#666;}
.tabcontrol li.active a, .tabcontrol li a:hover, .tabcontrol li.active a:hover{ color:#f30;}
.tabcontrol li.active a{ border-bottom:1px solid #f60;}
.tabsfade{ width: 930px; box-shadow: 0 0 5px 1px rgba(174, 174, 174, 0.5); position: relative; overflow: hidden; height: 620px;}
.itemfadeparent{ position: absolute;}
.tabsfade .itemfade{ padding:20px; height: 580px; width: 890px; overflow: hidden;}

.itemLink{ padding:15px;}
.fade1 h4{ font-size: 20px; color:#333; line-height:40px; padding:10px 0; text-align: center; font-weight:normal; margin-bottom: 20px;}
.success_realname{ display: none;}
.success_realname .img{ padding-top: 100px; text-align: center;}
.success_realname h3{ font-size: 18px; text-align: center; padding-top: 30px; font-size: 16px; color:#333;}

.itemLink h6, .fade3list h6{ color:#666; height:40px; line-height:40px; font-size: 14px; color:#454545; font-weight: 500;}
.itemLink .linkBox{ height:38px; }
.itemLink .linker{ height:36px; width: 620px; border:1px solid #efefef; line-height: 36px; color:#666; border-radius:3px; }
.linker input[disabled], .linker input:disabled{height:36px; width: 600px; line-height: 36px; background-color: #fff; color:#666; border:none; padding:0 10px;}
.itemLink .button{ width: 210px; margin-left:10px;}
.itemLink .button a{ width: 100px; display: inline-block; height: 38px; border-radius:3px; line-height: 38px; color:#fff; box-shadow: 0 0 5px 1px rgba(25, 146, 252, 0.3); background-color: #3385ff; text-align: center; margin-right: 5px;}
.itemLink .button a:hover{ background-color: #317ef3;}
.itemLink p.status, .mylinker span.status{ color:#12bc00; height: 20px; line-height: 20px;}
.itemLink p.status.red, .mylinker span.red{ color:#f00000;}
.fade3list h6{ text-align: center; font-size: 16px; line-height: 48px; height:48px; }
.fade3list .listadd{ height: 460px; width: 800px;margin:0 auto 10px;}
.itemfade table{ width: 100%;}
.itemfade table, .itemfade td{ border-collapse:collapse; border:1px solid #efefef;}
.itemfade td{ text-align: center; height:30px; line-height:30px; color: #999;}
.itemfade td.none{ height: 300px; line-height: 300px;}
.itemfade thead td{ color:#575757;}

.howmade h3, .howmade h6{ font-weight: normal; font-size: 16px; line-height:30px; color:#333;}
.howmade h3 strong{ color:#f00000; font-size: 18px;}
.howmade h3 a{ vertical-align: middle; display: inline-block; width: 60px; text-align: center; line-height: 26px; height:26px; font-size: 12px; margin-left: 10px; color:#fff; background: url(../images/usercenter_btnbg.png) no-repeat 0 0;}
.howmade h3 a:hover{ background-position: 0 -26px;}
.howmade h3 span { margin-left: 10px; color:#999; }
.howmade h3 span b{ font-weight: normal; color:#666;}
.howmade h6{ font-size: 14px;}
.howmade .table{ width: 300px;}
.howmade .mylinker{ height:30px; font-size: 16px; line-height:30px; padding:5px 0; color:#333;}
.howmade .mylinker strong{ font-weight: normal; color:#111; font-size: 14px; display: none;}
.howmade .mylinker a{ color:#00abf2; margin:0 10px; text-decoration: none; padding:5px 10px; border:1px solid #00abf2; border-radius:14px;}
.howmade .mylinker a:hover{ background-color: #00abf2; color:#fff;}

.myInfo { margin-bottom: 20px;}
.myInfo li{ color:#666; line-height:32px; font-size: 14px;}
.myInfo li strong{ color:#333; font-weight: normal;}
.myInfo li strong a{ color:#00abf2; margin-left: 5px;}

.fade5 h5{ font-size: 18px; color:#333; height:42px; line-height:42px; text-align: left; font-weight: normal; border-bottom:1px dashed #efefef; margin-bottom: 10px;}
.fade5 .money{ height:35px; margin-bottom: 50px;}
.fade5 .money strong{ font-size: 22px; color:#f00000; line-height: 30px;}
.fade5 .money a{ width: 100px; height: 35px; line-height: 35px; display: inline-block; text-align: center; color:#333; background: url(../images/icon_developer_sendvercode.png) no-repeat 0 0;}
.fade5 .money a:hover{ background-position: 0 -35px;}
.fade5 .money a:foucs{ background-position: 0 -70px;}

.formexcharge{ position:fixed; left:50%; top:50%; margin:-100px 0 0 -215px; width:400px; height:170px; display: none; padding:15px; z-index:1001; background-color: #fff; border-radius:5px; }
.formexcharge .developer_caccount .labelname{ width: 120px; text-align: left;}
.fade1 .developer_caccount .labelname{ width: 240px;}
.formexcharge .developer_cform .item_developer{ height:100px; margin-bottom: 5px;}
.formexcharge .developer_caccount .submit{ padding:0px 10px; height: 50px; text-align: center;}
.formexcharge .developer_cform .input{ margin-left: auto; margin-right:auto; text-align: center;}
.item_developer .tips{ font-size: 12px; color:#f00000;}
.developer_cform .item_developer.none{ margin-bottom: 5px;}

.dataCol{ position: relative;}
.dataCol .calcSapn{ position: absolute; width: 160px; display: block; height:26px; line-height:26px; color:#666; right:10px; top:2px; font-size: 14px;}
.dataCol .calcSapn strong{ width:80px;font-size: 14px; font-weight: normal; display: inline-block; line-height:24px; height:24px; border:1px solid #efefef; cursor: pointer; margin-left: 5px; vertical-align: middle; text-align: center;}

.tabsfade .fade7{ padding: 0; height: 620px; width: 930px;}
.tabsfade .fade7 .tipfade { padding:20px;}
.fade7 .yellowTips{ background-color: rgb(255, 239, 153); text-align: center; height:26px; color:#f00000; font-size: 14px; line-height: 26px;} 

.tixian_rules{ margin-top: 20px;}
.tixian_rules dt{ color:#333;}
.tixian_rules dt, .tixian_rules dd{ line-height:24px; color:#666;}
.tixian_rules .indent1{ padding-left:18px;}
.tixian_rules .indent2{ padding-left:42px;}

.mycoder p{ color:#666; font-size: 14px; line-height:20px;}
.qrcodebox{ padding:10px; width: 120px; height:120px;}
.qrcodebox .qrcode{ width:120px; height: 120px;}
.scaleErr{ color:#f00000; font-size: 14px; color:#f00000;}

/* oldfile */
.fileitload{ margin-top: 30px; }
.fileitload .developer_cform.upfile{ padding-top: 50px;}
.fileitload .developer_cform .item_developer.checkgroup{ height: auto; }
.fileitload .checkboxs label{ display: inline-block;  cursor: pointer; width: 84px; }
.fileitload .checkboxs label i{ display: inline-block; margin-right: 5px; vertical-align: middle; width: 16px; height: 16px;  background: url(../images/icon_developer_forms.png) 0 -32px no-repeat; }
.fileitload .checkboxs label i.on{ background-position: 0 -48px;}
.fileitload .developer_cform .submit input.save{ background-color: #999; color:#fff;}

@keyframes ac1_move{
    0%{
        opacity: 0;
        transform: translateX(-100%);
        left:-100%;
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        left:0.7333rem;
    }
}

@keyframes ac2_move{
    0%{
        opacity: 0;
        transform: translateX(100%);
        right: -100%;
    }
    100%{
        opacity: 1;
        transform: translateX(0);
        right:0.7333rem;
    }
}

@keyframes ac3_move{
    0%{
        opacity: 0;
        transform: translateY(-100%);
        bottom:-100%;
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        bottom:0;
    }
}

@keyframes orangellowPulse {
    from { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #ffb515; -webkit-box-shadow: 0 0 18px #ffb515; }
    to { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes orangellowPulse {
    from { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #ffb515; -webkit-box-shadow: 0 0 18px #ffb515; }
    to { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
}

@-moz-keyframes orangellowPulse {
    from { background-color: #fc9200; -moz-box-shadow: 0 0 9px #333; }
    50% { background-color: #ffb515; -moz-box-shadow: 0 0 18px #ffb515; }
    to { background-color: #fc9200; -moz-box-shadow: 0 0 9px #333; }
}

/* gamelist */
.gamelist h2{ margin-top: 30px; line-height: 60px; color:#333; font-size: 18px; text-align: center;}
.gamelist_section{ width: 1020px; margin: 0 auto;}
.game_section_item{ background-color: #fff; padding: 10px; margin-bottom: 10px; position: relative; max-height: 140px; border-radius: 10px;}
.game_section_item .abIcons{ position: absolute; left:0; top: 0; z-index:10;}
.game_section_item .icon{ display: block; color:#fff; text-align: center; width: 48px; height: 48px; line-height: 48px; display: none;}
.game_section_item .orangepic{background: url(../images/game/icon_sign_orange.png) no-repeat;}
.game_section_item .bluepic{background-image: url(../images/game/icon_sign_blue.png);}
.game_section_item .orangeword{z-index:12; color:#fff; font-size: 24px;}
.game_section_item .card_left{ width: 100px; height: 100px; margin-right: 20px;}
.card_left a, .card_left img{ display: inline-block; width: 100px; height: 100px; border-radius: 20px;}
.game_section_item .card_middle{ width: 830px;}
.card_middle h3{ font-size: 20px; color:#3333; line-height: 26px; letter-spacing: 0; font-weight: 500;}
.card_middle h3 a{ font-size: 20px; color:#333; line-height: 26px; overflow: hidden; text-overflow: ellipsis;}
.card_middle h6{ margin-top: 5px; margin-bottom: 0; color: #999;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;}
.card_middle h6 a{ font-size: 1px; line-height: 20px; color:#999;}
.card_middle h3 a:hover, .card_middle h6 a:hover{ text-decoration: underline;}
.card_middle p.description{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; white-space: normal; overflow: hidden; height: 22px; font-size: 14px; color: #333; letter-spacing: 0; line-height: 22px;}
.card_middle .source{ height: 14px; margin-top: 5px;}
.card_middle .source p{ position: relative; margin-top: 2px;}
.card_middle .source p i.sourcebg, .topheader .source p i.sourcebg{ height: 12px; display: block; width: 60px; z-index:10; position: absolute; left:0; top:0; background: url(../images/game/icon_stars.png) no-repeat;}
.card_middle .source p i.light, .topheader .source p i.light{z-index: 12; background-position: 0 -12px; width:12px}
.card_middle .source p .sourcenum, .topheader .source p .sourcenum{ position: absolute; left: 70px; color:#ffb800; font-size: 12px; line-height: 12px;}
.tags_category{ height: 24px; margin-top: 15px;}
.card_middle .tags_category span{ color:#ff8b3d; border:1px solid #ff8b3d; border-radius: 12px; display: inline-block; padding:2px 8px; margin-right: 10px; }
.tags_category .tags{ width:300px;}
.tags_category .category{ width:70px;}
.game_section_item .card_info{ display: none;}

/* game info */
.gameinfo{ width: 1020px; margin-bottom: 20px;}
.gameinfo .article{ width: 688px; float:left;}
.topheader{ background-color: #fff; padding:20px; width: 648px;}
.topheader .covimg{ width: 100px; margin-right: 30px; font-size: 0; }
.topheader .covimg img{ width: 100px; height: 100px; border-radius: 20px;}
.topheader .ctinfo{ width:320px;}
.topheader .ctinfo .title{ color:#333; font-weight: 500; font-size: 18px; line-height: 40px;}
.topheader .ctinfo .company{ color:#ffb800;}
.middleinfo{ margin-top: 20px; background-color: #fff;}
.middleinfo .session_item{ padding:20px; width: 648px; border-bottom: 1px solid #f2f2f2;}
.middleinfo h4{ border-left: 3px solid #ffb800; font-size: 20px; height: 20px; line-height: 20px; font-weight: 500; padding-left: 10px; color:#333; margin-bottom: 15px;}
.session_item .description p{ line-height: 24px; color:#666; font-size: 14px; margin-bottom: 10px;}
.description li{ float:left; width: 300px; margin-bottom: 10px; margin-right: 10px; height:30px; line-height: 30px;}
.description li span{ width: 150px; color:#333; font-size: 14px; line-height: 30px; display: inline-block; font-weight: 600;}
.scrollbar{ width: 648px;overflow: hidden; white-space: nowrap;}
.scrollbar ul{ height:280px; overflow-x: auto; overflow-y: hidden;}
.scrollbar ul li{display: inline-block; height: 280px; padding-right: 10px; vertical-align: middle;}
.scrollbar ul li img{ height: 280px;}
.gameinfo .aside{ width: 300px; float:right;}
.aside .qr{ padding: 20px; width: 280px; background-color: #fff;}
.aside .qr .covimg{ width: 100px; height: 100px; float:left; margin-right: 10px;}
.aside .qr .covimg img{ width: 100px; height: 100px;}
.aside .qr .infokiwitap{ float: left; width: 160px;}
.infokiwitap h4{ color:#333; font-size: 18px; line-height: 32px; font-weight: normal;}
.infokiwitap p{ color:#ffb800; font-size: 12px; line-height: 18px;}

.updateList p.subtitle{ text-align: center; font-size: 14px; color:#666; line-height: 20px; margin-bottom: 10px;}
.listtable{ width:800px; padding:20px 200px; background-color: #fff; margin-bottom: 20px;}
.listtable table{ width:100%;border-collapse:collapse;}
.listtable td{ border:1px solid #dedede; height:48px; line-height: 48px; text-align: center; overflow: hidden; text-overflow: ellipsis;}
.listtable tr td:nth-of-type(1){ min-width: 100px;}
.listtable .logo{ text-align: center; height:38px; padding: 5px 0;}
.listtable .logo img{ width: 38px; height: 38px; border-radius: 5px;}
.listtable .name{ height: 48px; overflow: hidden; text-overflow: ellipsis;}
.listtable .name span, .listtable .version span{ display: inline-block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; line-height: 48px;}
.listtable .version span{ max-width: 65px;}
.listtable .descript{ height:40px; line-height: 40px; padding:4px 5px; font-size: 12px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; white-space: normal; overflow: hidden; max-width: 400px; text-align: left;}
.loadingtext{ text-align: center; color:#666; line-height: 26px; display: none; margin-top: 5px;}

/* 点击助力 */
.clickuser{ width:100%; max-width: 640px; margin:0 auto;}
.clickuser p{ text-align: center; line-height: 26px; font-size: 14px; color:#333;}
.clickuser .button{ text-align: center;}
.clickuser .button button{ width: 120px; height: 36px; line-height: 36px; color:#fff; border-radius: 8px; background-color: #169bd4; }
.clickuser .button button:focus{ background-color: #1194cc;}
.clickuser .middle{ padding: 0 10px;}
.clickuser .middle img{ width:100%; height: auto;}

.error_msg_box{ width:260px; height:120px; background-color: #fff; position: fixed; left:50%; top:50%; margin: -60px 0 0 -130px; z-index:1720; display: none;}
.error_msg_box .content_error, .error_msg_box_luck .content_error{ height:60px;}
.error_msg_box .i_closed { position: absolute; display: block; width: 11px; height: 11px; top: 5px; right: 5px;  transition: .4s all linear; -webkit-transition: .4s all linear; z-index: 720;}
.content_error p{ padding: 0 10px; color:#999; text-align: center;font-size: 14px; line-height: 60px; font-size: 12px;}
.rw_pip_bottom{  padding-top: 12px; height: 48px; text-align: center; background: #fff7f4;}
.rw_pip_bottom a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; color:#333; font-size: 12px; background: url('../images/icon_developer_submit.png') no-repeat 0 -0px;}
.rw_pip_bottom a:hover{ background-position: 0 -40px;}
.rw_pip_bottom a:focus{ background-position: 0 -80px;}

@media only screen and (max-width: 1024px){
    .header .nav li{ margin:0 6px;}
    .container{ width:100%; padding:0 5px; box-sizing: border-box;}
    .gamelist_section{ width:100%;}
    .game_section_item{ padding:10px;}

    .listtable{  padding:20px 100px; margin: 0 auto;}
}

@media only screen and (max-width: 768px){
    .container{ width:768px; padding:0 5px; box-sizing: border-box;}
    .mobileico{display:block;}
    .header .nav{display: none; position: absolute; top:71px; width:100%; background:#fff; z-index: 800; padding: 0 0 5px 0; left:0;}
    .header .nav li{ float:static; width: 100%; text-align: right; margin:0; height:30px; line-height:30px; color:#333;}
    .header .nav li a{ padding-right: 10px; color:#333;}
    .header .nav li a span{ display: none;}
    .game_section_item .card_right{ width: 150px; overflow: hidden;}
    .game_section_item .card_left{ padding-top: 30px;}

    .gameinfo .article{ float: none; width: 100%;}
    .gameinfo .aside{ display: none;}
    .topheader{ width: 100%; box-sizing: border-box;}

    .listtable{ width: 700px; padding:20px 34px;}
}

@media only screen and (max-width:480px){

    .container, .iw_1200{ width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; padding:0 10px;}
    /* header */
    .header{ border-bottom:1px solid #333;}
    .header .logo{ margin-left: 10px;}

    /* footer */
    .footer{ padding-top: 0; height: auto; overflow: hidden;}
    .footer .bottom_link{ height:auto;}
    .footer .subnav{ float:none; text-align: center;}
    .footer .share{ display:none;}
    .footer .bottom_link a{ margin:0 3px;}
    .footer .game_notice{ text-align: center; line-height:24px; width:200px; margin:0 auto;}
    .footer .copyright{ height:auto;}
    .footer .copyright em{ display:none;}
    .footer .copyright span{ display:block; text-align: center;margin-top: 0; line-height:26px; float:none;}

    /* index */
    .bbs_information{ padding-bottom: 10px;}
    .bbs_information h2, .game_information h2{ padding: 15px 0;}
    .bbs_banner{ width: 100%; height:auto; float:none;}
    .bbs_banner img{ width: 100%; height:auto;}
    .bbs_news{ margin-left: 0; width: 100%; float:none; height:auto; box-sizing: border-box; -webkit-box-sizing: border-box;}
    .bbsnews_content li span{ display:none;}
    .bbsnews_content li a, .bbsnews_content li{ height:38px; line-height:38px;}

    .bbs_opeartion{ margin-top:10px; width: 100%;}
    .bbs_opeartion .bbs_item a, .bbs_opeartion .bbs_item { width: 100%; }
    .bbs_opeartion .bbs_item a, .bbs_opeartion .bbs_item.op1 a { background-size: 100% 130px; -webkit-background-size: 100% 130px;}

    .game_information{ padding-bottom:10px;}
    .game_content li{ width:48%; margin-right: 2%; margin-bottom:10px;}
    .game_content li:nth-child(2n){ margin-right: 0%;}
    .game_content li:nth-child(5){ display:none;}

    .hotactivity li a img{ width: 100%;}

    .news_informations{ padding: 10px 0;}
    .news_informations .hotnews, .news_informations .hotactivity{ height:auto; width: 100%; float:none;}
    .hotnews .newslist{ padding-top: 10px;}
    .hotnews .newslist li{ margin-top: 10px;}
    .hotnews .newslist li.on .news_opend{display: none;}
    .hotnews .newslist li.on .item{display: block;}
    .hotnews .newslist li .item span{display: none;}
    .newslist .item h5{ width: 100%; overflow: hidden;}
    .news_informations .hotactivity{ padding-top: 15px;}
    .hotactivity .activity{ padding-top: 0;}
    .hotactivity li{ width: 49%; margin-right: 2%; height:auto;}
    .hotactivity li img, .hotactivity li a{ width: 100%; height:auto;}

    .back_to_top{ width: 25px; height: 25px; right:5px; bottom:10px;}
    .back_to_top a{ width: 25px; height: 25px; background-size:15px 9px; -webkit-background-size: 15px 9px;}

    .bbsnews_top a{ margin-right: 5px; }

    .banner_abd table{ display: none;}

    /* banner */
    .banner_index, .banner_abd{ height:300px; margin-bottom: 30px;}
    .banner_item .l1{ left:10px;}
    .banner_item .banner_vac{ width: 210px; left:56%; top:114px; opacity:1;}
    .banner_item .banner_vac img{ width:100%;}
    .banner_item .span{ display: none;}
    .banner_item h2{ top:80px; font-size: 26px;}
    .banner_item h6{ font-size: 12px; height: 14px; line-height: 24px; top:120px;}
    .banner_item h6.l2{ top:140px;}
    .banner_abd .load{ top:190px; transform: scale(.7) translateX(-45px); -webkit-transform: scale(.7) translateX(-45px); text-align: left;}
    .banner_abd p{ top: 245px; font-size: 14px; transform: translateX(-70px); -webkit-transform: translateX(-70px);}
    .propationol{ bottom:5px;}
    .banner_item .cp1{ top: 124px; font-size: 26px;}
    .banner_item .cp2{ top: 324px;}
    .banner_item .cp3{ font-size: 16px;}
    .banner_item h6.l2.cp4{ top: 160px;}

    .footer_account .copyright{ padding: 10px 0;}
    .footer_account .copyright span{ display: block; line-height: 18px; float:none; text-align: center; margin-left: 0;}

    /* 论坛热帖 */
    .bbs_hotnotice{ top:300px; background-color: #fff; margin:0 -10px; width: 100%; height:30px;}
    .bbs_hotnotice .bbs_right{ height: 30px;}
    .bbs_hotnotice .bbs_left{ color:#999; padding-left: 20px;}
    .bbs_right ul li a{ color:#333;}

    /* login_之类的 */
    .login_box_tabs{ height:auto;}
    .account_box{ height:auto; padding-bottom: 20px;}
    .account_container, .account_box, .login_press{ width: 100%;}
    .login_press{ padding-top: 10px;}
    .account_container .logo{ padding: 10px 0 10px 10px;}
    .account_box{ box-sizing: border-box; -webkit-box-sizing: border-box;}
    .login_press{ margin-left: 0;}
    .login_press .item_uinput{ height:auto; box-sizing: border-box; -webkit-box-sizing: border-box; padding:0 10px;}
    .login_press .cate{ float:none; text-align: left;}
    .login_press .uinput{ float:none; width: 100%;}
    .login_press .uinput input{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; height:40px; line-height: 40px; }
    .login_press .u2 .cate, .login_press .u4 .cate, .login_press .u3 .cate{ display:none;}
    .login_press .item_uinput.u4 { height:75px;}
    .login_press .u4 .uinput{text-align: center;}
    .reg .goback{ display: none;}
    .item_uinput.u5 input{ width:60%;}
    .item_uinput.u5 img, .item_uinput.u5 a{ width:30%;}
    .reg h2{ padding-top: 0;}
    .reg_success_notice{ height:547px; top:60px;}
    .reg .reg_success_notice{ height:581px;}
    .forget .reg_success_notice{ height:380px;}
    .shareheilei{ width: 100%; position: relative; top:0;}
    .shareheilei .accreg{ display: block; position: absolute; bottom:45px; width: 100%;}
    .shareheilei .accreg a{ background-color: rgb(237, 193, 26); height:32px; width:120px; font-size: 14px; color:#333; text-align: center;line-height: 32px; border-radius:19px; display: inline-block; box-shadow: 0 0 0 5px rgba(237, 193, 26, 0.3); transition: background-color 300ms ease-out; -webkit-transition: background-color 300ms ease-out; animation: orangellowPulse 5s infinite; -webkit-animation: orangellowPulse 5s infinite; -moz-animation: orangellowPulse 5s infinite;}

    /* 新闻资讯 */
    .notice_tabs{ padding:0;}
    .notice_banner{ height: 100px;}
    .item_notice_content{ width: 100%; height:75px;}
    .item_notice_content .notice_img{ width: 20%; height:75px;}
    .item_notice_content .notice_img a{ height: 75px; width: 100%;}
    .item_notice_content .notice_img img{ width: 75px; height:75px;}
    .item_notice_content .notice_right_content{ padding:0 0 0 10px; width: 80%; height:75px; box-sizing: border-box; -webkit-box-sizing: border-box;}
    .notice_right_content a{ width:100%; height:75px;}
    .notice_right_content h4{ padding-top: 0; font-size: 14px; line-height: 18px;}
    .notice_right_content p.conent_notice{ font-size: 12px; line-height: 16px; height:32px; width: 100%;}
    .notice_right_content p.time{ line-height: 16px;}

    .game_information{ background-size: cover; -webkit-background-size: cover; }
    .game_content{ height:auto; overflow: hidden;}

    /* custody */
    .custody{ padding:10px;}
    .custody h2{ font-size:18px; padding-bottom: 0;}
    .aboutus p{ font-size:12px; line-height:18px; margin-bottom:10px;}
    .aboutus h4{ line-height:36px; font-size:16px; color:#999;}

    /* question */
    .question_top{ margin:5px; border:none; height:40px;}
    .question_top .float_l{ display: none;}
    .question_top .float_r{ float:none; padding:5px; height:30px;}
    .form_search_question{ width:100%; margin:0;}
    .form_search_question input{ width:80%; box-sizing:border-box; border-radius:4px 0 0 4px; height:30px; line-height: 30px; padding:4px 10px 4px 25px;}
    .form_search_question input.submit{ border-radius:0 4px 4px 0;}
    .question_body{ width:100%; box-sizing:border-box; border:none; min-height: auto; padding:0 10px;}
    .item_link_question{ height:40px;}
    .item_link_question a{ line-height:40px; font-size:12px;}
    .question_ceontent{ margin:10px; padding:10px;}
    .question_ceontent img{ width:100%; height:auto;}

    .questions_list p img, .questions_list p img.pr1, .questions_list p img.pr2, .questions_list p img.pr3, .questions_list p img.pr4{ width:100%; height:100%;}

    .join_us{ padding:0 10px;}
    .join_us_top{ width:100%;}
    .join_us_top .item li.address, .join_us_top .item li.tel, .join_us_top .item li.email{ width:90%; float: static;}
    .join_us_top .item li.address{ background-position: left 8px;}

    /* new page */
    .custody_header { background-size: 100% 100%; -webkit-background-size: 100% 100%; height:80px;}
    .one_gameactivity, .two_gameactivity{ height:auto; padding-top: 15px;}
    .onec1, .onec2{ display: none;}
    .one_gameactivity .float_l, .two_gameactivity .float_l{ width: 100%; position: static; height:auto; overflow: hidden;}
    .one_gameactivity .infomation{ padding:10px; width:80%;}
    .infomation h4, .third_gameactivity h4{ font-size: 16px; line-height: 30px; padding-bottom: 0;}
    .infomation h2, .third_gameactivity h2{ font-size: 16px; line-height: 30px; padding-bottom: 0;}
    .infomation .line{ display:none;}
    .infomation p, .third_gameactivity p{ font-size: 12px; line-height: 20px; padding:0 10px;}
    .two_gameactivity .infomation{ display:none;}
    .one_gameactivity .onec3, .two_gameactivity .onec3{ position: static; padding:15px;}
    .onec3 img{ width: 100%;}
    .third_gameactivity img{ width: 100%;}

    /* custody */
    .custody img{ width: 100%;}
    .custody h3{ padding-top: 20px;font-size: 18px;}
    .custody_header .cus_t_content{ padding-top: 10px;}
    .cus_t_content h2{ font-size: 18px; line-height: 30px;}
    .cus_t_content .s_content b{ font-size: 12px; margin:0 10px;}
    .cus_t_content .s_content .line{ width: 20px; margin-top: 0px;}

    /* aboutus */
    .ab_production{ padding-top: 10px;}
    .ab_production h1, .ab_production h2, .ab_production h5, .ab_science h2,.ab_science h4{ font-size: 16px; line-height: 28px; }
    .ab_production p{ padding:0 10px;}
    .ab_science .float_l { position: static; height:auto; width: 100%;}
    .ab_science .photo1 .abimg, .ab_science .photo2 .abimg{ padding:10px; width: 100%; height:auto; box-sizing: border-box;}
    .ab_science .photo1 .abimg img, .ab_science .photo2 .abimg img{ width:100%;}
    .ab_contactus_c{ height: 380px;}
    .contactus_form{ width: 100%; box-shadow: none; background-color: transparent; height:380px;}
    .contactus_form .tac_form{ padding:10px;}
    .contactus_form .company_t{ position: static; width: 100%;}
    .dir_clear{ display:none;}
    .contactus_form h6{ text-align:left; line-height:44px;}

    /* developer */
    .developerbox img{ width: 100%;}

    .create_user_choose a{ width: 143px; height:80px; background-size: cover; -webkit-background-size: cover; margin:0 5px;}
    .developer_create_step{ display: none;}
    .developer_user_content{ width: 100%;}
    .server_warnning, .developer_user_content h6{ padding-left: 0; text-align: center;}
    .developer_cform{ padding:5px;}
    .developer_cform.upfile{ margin-left: 0;}
    .developer_cform input, .form_vercode .item_form input, .upfile .checkboxs .choose_tag, .developer_cform .appdesc textarea{ width: 100%; height:35px; line-height:35px; box-sizing: border-box; -webkit-box-sizing: border-box;}
    .developer_cform .appdesc textarea{ height:85px;}
    .developer_cform .item_developer{ height:auto; clear: both; margin-bottom:0;}
    .developer_cform .labelname{ display: block; text-align:left; float:none;}
    .developer_cform input, .form_vercode .item_form input{ width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; height:35px; line-height:35px;}
    .item_developer .input{ display:block; float:none; width:100%;}
    .developer_cform input.phone{ width:64%;}
    .developer_cform .errorinfo{ float:none; height:16px; line-height:16px; margin-left: 0}
    .upfile .input a{ margin-left: 0; margin-top: 10px;}
    .developer_cform .errorinfo:last-child{ margin-top: 15px;}
    .uploadfile_groess{ height: 946px;}
    .uploadfile_groess .progress{ width: 100%;}
    .uploadfile_groess .progress_parent{ width: 300px; margin:0 auto;}

    .developer_top{ height:auto; padding-bottom: 0;}
    .developer_top div.fl{ margin-bottom: 10px;}
    .developer_top div.fl, .developer_tabs div.fl{ display: block; width:100%;}
    .develoer_label{ text-align: center; width: 100%;}
    .develoer_label label{ margin: 0 20px;}
    .developer_tabs div.fl{ text-align: center; margin-bottom: 10px; }
    .developer_tabs .develoer_title{ height:30px; line-height:30px;}
    .developer_tabs{ padding-top: 0;}
    .developer_caccount .submit input.reset, .developer_caccount .submit input.save{ width: 100%; margin-bottom: 10px; background-size: cover; -webkit-background-size: cover;}
    .developer_caccount .submit .input{ width: 100%;}
    .developer_caccount .submit{ height:110px; padding:0;}
    .developer_caccount .submit .labelname{ display: none;}

    .bind_popalert{ width:90%; margin-left:-45%;}
    .form_vercode{ padding-left:15px; padding-right:15px;}
    .developer_tips_account, .developer_update_app{ width: 80%; margin-left: -40%;}

    .developer_user_top{ position: relative;}
    .developer_user_top .userimg{ width: 35px; margin-right: 5px;}
    .developer_user_top .userimg img{ width: 35px; height: 35px; vertical-align: middle;}
    .createbtn{ width: 110px; height: 35px;}
    .developer_user_top .createbtn a{ width: 67px; padding-left: 43px; height: 35px; line-height: 35px; background-size: cover; font-size: 12px; -webkit-background-size: cover; position: absolute; right:5px; top:50%; margin-top: -18px;}
    .developer_user_top{ padding:5px;}
    .popup_app_information{ width: 90%; height:auto; margin-left: -45%; margin-top:-100px; padding:5px; -webkit-box-sizing:border-box; box-sizing:border-box }
    .popup_app_delete, .popup_tips_alert{ width: 90%; margin-left: -45%;  }

    .developer_user_app_list .gameinfo{ padding-left: 5px;}
    .developer_user_app_list .operation a{ display: block;}
    .developer_user_app_list .status{ font-size: 12px;}
    .developer_user_app_list .status i{ display: none;}

    .faq-box dd p.sm1 img, .faq-box dd p.sm2 img, .faq-box dd p.sm3 img, .faq-box dd p.sm4 img{ width:100%;}

    /* customerized */
    .customer_video{ width:100%; height:auto;}

    .usercenter .tabcontrol{ width: 100%; padding:10px; box-sizing: border-box; -webkit-box-sizing: border-box; height:auto;}
    .tabcontrol li{ float:left; margin-left: 10px;}
    .tabsfade{ width:100%; margin-top: 10px; padding:10px; box-sizing: border-box; -webkit-box-sizing: border-box; height:auto; overflow: auto; min-height:690px;}
    .tabsfade .itemfade{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; display: none; height:auto; padding:0;}
    .itemLink .button{ margin-left: 0; margin-top: 15px;}
    .itemLink .linker{ height: 36px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden;}
    .itemfadeparent{ position: sticky;}
    .tabsfade .fade7{ display: block;}
    .fade3list .listadd{ width: 100%;}
    .itemLink{ padding:0;}
    .fade5 .money{ margin-bottom: 0;}
    .howmade .mylinker{ height: auto;}

    .formexcharge{ width:90%; box-sizing: border-box; -webkit-box-sizing: border-box; margin:-95px 0 0 -45%; height:190px; }

    /* 游戏列表 */
    .gamelist_section{ width: 100%;}
    .gamelist h2{ margin-top: 0; border-bottom: 1px solid #f2f2f2;}
    .gamelist{ background-color: #fff;}
    .game_section_item{ display: flex; display: -webkit-box; display: -webkit-flex; display: box; box-sizing: border-box; -webkit-box-sizing: border-box; padding:13px 0px; height:86px; width:100%; margin-bottom: 0; border-bottom: 1px solid #f2f2f2;}
    .game_section_item .float_l{ float: none;}
    .game_section_item .card_left{ padding-top: 0;}
    .game_section_item .orangeword{ flex:0 0 24px; width: 248px; font-size: 14px; position: static; line-height: 60px; text-align: center; height:60px; color:#ffb800;}
    .game_section_item .orangepic{ display: none;}
    .game_section_item .card_info{ flex: 0 0 60px; width: 60px; display: block;}
    .game_section_item .card_info .info{ margin-top: 36px;}
    .game_section_item .card_left{ margin-right: 0px; flex: 0 0 70px;}
    .game_section_item .card_info a{display: block; width: 60px; height: 26px; line-height: 26px; font-size: 14px; text-align: center; border-radius: 5px; color:#fff; background-color: #ffb800; color:#fff;}
    .game_section_item .card_left, .game_section_item .card_left a, .game_section_item .card_left img{ width: 60px; height: 60px;}
    .card_left img{ border-radius: 10px;}
    .game_section_item .card_right, .card_middle h6, .card_middle p.description{ display: none;}
    .game_section_item .card_middle{ flex: 1; width: auto; margin-right: 0;}
    .card_middle h3, .card_middle h3 a{ font-size: 14px; line-height: 18px; height: 18px;}
    .tags_category{ margin-top: 5px;}
    .tags_category .tags{ width: auto; margin-top: 20px;}
    .tags_category .category{ display: none;}
    .card_middle .tags_category span{ font-size: 12px; height:14px; border-radius: 8px; line-height: 16px;}

    .topheader .covimg{ width: 100%; text-align: center;}
    .topheader .covimg img{ width: 100px; height: 100px;}
    .topheader .float_l, .description li{ float: none;}
    .topheader .ctinfo{ width: 100%;}
    .topheader .ctinfo .title, .topheader .ctinfo .company{ text-align: center;}
    .middleinfo .session_item{ box-sizing: border-box; width: 100%; padding: 10px;}
    .scrollbar{ width: 100%; height: 160px;}
    .scrollbar ul, .scrollbar ul li img{ height: 160px;}

    .listtable{ width: 100%; padding: 20px 5px; box-sizing: border-box;}
    .listtable tr td:nth-of-type(1){ min-width: inherit; width: 60px;}
    .listtable .descript{ max-width: none; width: 60px;}
}

@media only screen and (max-width:375px){
    .game_content li h4{ font-size: 14px; height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .first_banner_move .load{ transform: scale(.7); -webkit-transform: scale(.7); }
    .first_banner_move .load a{ transform: scale(.7); -webkit-transform: scale(.7); margin-left: -40px;}
}

@media only screen and (max-width:360px){
    .developer_cform .input a.bind_phone, .form_vercode .item_form a{ width: 32%;}
    .scrollbar, .scrollbar ul, .scrollbar ul li img{ height: 145px;}
}
