/**
  * 基本样式
  */
h1, h2, h3, h4, h5, h6, p, span, a ,input,button,label,textarea{
    font-family: "Microsoft Yahei";
}
p,a
{
    color: #666666;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/**
  * 首页样式
  */
html,body,.contents
{
    width: 100%;
    height: 100%;
}
.firstScreen
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ff347f;
}
.firstScreen .insideImg
{
    width: 100%;
    height: 100%;
    background: url("http://static1.utan.com/app_utan/image/home/bannerBg.png") no-repeat bottom center;
    background-size: cover;
    position: relative;
}
.firstScreen .insideImg img
{
    width: 87.76%;
    position: absolute;
    bottom: 0;
    display: block;
    left: 50%;
    margin-left: -43.88%;
}
.firstScreen .sliderDownArrow
{
    width: 83px;
    height: 83px;
    background: url("http://static1.utan.com/app_utan/image/home/sliderDownIcon.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -42px;
    bottom: 38px;
    cursor: pointer;
}

.secondSrceen
{
    width: 100%;
    min-height: 100%;
    position: relative;
}
.secondSrceen .isFocus
{
    width: 1px;
    height: 1px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.qvModule
{
    width: 100%;
    height: 590px;
    padding-top: 84px;
    background: url("http://static1.utan.com/app_utan/image/home/qv-module-bg.jpg") repeat-y bottom center;
    overflow: hidden;
}
.qvModule .qvContent
{
    width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.qvModule .qvContent .lady01
{
    width: 413px;
    height: 642px;
    background: url("http://static1.utan.com/app_utan/image/home/lady-01.png") no-repeat;
    background-position: 0 48px;
    position: absolute;
    left: -125px;
    bottom: 0;
    cursor: pointer;
}
.qvModule .qvContent .lady01 .lady01-title
{
    width: 301px;
    position: absolute;
    left: 292px;
    bottom: 186px;
}
.qvModule .qvContent .lady01 .lady01-title img
{
    display: block;
    max-width: 100%;
}
.qvModule .qvContent .lady01 .ladyFontBox
{
    width: 339px;
    height: 475px;
    background: url("http://static1.utan.com/app_utan/image/home/lady-01-font-bg.png") no-repeat;
    position: absolute;
    left: 396px;
    bottom: 62px;
    overflow: hidden;
    display: none;
}
.qvModule .qvContent .lady01 .ladyFontBox .desFont
{
    width: 240px;
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    margin-left: 55px;
    margin-top: 210px;
}
.qvModule .qvContent .lady01 .downloadLink
{
    height: 68px;
    padding-left: 78px;
    display: block;
    line-height: 68px;
    color: #ffffff;
    font-size: 24px;
    margin-left: 55px;
    margin-top: 70px;
    background: url("http://static1.utan.com/app_utan/image/common/product-logo/utan-ryx-withBorder-icon.png") no-repeat left center;
}
.qvModule .qvContent .lady02
{
    width: 451px;
    height: 411px;
    background: url("http://static1.utan.com/app_utan/image/home/lady-02.png") no-repeat;
    position: absolute;
    left: 277px;
    bottom: 0;
    cursor: pointer;
}
.qvModule .qvContent .lady02 .lady01-title
{
    width: 248px;
    position: absolute;
    left: 152px;
    bottom: 340px;
}
.qvModule .qvContent .lady02 .lady01-title img
{
    display: block;
    max-width: 100%;
}
.qvModule .qvContent .lady02 .ladyFontBox
{
    width: 339px;
    height: 475px;
    background: url("http://static1.utan.com/app_utan/image/home/lady-02-font-bg.png") no-repeat;
    position: absolute;
    left: 471px;
    bottom: 62px;
    overflow: hidden;
    display: none;
}
.qvModule .qvContent .lady02 .ladyFontBox .desFont
{
    width: 240px;
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    margin-left: 53px;
    margin-top: 210px;
}
.qvModule .qvContent .lady02 .downloadBox,
.qvModule .qvContent .lady03 .downloadBox
{
    height: 68px;
    margin-left: 55px;
    margin-top: 70px;
}
.qvModule .qvContent .lady02 .downloadBox a,
.qvModule .qvContent .lady03 .downloadBox a
{
    width: 68px;
    height: 68px;
    display: block;
    float: left;
    margin-right: 12px;
}
.qvModule .qvContent .lady02 .downloadBox p,
.qvModule .qvContent .lady03 .downloadBox p
{
    line-height: 68px;
    float: left;
    color: #ffffff;
    font-size: 24px;
}
.qvModule .qvContent .lady03
{
    width: 450px;
    height: 530px;
    background: url("http://static1.utan.com/app_utan/image/home/lady-03.png") no-repeat;
    position: absolute;
    left: 884px;
    bottom: 0;
    cursor: pointer;
}
.qvModule .qvContent .lady03 .lady01-title
{
    width: 399px;
    position: absolute;
    left: -110px;
    bottom: 73px;
}
.qvModule .qvContent .lady03 .lady01-title img
{
    display: block;
    max-width: 100%;
}
.qvModule .qvContent .lady03 .ladyFontBox
{
    width: 339px;
    height: 475px;
    background: url("http://static1.utan.com/app_utan/image/home/lady-03-font-bg.png") no-repeat;
    position: absolute;
    left: 386px;
    bottom: 64px;
    overflow: hidden;
    display: none;
}
.qvModule .qvContent .lady03 .ladyFontBox .desFont
{
    width: 200px;
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    margin-left: 53px;
    margin-top: 210px;
}
.bottomPart
{
    width: 100%;
    overflow: hidden;
    background-color: #eeeeee;
    padding-bottom: 60px;
}
.bottomPart .relatedModule
{
    width: 1180px;
    padding: 19px 0 19px 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    margin-top: 40px;
}
.bottomPart .relatedModule a
{
    width: 374px;
    display: block;
    float: left;
    margin-right: 19px;
}
.bottomPart .relatedModule a img
{
    max-width: 100%;
    display: block;
}
.bottomPart .newsModule
{
    width: 1200px;
    margin: 40px auto 0 auto;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 1px 2px #999999;
}
.bottomPart .newsModule .moduleHeader
{
    width: 1100px;
    margin: 40px auto 0 auto;
    overflow: hidden;
    height: 27px;
}
.bottomPart .newsModule .moduleHeader .headerTitle
{
    width: 313px;
    height: 27px;
    float: left;
    background: url("http://static1.utan.com/app_utan/image/news/list/newsTitle.png") no-repeat;
}
.bottomPart .newsModule .moduleHeader a
{
    float: right;
    font-size: 18px;
    color: #000000;
}
.bottomPart .newsModule .moduleHeader a:hover
{
    color: #e71873;
}
.bottomPart .newsModule .moduleHeader a span
{
    color: #a7a7a7;
    margin-left: 2px;
}
.bottomPart .newsModule .newsList
{
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}
.bottomPart .newsModule .newsList li
{
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
}
.bottomPart .newsModule .newsList li .leftImg
{
    width: 224px;
    height: 155px;
    display: block;
    float: right;
    position: relative;
}
.bottomPart .newsModule .newsList li .leftImg i
{
    width: 42px;
    height: 32px;
    display: block;
    background: url("http://static1.utan.com/app_utan/image/home/jiangbei-icon.png") no-repeat;
    position: absolute;
    top: 12px;
    left: -11px;
}
.bottomPart .newsModule .newsList li .leftImg .insideContent
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bottomPart .newsModule .newsList li .leftImg img
{
    max-width: 100%;
    display: block;
}
.bottomPart .newsModule .newsList li .rightPart
{
    width: 846px;
    float: left;
}
.bottomPart .newsModule .newsList li .rightPart h1
{
    width: 100%;
    font-weight: normal;
}
.bottomPart .newsModule .newsList li .rightPart h1 a
{
    font-size: 30px;
    color: #000000;
}
.bottomPart .newsModule .newsList li .rightPart h1 a:hover
{
    color: #fb4c92;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside
{
    width: 100%;
    height: 34px;
    line-height: 34px;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .oriLink
{
    font-size: 18px;
    color: #999999;
    margin-right: 14px;
    float: left;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .publicDate
{
    font-size: 18px;
    color: #999999;
    float: left;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .publicDate a
{
    margin-right: 15px;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .cutLine
{
    color: #e2e2e2;
    font-size: 18px;
    margin: 0 28px;
    float: left;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .shareBox
{
    width: 105px;
    float: left;
    margin-top: 7px;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .shareBox .share-sina
{
    float: left;
    width: 25px;
    height: 20px;
    display: block;
    margin-right: 18px;
    background: url("http://static1.utan.com/app_utan/image/common/share/sina-icon.png") no-repeat;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .shareBox .share-sina:hover
{
    background: url("http://static1.utan.com/app_utan/image/common/share/sina-icon-1.png") no-repeat;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .shareBox .share-wechat
{
    width: 21px;
    height: 21px;
    display: block;
    float: left;
    margin-right: 18px;
    background: url("http://static1.utan.com/app_utan/image/common/share/wechat-icon.png") no-repeat;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .shareBox .share-wechat:hover
{
    background: url("http://static1.utan.com/app_utan/image/common/share/wechat-icon-1.png") no-repeat;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .shareBox .share-qq
{
    width: 23px;
    height: 21px;
    display: block;
    float: left;
    background: url("http://static1.utan.com/app_utan/image/common/share/qq-icon.png") no-repeat;
}
.bottomPart .newsModule .newsList li .rightPart .articleAside .shareBox .share-qq:hover
{
    background: url("http://static1.utan.com/app_utan/image/common/share/qq-icon-1.png") no-repeat;
}
.bottomPart .newsModule .newsList li .newsArticle
{
    font-size: 22px;
    color: #666666;
    line-height: 36px;
    height: 72px;
    overflow: hidden;
    display: block;
}
.bottomPart .newsModule .newsList li.lastChild
{
    border-bottom: none;
}