html,body,form,input,span,p,button,h1,ul{margin:0;padding:0}
html{height:100%;min-height:350px}
body{width:100%;height:100%;min-height:350px;font-family:Helvetica,STHeiti,Droid Sans Fallback;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a,a:visited{text-decoration:none;color:#328af4}a{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.msb{position:relative;width:100%}.msfo{padding-right:36px;padding-right:38px}.msfi{background-color:#fff!important;border-color:#c7d6f7;border-style:solid;border-width:2px 1px 2px 2px;border-right:0;margin-top:-1px;padding:0;height:35px;border:1px solid #d9d9d9!important;border-right:none!important;border-top:1px solid silver!important;padding-right:0;-webkit-transition: all .15s}
.cb{display:none;height:30px;position:absolute;right:42px;width:24px;z-index:7;background:0;color:#d9d9d9;font-size:24px;line-height:30px;text-align:center;top:2px;vertical-align:middle;width:30px}
.lsbb{background:#eee;border:1px solid #999;border-top-color:#ccc;border-left-color:#ccc;height:30px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;border-color:#c7d6f7;border-style:solid;border-width:2px 2px 2px 1px;height:42px;padding:0;position:absolute;right:0;top:0;width:40px;background-color:#4d90fe;background:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed))!important;border:1px solid #3079ed;box-sizing:border-box;-webkit-border-bottom-right-radius:2px;-webkit-border-top-right-radius:2px;height:37px;width:38px}
.sbico{background:url(/images/search_btn.png) no-repeat;color:transparent;display:inline-block;height:13px;margin:0 auto;margin-top:1px;width:14px}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
.lst{float:left;float:none;-webkit-box-sizing:border-box;-moz-box-sizing:content-box;padding:1px 7px;padding:0;padding-right:6px;padding-left:6px;width:100%;height:100%;border:0;-webkit-border-radius:0;border-radius:0;background:#fff;background-color:transparent;color:#000;vertical-align:top;font:17px arial,sans-serif;font-size:18px;line-height:normal;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-appearance:none}
.msfi input{-webkit-transition:background-color .2s ease-out}.msfi input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}header{background-color:#f1f1f1;background-image:-webkit-gradient(radial,100 36,0,100 -40,120,from(#fafafa),to(#f1f1f1));border-bottom:1px solid #666;border-color:#e5e5e5}#tsf{background:#f1f1f1;height:36px;padding:7px}#mlogo{background-size:78px 34px;color:transparent;height:34px;left:7px;position:absolute;text-align:center;top:2px;width:78px}@media only screen and (-webkit-min-device-pixel-ratio:2){#mlogo{background-image:url(/images/logom.png)}}.content{padding:0 7px}.content h1{font-size:23px;font-weight:700;color:#328af4;float:none;padding-top:7px}.phonetic{padding-top:3px}.phonetic span{padding-right:30px}.laba{position:relative;top:4px;display:inline-block;width:22px;padding-left:8px;height:18px;background:url(/images/laba.png) no-repeat 8px 0;background-size:22px 18px;-webkit-background-size:22px 18px;-webkit-touch-callout:none}.play{background-image:url(/images/laba_ani.gif)}.base{clear:both;margin-top:15px;border: 1px solid #ccd5ff;height:auto;background-color: #F6F6F6;overflow:hidden;color:#454545}.base p{clear:both;padding-top:4px;}.base p .pos{width:35px;font-size:90%;color:#999;display:inline-block;line-height:18px;vertical-align:middle;text-align:right;margin-right:15px;font-weight:700}.base p .def{display:inline-block;line-height:20px;vertical-align:top;font-size:1.1em;padding:5px 2px 5px 2px}.base p .def a{color:#333}.shape{clear:both;padding:18px 0;overflow:hidden}.shape li{white-space:nowrap;margin-bottom:7px;float:left;padding-right:10px;list-style:none}.shape a{padding:0 .25em}h3{font-size:11pt;position:relative;margin:0 0 .7em 0;height:26px;line-height:26px;border-bottom:2px solid #ddd}.tabs a,.cur{font-weight:normal;text-decoration:none;display:inline-block;border-bottom:2px solid #fff;height:26px;_position:relative;_top:2px}.tabs a span{cursor:pointer}.tabs a.cur{cursor:default}.tabs a.cur span{cursor:default;color:#434343;font-weight:bold;height:25px}.tabs a span,.cur span{display:inline-block;padding:0 20px;height:26px;border-bottom:2px solid #bfbfbf;margin-right:2px;_position:relative;_top:2px}h3 .cur span{border-bottom:2px solid #328af4;color:#328af4;font-weight:bold}.jkbox{padding-bottom:2px}.jkbox ol{padding-left:25px}.jkbox li{font-size:14px;margin-bottom:5px;line-height:25px}input[type="search"]:focus{background-color:transparent}.zy{color:#ff7800!important;font-style:normal}.hot{color:red!important;font-style:normal}
.tab_icon_open {
	background: url(/images/icobg.png) no-repeat;
	background-position: -290px -116px;
	padding-left: 18px;
	cursor: pointer;
	font-weight:bold;
}
.tab_icon_close {
	background: url(/images/icobg.png) no-repeat;
	background-position: -290px -145px;
	padding-left: 18px;
	cursor: pointer;
	font-weight:bold;
}
.fbarh{background:#f2f2f2;bottom:0;left:0;right:0}
.fbar{border-top:1px solid #e4e4e4;line-height:35px;padding:10px 0;text-align:center}
.fbar p{color:#777;display:inline}
.fbar a{color:#777;text-decoration:none;white-space:nowrap}


@charset "utf-8";
	body {
	margin:0
}
.promotion_cover {
	position:fixed;
	bottom:0;
	width:100%;
	z-index:9999;
	background-color:rgba(0,0,0,.5);
	-webkit-user-select:none
}
.main.promotion_cover {
	background-color:rgba(0,0,0,.4)
}
.share.promotion_cover {
	position:absolute;
	background:url('../images/bg_1.jpg');
	padding:5px 0;
	top:0;
	z-index:0;
	bottom:auto
}
.cover_content {
	position:relative;
	padding:0 5px 0 62px;
	height:50px;
	text-decoration:none;
	color:#fff
}
.promotionCover a:hover,.promotionCover a:active {
	color:#fff
}
.cover_content img {
	position:absolute;
	top:7px;
	left:20px;
	width:36px;
	border-radius:5px
}
.cover_content .title {
	margin:0;
	font-size:16px;
	line-height:16px;
	padding:6px 0 0
}
.cover_content .subtitle {
	margin:0;
	font-size:10px;
	line-height:10px;
	opacity:.6;
	padding:7px 0 0
}
.cover_content .action_btn {
	display:block;
	position:absolute;
	color:#fff;
	top:11px;
	right:51px;
	width:55px;
	height:28px;
	background-color:#f84c4b;
	font-size:15px;
	line-height:28px;
	text-align:center;
	font-weight:bold
}
.promotion_cover .close_btn {
	position:absolute;
	right:0;
	top:0;
	height:50px;
	width:45px;
	display:block;
	z-index:10
}
.share .cover_content .action_btn {
	background-color:#b23636;
	right:10px
}
.share.promotion_cover .close_btn {
	display:none
}
.promotion_cover .close_btn>i {
	position:absolute;
	left:20px;
	top:15px;
	width:2px;
	height:17px;
	background-color:#fff;
	display:inline-block
}
.promotion_cover .close_btn .r {
	-webkit-transform:rotate(-45deg)
}
.promotion_cover .close_btn .l {
	-webkit-transform:rotate(45deg)
}

.snapup {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}


    .snapup .shelf2 {
        margin-left: -30px;
        text-align: left;
        width: 100%;
    }

    .snapup .shelfcell {
        margin-left: 30px;
        margin-top: 6px;
        margin-bottom: 6px;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .snapup .shelfcell .title {
            color: #328af4;
            margin-bottom: 6px;
            margin-left: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .snapup .arrow {
        width: 20px;
        height: 20px;
        position: relative;
        top: 50%;
        margin: 0 auto;
    }


.section02 .shelfcell .subtitel {
    color: #666;
    font-size: 14px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.h01 {
    background: #f0f0f0;
    height: 1px;
}

#hd {
    font-size: 120%;
    line-height: 66px;
    font-weight: bold;
    color: #FFFFFF;
    height: 66px;
    background-color: #F3F3F3;
    border-bottom: 1px solid #ededed;
    padding-left: 15px;
}

    #hd a {
        color: #555555;
    }

    #hd .logo {
        display: inline-block;
        vertical-align: middle;
        width: 35px;
        height: 35px;
        background-position: -240px 0;
        margin-right: 15px;
        margin-top: -7px;
    }

#bd {
}

    #bd .list1 {
        padding: 5px 0 5px 15px;
    }

        #bd .list1 li {
        }

        #bd .list1 span {
            display: inline-block;
            line-height: 0;
            font-size: 0;
            position: relative;
            top: -2px;
            vertical-align: middle;
            width: 4px;
            height: 4px;
            margin-right: 8px;
            background-color: #5DB6F8;
        }

    #bd .list-ctn {
        color: #FFFFFF;
        padding: 0 0 1px 0;
        border-top: 2px solid #48A7F7;
        background-color: #5DB6FA;
    }

        #bd .list-ctn li {
            line-height: 20px;
            padding: 15px 0 20px 23px;
        }

            #bd .list-ctn li p {
                margin-top: 5px;
            }

    #bd .line-top {
        border-top: 1px dotted #8DCBFA;
    }

    #bd .list-down {
        color: #FFFFFF;
        padding: 0 0 1px 10px;
        border-top: 2px solid #48A7F7;
        background-color: #5DB6FA;
    }

    #bd .list-ctn,
    #bd .list-down {
        -moz-box-shadow: 0 -4px 7px #4EAAF7 inset;
        -webkit-box-shadow: 0 -4px 7px #4EAAF7 inset;
        box-shadow: 0 -4px 7px #4EAAF7 inset;
    }

        #bd .list-down li {
            height: 46px;
            margin: 10px 0;
        }

            #bd .list-down li a {
                color: #FFFFFF;
            }

            #bd .list-down li b {
                font-weight: normal;
                border-bottom: 1px dotted #FFFFFF;
            }

                #bd .list-down li b strong {
                    font-weight: bold;
                    font-size: 120%;
                }

    #bd .down-logo {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        width: 46px;
        height: 46px;
        background-position: 0 -30px;
    }

    #bd .down-logo-android {
    }

    #bd .down-logo-iphone {
        background-position: -50px -30px;
    }

    #bd .down-logo-windowsphone {
        background-position: -100px -30px;
    }

    #bd .down-logo-ipad {
        background-position: -150px -30px;
    }

    #bd .down-logo-symbian {
        background-position: 0 -80px;
    }

    #bd .down-logo-other {
        background-position: -50px -80px;
    }

    #bd .list2 {
        padding-bottom: 1px;
    }

        #bd .list2 dt {
            font-size: 120%;
            font-weight: bold;
            color: #333333;
            line-height: 48px;
            height: 50px;
            background-color: #E2EDF3;
            padding-left: 10px;
            -moz-box-shadow: 0 -4px 7px #D5E3EC inset;
            -webkit-box-shadow: 0 -4px 7px #D5E3EC inset;
            box-shadow: 0 -4px 7px #D5E3EC inset;
        }

    #bd .awards {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 40px;
        height: 40px;
        background-position: -150px -80px;
    }

    #bd dd {
        line-height: 100%;
        border-left: 2px solid #5DB6F8;
        margin: 12px 0 12px 20px;
        padding-left: 10px;
    }

    #bd .btn1,
    #bd .btn2,
    #bd .btn3,
    #bd .btn4 {
        display: block;
        width: 100px;
        height: 32px;
        background-position: 0 -135px;
        text-indent: -999em;
        overflow: hidden;
    }

    #bd .btn2 {
        background-position: -140px -135px;
    }

    #bd .btn3 {
        width: 125px;
        background-position: 0 -175px;
    }

    #bd .btn4 {
        background-position: -140px -175px;
    }

    #bd .crumbs {
        line-height: 100%;
        border-left: 2px solid #5DB6F8;
        margin: 12px 0 12px 10px;
        padding-left: 10px;
    }

    #bd .morelink {
        line-height: 35px;
        color: #5EB7F9;
        margin-left: 23px;
    }

#ft {
    color: #888888;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 5px;
    border-top: 2px solid #E3E3E3;
}

    #ft a {
        color: #888888;
    }

    #ft .sp {
        margin: 0 15px;
    }

    #ft.ft-detail .sp {
        margin: 0 10px;
    }
/* images */
#hd .logo,
#bd .down-logo,
#bd .awards,
#bd .btn1,
#bd .btn2,
#bd .btn3,
#bd .btn4 {
    background-image: url(/images/sp.png);
    background-repeat: no-repeat;
    -webkit-background-size: 275px 225px;
    -o-background-size: 275px 225px;
    background-size: 275px 225px;
}