/*

 * Author: wendy

 * Version: 0.1.0

 * Compile Date: 2015-12-03 16:02

*/

/*reset begin*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, nav, section, details, summary { display: block; }

/*html { box-sizing: border-box; }*/

/**, *:before, *:after { box-sizing: inherit; }*/

img, object, embed { max-width: 100%; }

/*#map img { max-width: none; }*/

html { overflow-y: scroll; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; /*content: none;*/ }

a { margin: 0; padding: 0; font-size: 100%; /* vertical-align: baseline; */ background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre {

  white-space: pre; /* CSS2 */

  white-space: pre-wrap; /* CSS 2.1 */

  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

  word-wrap: break-word; /* IE */

}

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; /*font: 100%;*/ }

small { font-size: 85%; }

strong { font-weight: bold; }

td, td img { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

button, input[type=button] { width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/*reset end*/

/*common*/

.fll { float: left; display: inline; }

.flr { float: right; display: inline; }

.por { position: relative; }

/*.hid { font-size: 0; line-height: 0; overflow: hidden; }*/

.dn { display: none; }

.tac { text-align: center; }

.tar { text-align: right; }

.tal { text-align: left; }

.mt20 { margin-top: 20px; }

a { color: #3c3b37; text-decoration: none; outline: none; }

a:hover { text-decoration: underline; }

/*html { width: 100%; height: 100%; }*/

body { background: #DFDEDC url(../images/i-bg-bottom.jpg) no-repeat center bottom; width: 100%; min-width: 1600px; /*height: 2238px;*/ color: #3c3b37; font: 12px/1.5 "Microsoft Yahei", SimHei, SimSun; }

.wrapper { position: relative; width: 1600px; min-height: 100px; margin: 0 auto; }

/*header*/

.header { position: relative; background: url(../images/i-header.jpg) no-repeat center top; height: 550px; }

.header .wrapper { padding-top: 0px; }

.logo { position: absolute; left: 660px; top: 280px; }

.logo img { width: 120px; }

.slogan { position: absolute; left: 230px; top: 120px; width: 600px; height: 270px; }

.slogan a { display: block; width: 0; height: 100%; padding-left: 100%; overflow: hidden; }

.nav, .second-nav { position: relative; width: 1002px; margin-left: 125px; text-align: center; }

.nav a, .second-nav li { float: left; width: 108px; }

.nav { z-index: 2; padding-top: 15px; }

.nav a { height: 45px; color: #252525; font-size: 16px; line-height: 1.5; }

.nav a:hover { text-decoration: none; }

.nav span { display: block; position: relative; top: -4px; color: #989898; font-size: 12px; font-variant: small-caps; font-family: Arial; line-height: 1.1; }

.nav a:hover { color: #ea8d31; }

.second-nav { display: none; top: -50px; z-index: 1; background: url(../images/second-nav.png) no-repeat; height: 260px; }

.second-nav li { padding-top: 50px; }

.second-nav a { display: block; line-height: 2.2; }

.second-nav span { color: #ed0000; }

.second-nav span,.index .second-nav strong { color: #ed0000; }

.second-nav a:hover span, .index .second-nav a:hover strong {

  color: #ed0000;

  text-decoration: underline;

}

.nav .nav-mybox, .second-nav .nav-mybox {width: 138px;margin-left: 6px;}



.second-nav .nav-mybox {

    width: 120px;

}

.nav .nav-mybox {color: #fff;  background: url('../images/icon5.gif') center top no-repeat; font-size: 12px; line-height: 30px;}

.second-nav .nav-mybox { text-align: left; text-indent: 4px; }

.download { position: absolute; left: 0; top: 395px; }

.new-server { background: url(../images/new-server.png); width: 419px; height: 32px; color: #252525; font-size: 12px; line-height: 32px; text-align: center; }

.new-server a { display: block;}

.new-server strong { margin-right: .5em; color: #5A3B02; font-size: 14px; }

.new-server a:hover { color: #ea8d31; text-decoration: none; }

.download-btns { width: 419px; margin-top: 10px; }

.download-btns a { position: relative; float: left; text-decoration: none; }

.btn-download { width: 306px; height: 112px; color: #48381b; font-weight: bold; font-size: 32px; line-height: 112px; text-indent: 106px; background-repeat: no-repeat; }

.btn-download span { position: absolute; left: 70px; top: 44px; width: 30px; height: 28px; background-repeat: no-repeat; }

.btn-download:hover { background-repeat: no-repeat; }

.btn-signup, .btn-charge { width: 113px; height: 56px; color: #d3b06b; font-size: 16px; line-height: 56px; text-indent: 58px; background-repeat: no-repeat; }

.btn-signup:hover, .btn-charge:hover { background-repeat: no-repeat; }

.btn-signup span, .btn-charge span { position: absolute; left: 24px; top: 17px; width: 22px; height: 22px; }

.btn-signup span { background-repeat: no-repeat; }

.btn-charge span { background-repeat: no-repeat; }

.download-btns a span { -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }

.download-btns a:hover span { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }

.download-btns .btn-download:hover span { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); }

.download-btns .btn-download span { -webkit-animation: upDown 1.5s infinite; -o-animation: upDown 1.5s infinite; animation: upDown 1.5s infinite; }

@-webkit-keyframes upDown {

  from { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

  to { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }

}

@-o-keyframes upDown {

  from { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

  to { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }

}

@-moz-keyframes upDown {

  from { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

  to { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }

}

@keyframes upDown {

  from { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

  to { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }

}

/*main*/

.main { background: url(../images/i-main.jpg) no-repeat center top; height: 1405px; padding-top: 15px; }

.mod {
	position: absolute;
	background: #fff;
	width: 524px;
	overflow: hidden;
-webkit-transition: all 0.5s; 	transition: all 0.5s;
	background-color: #343434;
}

.mod-inner { width: 474px; margin: 0 auto; }

/*left: 0, 538, 1074; top:*/

.slide, .video { left: 0; }

.news, .media, .ranking { left: 538px; }

.ad, .update, .service { left: 1074px; }

/*top:*/

.slide, .news, .ad { top: -4px; }

.community { top: 379px; }

.video, .ranking, .update { top: 758px; }

.media, .service { top: 1137px; }

/*background*/

.ad, .video { background: none; }

/*height: */

.slide, .ad { height: 744px; }

.news, .community, .ranking, .update { height: 365px; }

.media, .service { height: 252px; }

.video { height: 631px; }

/*slide*/

.slide .swiper-container { width: 100%; height: 100%; }

.slide .swiper-slide { text-align: center; font-size: 18px; background: #000; }

.slide a { display: block; }

.slide .swiper-slide img { width: 524px; height: 744px;

    -webkit-transition: opacity 0.5s;

    transition: opacity 0.5s;

}

.slide .swiper-slide img:hover {

    /*-webkit-transform: scale(1.05);*/

    /*transform: scale(1.05);*/

    opacity: 0.8;

}

.slide .swiper-pagination { position: absolute; left: 40px; bottom: 40px; }

.slide .swiper-pagination-switch { display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; margin: 0 3px; opacity: 1; cursor: pointer; background-repeat: no-repeat; }

.slide .swiper-active-switch { background-repeat: no-repeat; }

/*news*/

.news-menu { position: relative; padding-top: 0px; border-bottom: 1px solid #cdcdcd; }

.news-tabs { width: 100; padding: 15px 0; overflow: hidden; }

.news-tabs a { float: left; width: 82px; margin-left: -1px; border-left: 1px dotted #cdcdcd; color: #3c3b37; font: bold 16px/20px SimSun; text-align: center; }

.news-tabs .active,

.news-tabs a:hover { color: #ea8d31; text-decoration: none; }

.more { position: absolute; right: 0px; height: 16px; padding-left: 20px; color: #7e7d78; font-size: 12px; line-height: 16px; text-align: left; /*text-indent: 24px;*/ }

.more:hover { color: #ea8d30; text-decoration: none; }

.news-more { top: 28px; background-repeat: no-repeat; }

.news-more:hover { background-repeat: no-repeat; }

.news-hot { margin-top: 5px; }

.news-hot p a { color: #ea8d31; font-size: 14px; line-height: 1.3; }

.news-hot p a font { color: #ea8d31; }

.news-hot .mrjd, .news-hot .mrjd a { color: #949494; font-size: 12px; }

.news .swiper-container { margin-top: 15px; }

/*news-list*/

.news-list { width: 100%; }

.news-list li { float: left; width: 100%; line-height: 2; }

.news-list a { float: left; width: 410px; color: #3c3b37; font: 12px/2.8 SimSun; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.news-list a font { color: #ea8d31; }

.news-list a:hover { text-decoration: underline; }

.news-list span { float: right; color: #949494; }

.news .news-list a { line-height: 2.2; }

.news table { width: 100%; }

.news table td { color: #949494; line-height: 2.1; }

.news table a { display: block; width: 370px; color: #3c3b37; font: 12px/2.1 SimSun; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.news a font { color: #ea8d31; }

/*community*/

.community { left: 538px; }

.community .news-tabs a { width: 94px; *width: 94px; }

.swiper-container-community { height: 300px; }

.contribute { position: relative;}

.contribute .swiper-pagination { position: static; margin-top: 10px; text-align: left; }

.contribute .swiper-pagination-switch { display: inline-block; *display: inline; *zoom: 1; background: #d4d4d4; width: 14px; height: 14px; margin: 0 2px; cursor: pointer; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.contribute .swiper-active-switch { background: #EA8D31; }

.tab_hd1 { height: 206px; overflow: hidden; display: none; }

.tab_wjs_bd { padding: 14px 0 0 20px; }

.tab_wjs_bd a:hover { color: #db2d2d; text-decoration: none; }

.tab_wj_dl { padding: 12px 0; border-bottom: 1px dotted #787878; overflow: hidden; }

.tab_wj_dl:last-child { border-bottom: 1px solid #ede6dc; }

.tab_wj_dl dd { float: left; width: 172px; }

.tab_wj_dl dd a { color: #313131; font-size: 12px; line-height: 20px; }

.tab_wj_dl dd br { display: none; }

.tab_wj_dl dd span, .star { float: left; margin-left: 10px; }

.tab_wj_dl dd span { width: 100px; padding-top: 18px; line-height: 1.5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.tab_wj_dl dd img { float: left; border: 1px solid #dddddd; width: 60px; height: 60px; }

.tab_wj_dl dt { float: left; width: 300px; padding-top: 12px; color: #949494; font-size: 12px; line-height: 1.3; }

.tab_wj_dl dt h2 a { color: #3c3b37; font-size: 16px; /* line-height: 32px; */ white-space: nowrap; text-overflow: ellipsis; width: 350px; display: inline-block; /* height: 32px; */ overflow: hidden; }

.tab_wj_dl dt span { color: #ea8d31; padding-left: 10px; }

.tab_wj_dl_no { border: none; }

.star { background: url(../images/star.png); width: 12px; height: 11px; }

.star-00 { width: 0px; }

.star-01 { width: 12px; }

.star-02 { width: 24px; }

.star-03 { width: 36px; }

.star-04 { width: 48px; }

.star-05 { width: 60px; }

.star-06 { width: 72px; }

.contribute-btns { position: relative; margin-top: -20px; }

.contribute-btns a { top: 0; }

.contribute-btn-01 { right: 180px; background-repeat: no-repeat; }

.contribute-btn-02 { right: 70px; background-repeat: no-repeat; }

.contribute-btn-01:hover { background-repeat: no-repeat; }

.contribute-btn-02:hover { background-repeat: no-repeat; }

.interaction { height: 279px; padding-top: 5px; overflow: hidden; }

.interaction li { float: left; background: url(../images/dot-line.png) no-repeat center bottom; width: 158px; height: 140px; overflow: hidden; }

.interaction a { display: block; position: relative; padding: 13px 0; }

.interaction img { display: block; width: 96px; height: 96px; margin: 0 auto; }

.interaction span { display: block; width: 96px; margin: 0 auto; color: #313131; font-size: 12px; line-height: 2; text-align: center; }

/*.interaction a:hover img{ height: 120px;}*/

/*.interaction a:hover span { position: absolute; color: #ea8d31; }*/

.hall { }

.mybox { position: relative; padding-top: 25px; }

.mybox-qr-code, .mybox-function { float: left; }

.mybox-qr-code { background: url(../images/dot-line-v.png) no-repeat right 0; width: 230px; }

.mybox-qr-code img { width: 110px; height: 110px;}

.mybox-tabs {width: 110px;margin: 0 auto;}

.mybox-tabs a {float: left;background-color: #a7a7a7;width: 54px;height: 34px;/* border-right: 1px solid #fff; */}

.mybox-android { background-repeat: no-repeat; }

.mybox-ios-01 { background-repeat: no-repeat; }

.mybox-ios-02 { background-repeat: no-repeat; }

.mybox-tabs .active { background-color: #ea8d31; }

.swiper-container-mybox { margin-top: 5px; text-align: center; }

.swiper-container-mybox p { margin-top: 10px; color: #313131; line-height: 1.5; }

.swiper-container-mybox p span { display: block; margin-top: 10px; color: #a7a7a7; }

.mybox-function { width: 244px; }

.mybox-function h3 { color: #858585; font: bold 16px/1.1 SimSun; text-align: center; }

.mybox-function ul {width: 170px;margin: 5px auto 0;}

.mybox-function li {float: left;/*background: #383838;*/width: 51px;margin: 0 17px;padding-top: 15px;color: #3c3b37;line-height: 1.1;text-align: center;}

.mybox-function .mybox-func-05 {display:none;}

.mybox-function span { display: block; background-color: #383838; height: 51px; margin-bottom: 5px; }

.mybox-func-01 span { background-repeat: no-repeat; }

.mybox-func-02 span { background-repeat: no-repeat; }

.mybox-func-03 span { background-repeat: no-repeat; }

.mybox-func-04 span { background-repeat: no-repeat; }

.mybox-func-05 span { background-repeat: no-repeat; }

.mybox-feature { bottom: -16px; background-repeat: no-repeat; }

.mybox-feature:hover { background-repeat: no-repeat; }

.screenshot { position: relative; margin-top: 18px; }

.screenshot img { width: 230px; height: 110px; margin-bottom: 15px; }

.screenshot-more, .screenshot-upload { bottom: -20px; }

.screenshot-more { top: auto; right: 100px; }

.screenshot-upload { background-repeat: no-repeat; }

.screenshot-upload:hover { background-repeat: no-repeat; }

/*ad*/

.ad { }

.ad-pic { display: block; position: relative; width: 255px; height: 175px; margin-bottom: 14px; overflow: hidden; }

.ad-pic img { display: block; width: 100%; height: 100%;

    -webkit-transition: opacity 0.5s;

    transition: opacity 0.5s;

}

.ad-pic img:hover {

    /*-webkit-transform: scale(1.05);*/

    /*transform: scale(1.05);*/

    opacity: 0.8;

}

.ad-txt { display: none; position: absolute; top: 20px; left: 20px; }

.ad-txt p { color: #c8ac90; font-size: 14px; }

.ad-txt strong { color: #ffffff; font-size: 18px; }

.ad-details { display: block; width: 57px; height: 25px; margin-top: 5px; color: #ffffff; font-size: 12px; line-height: 25px; text-align: center; background-repeat: no-repeat; }

.ad-pic:hover .ad-details { color: #c7ac97; }

.ad-large, .ad-small { position: absolute; top: 0; width: 255px; }

.ad-large { left: 0; }

.ad-large .ad-pic { height: 365px; }

.ad-small { right: 0; }

.ad-pic:hover img { /*-webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); *//*-webkit-transform: scale3d(1.01,1.01,1.01);

  transform: scale3d(1.01,1.01,1.01)*/ }

.my-paper-title { position: absolute; left: 0; top: 0; right: 0; background: url(../images/my-paper-title.png) no-repeat center; color: #FF9933; font-size: 15px; line-height: 26px; text-align: center; }

.my-paper-pic { display: block; }

.btn-wzmy { position: absolute; left: 50%; bottom: 10px; width: 205px; height: 43px; margin-left: -102px; color: #ffffff; font-size: 18px; line-height: 43px; text-align: center; background-repeat: no-repeat; }

.btn-wzmy:hover { text-decoration: none; background-repeat: no-repeat; }

/*video*/

.video { }

.video a { display: block; position: relative;

    overflow: hidden;}

.video img { display: block; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; width: 100%; height: 365px; }

.video img:hover {

    /*-webkit-transform: scale(1.05);*/

    /*transform: scale(1.05);*/

    opacity: 0.8;

}

.video-btn-play { position: absolute; left: 50%; top: 120px; width: 74px; height: 74px; margin-left: -37px; }

.video-btn-play i { position: absolute; left: 0; top: 0; background-repeat: no-repeat; width: 100%; height: 100%; -webkit-animation: rotate 2s infinite linear; -o-animation: rotate 2s infinite linear; animation: rotate 2s infinite linear; }

.video-btn-play b { position: absolute; left: 50%; top: 50%; width: 53px; height: 35px; margin-left: -26px; margin-top: -11px; background-repeat: no-repeat; }

@-webkit-keyframes rotate {

  from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

  to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

}

@-o-keyframes rotate {

  from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

  to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

}

@-moz-keyframes rotate {

  from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

  to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

}

@keyframes rotate {

  from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

  to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

}

.video-txt { position: absolute; bottom: 0; left: 0; width: 100%; /*height: 83px;*/ }

.video-txt-mask { position: absolute; left: 0; top: 0; background-color: #000; width: 100%; height: 100%; opacity: .7; }

.video-txt-cont { position: relative; z-index: 2; padding: 12px 26px; line-height: 2; }

.video-txt-cont strong { display: block; color: #ff6d3a; font-size: 14px; }

.video-txt-cont span { display: block; color: #acacac; font-size: 12px; }

.wallpaper { margin-top: 19px; }

.wallpaper .video-txt-cont { padding: 8px 26px; }

.wallpaper .video-txt-cont strong { padding-left: 25px; color: #fff; background-repeat: no-repeat; }

.wallpaper img {

    height: 252px;

    width: 100%;

}

/*top*/

/*update*/

.update { }

.update-title { padding-left: 25px; color: #3c3b37; font: bold 16px/20px SimSun; background-repeat: no-repeat; }

.update .news-list { height: 299px; overflow: hidden; }

.update .news-list li { height: 50px; padding-left: 10px; border-bottom: 1px dotted #636363; line-height: 50px; background-repeat: no-repeat; }

.update .news-list a { float: none; color: #2b2b2b; font-size: 14px; }

/*media*/

.media { }

.media .update-title { background-repeat: no-repeat; }

.media-list { padding-top: 20px; }

.media-list li { float: left; width: 94px; height: 50px; margin-bottom: 30px; margin-left:20px; }

.media-list a { display: block; position: relative; height: 100%; }

.media-list span { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; color: #777777; transition: all .5s; }

.media-list a:hover span { top: 0; background: #ea8d31; color: #fff; font-size: 18px; line-height: 50px; }

.media-52pk { background-repeat: no-repeat; }

.media-766 { background-repeat: no-repeat; }

.media-17173 { background-repeat: no-repeat; }

.media-enet { background-repeat: no-repeat; }

.media-163 { background-repeat: no-repeat; }

.media-xy { background-repeat: no-repeat; }

.media-youku { background-repeat: no-repeat; }

.media-ewk { background-repeat: no-repeat; }

.media-sina { background-repeat: no-repeat; }

.media-tmall { background-repeat: no-repeat; }

.media-list .media-duowan { width: 105px; background: url(../images/duowan.png) no-repeat; }

/*service*/

.service { }

.service .update-title { background-repeat: no-repeat; }

.service-cont { padding-top: 15px; }

.service-01, .service-02 { padding: 15px 0; }

.service-01 { float: left; width: 250px; border-right: 1px dashed #e3e3e3; }

.service-links { width: 231px; /* padding-top: 15px; */ overflow: hidden; }

.service-links a { float: left; margin-left: -1px; margin-bottom: 15px; border-left: 1px solid #b8b8b8; color: #313131; font-size: 14px; line-height: 1.1; }

.service-links a:hover { color: #ea8d31; }

.service-links-01 { width: 100px; }

.service-links-02 { width: 130px; text-indent: 15px; }

.service-tel { margin-top: 15px; color: #7a5f35; line-height: 1.5; }

.service-tel h4 { font-size: 14px; line-height: 20px; text-indent: 20px; background-repeat: no-repeat; }

.service-tel p { font-size: 20px; }

.service-02 { float: right; width: 200px; }

.service-02 p { color: #8c8c8c; line-height: 2; }

.service-02 p a { color: #ea8d31; }

.service-02 .service-maintain { margin-top: 10px; padding: 5px 0; border: 1px solid #99896e; color: #99896e; font-size: 14px; line-height: 1.5; text-align: center; }

/*ranking*/

.ranking { }

.ranking .news-menu { border: none; }

.ranking .update-title { background-repeat: no-repeat; }

.ranking-select { text-align: center; }

.ranking-select select { display: inline-block; *display: inline; *zoom: 1; width: 32%; height: 30px; border: 1px solid #dcdcdc; }

.ranking-cont { padding-top: 10px; }

.ranking-tabs { position: relative; z-index: 2; float: left; width: 39px; margin-left: -1px; }

.ranking-tabs a { display: block; /* width: 20px; */ height: 122px; *height: 122px; padding: 0 5px; border: 1px solid #eae7dc; border-left: 1px solid #979797; color: #6d6d6d; font-size: 16px; line-height: 1.1; text-align: center; }

.ranking-tabs i { display: block; width: 19px; height: 20px; margin: 0 auto; }

.ranking-tabs span { display: block; padding-top: 6px; }

.ranking-tabs a:hover { text-decoration: none; }

.ranking-tabs .active { border-color: #979797; border-left-color: #fff; }

.ranking-tabs .active span { color: #ea8d31; }

.ranking-pet i { background-repeat: no-repeat; }

.ranking-rose i { background-repeat: no-repeat; }

.ranking-pet.active i { background-repeat: no-repeat; }

.ranking-rose.active i { background-repeat: no-repeat; }

.ranking-swiper-container { float: left; width: 435px; height: 246px; margin-left: 0; border: 1px solid #979797; border-right: 0; }

.ranking table { width: 100%; /*border-right: 1px solid #fff;*/ text-align: center; }

.ranking th, .ranking td { }

.ranking th { border-bottom: 1px solid #e0e0e0; line-height: 2.5; }

.ranking td { line-height: 2.5; }

.page { margin-top: 8px; color: #777777; text-align: center; }

.page a { margin: 0 .5em; color: #777777; font-weight: normal; }

.page strong { font-weight: normal; }

.page span .on { color: #ea8d31; }

/*footer*/

.footer { width: 100%; padding: 40px 0 100px; }

.public_bm_table { margin: 0 auto; }

/*side-nav*/

.side-nav { position: fixed; right: 0; bottom: 0; z-index: 20; background: #343434; width: 100%; height: 74px; text-align: center; }

.side-nav-expand { display: none; width: 74px; padding-top: 42px; color: #ffffff; font-size: 14px; line-height: 1.1; }

.side-nav ul { padding-top: 5px; }

.side-nav li { display: inline-block; *display: inline; *zoom: 1; position: relative; vertical-align: top; }

.side-nav li > a { display: block; position: relative; /*background: #fff;*/ width: 65px; height: 65px; /* line-height: 65px; */ }

.side-nav li > a b { display: block; width: 4em; padding-top: 5px; }

.side-nav li > a span { /*display: block;*/ position: absolute; left: 0; right: 0; bottom: 8px; color: #fff; font-size: 12px; text-align: center; }

.side-nav li > a i { position: absolute; left: 50%; bottom: 25px; width: 33px; height: 31px; margin-left: -16px; }

.side-nav li > a:hover i { -webkit-animation: upDown 1s forwards; -o-animation: upDown 1s forwards; animation: upDown 1s forwards; }

@-webkit-keyframes upDown {

  from { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }

  to { -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -ms-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); }

}

@-o-keyframes upDown {

  from { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }

  to { -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -ms-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); }

}

@-moz-keyframes upDown {

  from { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }

  to { -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -ms-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); }

}

@keyframes upDown {

  from { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }

  to { -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -ms-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); }

}

.side-nav-tmall > a i { background-repeat: no-repeat; }

.side-nav-event > a i { background-repeat: no-repeat; }

.side-nav-server > a i { background-repeat: no-repeat; }

.side-nav-pet > a i { background-repeat: no-repeat; }

.side-nav-safe > a i { background-repeat: no-repeat; }

.side-nav-wx > a i { background-repeat: no-repeat; }

.side-nav-setting > a i { background-repeat: no-repeat; }

.side-nav-collapse > a i { background-repeat: no-repeat; }

.side-nav li > a:hover, .side-nav .on > a { background: #ea8d31; text-decoration: none; }

.side-nav li > a:hover span, .side-nav .on a span { color: #fff; }

.side-nav li > div { display: none; position: absolute; left: 50%; bottom: 65px; background: #343434; min-width: 140px; margin-left: -70px; padding: 10px 0; line-height: 3; }

.side-nav li > div a { display: block; color: #fff; white-space: nowrap; }

.side-nav li > div a:hover { color: #ea8d31; }

.side-nav li > div img { display: block; margin: 0 auto; }

.side-nav-collapsed-state { background-color: #ea8d31; width: 74px; height: 74px; cursor: pointer; background-repeat: no-repeat; }

.side-nav-collapsed-state ul { display: none; }

.side-nav-collapsed-state .side-nav-expand { display: block; }

/*modernizr*/

.no-opacity .video-txt-mask { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }

/*size02*/

@media all and (max-width: 1600px) and (min-width: 1330px) {

  body { min-width: 1330px; }

  .wrapper { width: 1330px; }

  .slogan { left: 100px; }

  .main { height: 1783px; }

  .ad { width: 255px; height: 1504px; }

  .ad-small { top: 759px; }

  .media { left: 0; top: 1403px; }

  .update { left: 538px; top: 1137px; }

  .service { left: 538px; top: 1516px; }

}

.size02 { min-width: 1330px; }

.size02 .wrapper { width: 1330px; }

.size02 .slogan { left: 100px; }

.size02 .main { height: 1783px; }

.size02 .ad { width: 255px; height: 1504px; }

.size02 .ad-small { top: 759px; }

.size02 .media { left: 0; top: 1403px; }

.size02 .update { left: 538px; top: 1137px; }

.size02 .service { left: 538px; top: 1516px; }

/*size01*/



.size01 { min-width: 1200px; }

.size01 .wrapper { width: 1062px; }

.size01 .slogan { left: 0; }

.size01 .main { height: 2163px; }

.size01 .ad { left: 0; top: 758px; }

.size01 .media { left: 538px; top: 1782px; }

.size01 .update { left: 538px; top: 1137px; }

.size01 .video { top: 1516px; }

.size01 .service { left: 538px; top: 1516px; }

.size01 .footer { padding-top: 80px; }

/*.size01 .side-nav { top: 200px; }*/

.btn-download { background-position: 0px -47px }

.btn-download span { background-position: -276px -180px }

.btn-download:hover { background-position: 0px -228px }

.btn-signup, .btn-charge { background-position: -193px -361px }

.btn-signup:hover, .btn-charge:hover { background-position: -193px -438px }

.btn-signup span { background-position: -284px -515px }

.btn-charge span { background-position: -284px -557px }

.slide .swiper-pagination-switch { background-position: -288px -599px }

.slide .swiper-active-switch { background-position: -288px -637px }

.news-more { background-position: -290px -675px }

.news-more:hover { background-position: -290px -711px }

.contribute-btn-01 { background-position: -290px -747px }

.contribute-btn-02 { background-position: -290px -783px }

.contribute-btn-01:hover { background-position: -290px -819px }

.contribute-btn-02:hover { background-position: -290px -855px }

.mybox-android {background-position: -269px -887px;}

.mybox-ios-01 {background-position: -270px -930px;}

.mybox-ios-02 {display: none;background-position: -279px -972px;}

.mybox-func-01 span {background-position: -263px -3147px;}

.mybox-func-02 span {background-position: -264px -3206px;}

.mybox-func-03 span {background-position: -263px -3265px;}

.mybox-func-04 span {background-position: -263px -3324px;}

.mybox-func-05 span { background-position: -266px -1195px }

.mybox-feature { background-position: -290px -1255px }

.mybox-feature:hover { background-position: -290px -1291px }

.screenshot-upload { background-position: -290px -1327px }

.screenshot-upload:hover { background-position: -290px -1363px }

.ad-details { background-position: -249px -1399px }

.btn-wzmy { background-position: -101px -1444px }

.btn-wzmy:hover { background-position: -101px -1507px }

.video-btn-play i { background-position: -232px -1570px }

.video-btn-play b { background-position: -253px -1664px }

.wallpaper .video-txt-cont strong { background-position: -289px -1712px }

.update-title { background-position: -287px -1752px }

.update .news-list li { background-position: -299px -1771px }

.media .update-title { background-position: -286px -1819px }

.media-52pk { background-position: -212px -1861px }

.media-766 { background-position: -212px -1914px }

.media-17173 { background-position: -212px -1967px }

.media-enet { background-position: -212px -2020px }

.media-163 { background-position: -212px -2073px }

.media-xy { background-position: -212px -2126px }

.media-youku { background-position: -212px -2179px }

.media-ewk { background-position: -212px -2232px }

.media-sina { background-position: -212px -2285px }

.media-tmall { background-position: -212px -2338px }

.service .update-title { background-position: -289px -2390px }

.service-tel h4 { background-position: -292px -2425px }

.ranking .update-title { background-position: -293px -2460px }

.ranking-pet i { background-position: -287px -2497px }

.ranking-rose i { background-position: -287px -2537px }

.ranking-pet.active i { background-position: -287px -2576px }

.ranking-rose.active i { background-position: -287px -2616px }

.side-nav-tmall > a i { background-position: -273px -2648px }

.side-nav-event > a i { background-position: -276px -2691px }

.side-nav-server > a i { background-position: -277px -2740px }

.side-nav-pet > a i { background-position: -273px -2786px }

.side-nav-safe > a i { background-position: -278px -2835px }

.side-nav-wx > a i { background-position: -274px -2883px }

.side-nav-setting > a i { background-position: -276px -2930px }

.side-nav-jbg > a i { background-position: -277px -3090px }

.side-nav-jd > a i { background-position: -273px -3050px }



.side-nav-collapse > a i { background-position: -284px -2968px }

/*.side-nav-collapsed-state { background-position: -258px -2995px }*/

.nav .nav-mybox:hover{

  color: #fff;

}

.btn-download, .btn-download span, .btn-download:hover, .btn-signup, .btn-charge, .btn-signup:hover, .btn-charge:hover, .btn-signup span, .btn-charge span, .slide .swiper-pagination-switch, .slide .swiper-active-switch, .news-more, .news-more:hover, .contribute-btn-01, .contribute-btn-02, .contribute-btn-01:hover, .contribute-btn-02:hover, .mybox-android, .mybox-ios-01, .mybox-ios-02, .mybox-func-01 span, .mybox-func-02 span, .mybox-func-03 span, .mybox-func-04 span, .mybox-func-05 span, .mybox-feature, .mybox-feature:hover, .screenshot-upload, .screenshot-upload:hover { background-image: url(../images/index_z.png) }

.ad-details, .btn-wzmy, .btn-wzmy:hover, .video-btn-play i, .video-btn-play b, .wallpaper .video-txt-cont strong, .update-title, .update .news-list li, .media .update-title, .media-52pk, .media-766, .media-17173, .media-enet, .media-163, .media-xy, .media-youku, .media-ewk, .media-sina, .media-tmall, .service .update-title, .service-tel h4, .ranking .update-title, .ranking-pet i, .ranking-rose i, .ranking-pet.active i, .ranking-rose.active i, .side-nav-tmall > a i, .side-nav-event > a i, .side-nav-server > a i, .side-nav-pet > a i, .side-nav-jbg a i, .side-nav-jd a i { background-image: url(../images/index_z.png) }

.side-nav-safe > a i, .side-nav-wx > a i, .side-nav-setting > a i, .side-nav-collapse > a i { background-image: url(../images/index_z.png) }

.side-nav-collapsed-state {}

.side-nav-expand { position: relative;}

.side-nav-expand i{

  position: absolute;

  left: 25px;

  top: 19px;

  width: 24px;

  height: 19px;

  background: url(../images/index_z.png) no-repeat -282px -3012px;

}

/*151215*/

.video a.more { position: absolute; right: 20px; top: 334px; z-index: 3; color: #acacac; }

.video a.more:hover { color: #ea8d31; }

@-webkit-keyframes navWidth {

  from { width: 0; opacity: 0;}

  to { width: 100%; opacity: 1;}

}

@keyframes navWidth {

  from { width: 0; opacity: 0;}

  to { width: 100%; opacity: 1;}

}

.nav a:hover:after { content: ''; position: absolute; left: 0; bottom: 3px; background: url(../images/i-nav-bottom.png) no-repeat center top; width: 100%; height: 1px; -webkit-animation: navWidth 1s; animation: navWidth 1s; }

.nav a:hover { color: #ff8a16; }

.nav span { color: #989898; }

.second-nav { background-image: url(../images/i-second-nav.png); }

.second-nav a { color: #fff; }

/*0203*/

.media-list .media-jingdong { background: url(../images/jd.png) no-repeat;     margin-left: 70px;

  margin-right: 70px;}





/*0429*/

.update .news-list li a { float: left; width: 390px; line-height:50px;}

.update .news-list li span { float:left; color:#2b2b2b;}

/*0110*/

.nav a, .second-nav li {

  width: 80px;

}

.nav .nav-myht {

  width: 138px;

  text-indent: 25px;

  background: url("../images/htb-icon.png") 0 0 no-repeat;

  text-align: left;

  text-indent: 30px;

}

/*170523*/

.video-swiper-mod {

    position: relative;

    width: 525px;

    height: 360px;

    overflow: hidden;

}

.tab_wj_dl dd {

    /*display: none;*/

}

/*180115*/

.nav{

  /* background:#ddd; */

  width: 870px;

  margin-left: 230px;

}

.second-nav{

  width:720px;

  margin-left:230px;

}

.mod-inner .tyop tr td{width:20%; text-align:center; height:38px; line-height:38px; border:1px #e4e4e4 solid;}

.mod-inner .tyop .titel{background-color:#e4e4e4;}

.mod-inner .tyop{width:100%;}

.update .hly{width:100%;}

#login{

  position: fixed;

  background: #fff;

  text-align: left;

  border: #ccc 1px solid;

  width: 330px;

  height: 300px;

  z-index: 2003;

  margin-left: -165px;

  top: 20px;

  left: 50%;

  display: none;

}

#login .close{

  position: absolute;

  background: url(../images/ico.jpg) no-repeat -471px -36px;

  width: 14px;

  height: 14px;

  right: 15px;

  top: 9px;

  z-index: 2004;

  cursor:pointer;

}

#login div{

  margin-top: 70px;

}

#login div label{

  display: block;

  width: 250px;

  margin: 0 auto;

  line-height: 30px;

  height: 30px;

  border: 1px solid #ff8a17;

  overflow: hidden;

}

#login div label:nth-of-type(1){

  background: url('../images/icon-num.png') -3px -7px  no-repeat;

  margin-bottom: 16px;

}

#login div label:nth-of-type(2){

  background: url('../images/icon-pwd.png') -3px -7px  no-repeat;

}

#login div label input{

  margin-left: 44px;

  background: none;

  height: 100%;

  width: 200px;

  float: left;

  border: 0;

  outline: medium;

}

#login div button{

  display: block;

  width: 70%;

  margin: 24px auto 20px;

  height: 33px;

  text-align: center;

  line-height: 33px;

  color: #fff;

  border: 0;

  background: #ff8a17;

  font-size: 14px;

  border-radius: 4px;

  text-indent: 0;

}

#login div button:hover{

  background: #df7207;

}

#login div p{

  width: 252px;

  margin: 0 auto;

  text-align: right;

  font-size: 14px;

}

#login div p span{

  padding: 0 5px;

}

#login div p a:hover{

  color: #69696B;

}