/*
@author: sunke
*/
@charset "utf-8";
body{font:14px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px; background:#eaecef;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}


/**/
.playHelp{ padding-top:20px;}
.playHelp .tab-tit{ height:70px;}
.playHelp .tab-tit li{ float:left; width:240px; height:67px; line-height:67px; text-align:center; font-size:22px; border-top:3px solid #eaecef; cursor:pointer;}
.playHelp .tab-tit li.current{ background:#fff; color:#fe8713; border-top:3px solid #fe8713;}
.playHelp .tab-con{ display:none; background:#fff; padding:31px 33px;}
.playHelp .tab-con h3{ line-height:44px; padding:20px 0; font-size:18px; font-weight:bold; padding-left:49px; position:relative;}
.playHelp .tab-con h3 i{ display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:bold; color:#fff; background:url("//www.chinaacc.com/OtherItem/images/playHelp/ico01.png") no-repeat; position:absolute; left:0; top:50%; margin-top:-15px;}
.playHelp .tab-con .box{ padding:0 48px 33px;}
.playHelp .tab-con .box .downLoad-btn{ display:block; width:180px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; text-decoration:none; background:#fe8813; border-radius:3px;}
.playHelp .tab-con .tit{ height:50px;}
.playHelp .tab-con .tit li{ float:left; height:47px; line-height:47px; font-size:16px; color:#676767; margin-right:67px; cursor:pointer;}
.playHelp .tab-con .tit li.current{ color:#ff8814; border-bottom:3px solid #fe8813;}
.playHelp .tab-con .con{ height:360px; overflow-y:auto; border:1px solid #eaecef; display:none; padding:50px 56px 0 40px;}
.playHelp .tab-con .text{ float:left; width:354px;}
.playHelp .tab-con .text h4{ line-height:60px; font-size:20px; border-bottom:1px solid #eaecef;}
.playHelp .tab-con .text h4 em{ font-size:32px; color:#fe8813;}
.playHelp .tab-con .text p{ font-size:16px; line-height:30px; padding-top:18px;}
.playHelp .tab-con .pic{ float:right; width:520px; padding-top:17px;}
.playHelp .tab-con .pic img{ display:block; max-width:520px; margin-bottom:10px; cursor:pointer;}
.playHelp .con-wrap{ padding-bottom:50px;}
.playHelp .box02{ border:1px solid #eaecef; padding:4px 42px 46px 42px;}
.playHelp .box02 p{ line-height:84px; font-size:16px;}
.playHelp .box02 .pic02{ text-align:center;}

/**/
.picture-enlargement-mask{display:none;width:100%;z-index:198;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed; left:0; top:0; bottom:0; right:0;}
.picture-enlargement{ display: none; overflow:hidden; width:100%; position:fixed; left:0; top:0; bottom:0; right:0; z-index:199;}
.picture-enlargement .close-btn{ display:block; width:20px; height:20px; line-height:0; font-size:0; cursor:pointer; position:absolute; z-index:999; right:30px; top:20px; background:url("//www.chinaacc.com/OtherItem/images/playHelp/ico.png") no-repeat 0 -108px;}
.picture-enlargement img{ display:block; position:absolute; left:50%; top:50%; border:3px solid #fff; cursor:pointer;}
.picture-enlargement .swiper-slide{ position:relative;}
.swiper-container{width: 100%;height: 100%;color: #fff;text-align: center;}
.picture-enlargement .pagination{ width:100%; height:68px; text-align:center; position:fixed; left:0; bottom:0; background:rgba(0,0,0,.6);}
.picture-enlargement .swiper-pagination-switch{ display:inline-block; width:30px; height:30px; margin:16px 10px 0; line-height:30px; font-size:18px; cursor:pointer; background:#d7d7d7; color:#666; border-radius:50%; vertical-align:middle;}
.picture-enlargement .swiper-pagination-switch.swiper-active-switch{ background:#fe8813; color:#fff;}
.picture-enlargement .arrow-left,.picture-enlargement .arrow-right{ display:block; width:51px; height:43px; position:fixed; left:10px; top:50%; margin-top:-21px; background:url("//www.chinaacc.com/OtherItem/images/playHelp/ico.png") no-repeat 0 0;}
.picture-enlargement .arrow-right{ left:auto; right:10px; background:url("//www.chinaacc.com/OtherItem/images/playHelp/ico.png") no-repeat 0 -51px;}
.picture-enlargement .arrow-left:hover,.picture-enlargement .arrow-right:hover{ opacity:.9;}




/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    direction:ltr;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */

    /*width:200px;
    height: 100px;*/
}
.swiper-slide {
    /* Specify Slides's Size: */

    /*width: 100%;
    height: 100%;*/
}
.swiper-slide-active {
    /* Specific active slide styling: */

}
.swiper-slide-visible {
    /* Specific visible slide styling: */

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    /* Stylize pagination button: */

}
.swiper-active-switch {
    /* Specific active button style: */

}
.swiper-visible-switch {
    /* Specific visible button style: */

}