﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, input, textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
    font-size: 12px;
    color: #333;
    background-color: #D7E0E5;
}

input, textarea {
    font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
    font-size: 12px;
    color: #333333;
}

img {
    outline: none;
}

ul {
    list-style: none;
}

a {
    color: #2438cd;
    text-decoration: none;
    outline: none;
}

table {
    border-collapse: collapse;
}

a:hover {
    text-decoration: underline;
}
.hidden{
    display: none;
}
/*	--------------------clear float----------------*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
    overflow: hidden;
}
/*header and footer*/
.header{
    width:100%;
    background-color: #f3f3f3;
}
.header .topLine{
    background-color: #1D2088;
    height: 3px;
}
.header .bottomLine{
    background: url("../images/headBgLine.gif") repeat-x;
    height: 10px;
}
.header .content{
    width: 900px;
    margin: 20px auto;
}
.header .content .logo{
    float: left;
    padding-left: 20px;
}
.header .content .headLink{
    float: right;
    margin: 14px 50px 0 0;
}
.header .content .headLink .goHomepage{
    padding-right: 10px;
    color: #333;
    text-decoration: none;
}
.header .content .headLink .goHomepage:hover{
    text-decoration: underline;
}
.header .content .headLink .currentPage{
    padding-left: 10px;
    color: #e6551d;
}
.footer{
    width: 100%;
    padding: 30px 0 40px;
}
.footer .content{
    width: 950px;
    margin: 0 auto;
}
.footer .phoneNum{
    float: left;
    height: 33px;
    margin-top: 10px;
    padding: 10px 0 0 30px;
    margin-left: 100px;
    background: url("../images/activity_icon.png") no-repeat 0 0;
}
.footer .phoneNum .num{
    color: #1d2088;
    font-weight: bold;
    padding-left: 5px;
}
.footer .copyright{
    float: left;
    color: #666;
    line-height: 18px;
    padding-left: 20px;
    text-align: left;
}
/*component*/
/*----------------border radius fix-----------------*/
.bRFix {
    position: relative;
}
/*
.form_checkbox {
    float: left;
}

.form_checkbox a {
    width: 17px;
    height: 17px;
    background: url(../images/form_input.png) -142px -381px no-repeat;
    display: inline-block;
    vertical-align: top;
}

.form_checkbox a.checked {
    background: url(../images/form_input.png) -111px -381px no-repeat;
}

.form_checkbox input {
    display: none;
}

.form_checkbox label {
    display: inline-block;
    padding-left: 10px;
    width: 215px;
    font-weight: normal;
    font-size: 12px;
}

.form_radio {
    float: left;
    margin-right: 10px;
}

.form_radio a {
    width: 17px;
    height: 14px;
    background: url(../images/form_input.png) -52px -383px no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.form_radio a.checked {
    background-position: -22px -383px;
}

.form_radio input {
    display: none;
}
*/

.errorWrap{
    background-color: #ffdede;
    color: #333333;
}
.errorWrap .icon{
    margin-left: 10px;
    vertical-align: middle;
}
.errorWrap .content {
    display: inline-block;
    padding-left: 5px;
}
.icon{
    background-image: url("../images/activity_icon.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.minusCircleIcon {
    background-position: -60px -161px;
    height: 13px;
    width: 13px;
}
.prompt_state {
    color: #106f00;
    font-size: 24px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding: 45px 0 35px;
    text-align: center;
}
.correctGreenCircleWhiteIcon {
    background-position: 0 -280px;
    height: 35px;
    width: 38px;
}
.prompt_title {
    padding-left: 10px;
    white-space: nowrap;
}
.dotBlackIcon {
    background-position: 4px -22px;
    height: 12px;
    width: 12px;
}

/*--------------content wrapper----------------*/
.activityWrap {
    width: 900px;
    height: auto !important;
    height: 420px;
    min-height: 420px;
    margin: 20px auto 0;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c3c3c3;
}
.activityWrap .topWrap{
    background: url(../images/top_banner_896400.jpg) no-repeat 2px 2px;
    height: 400px;
    width: 100%;
    position: relative;
}
.topWrap .top_new_bg{
    position: absolute;
    display: block;
    background: url(../images/top_new_6366.png) no-repeat 0 0;
    width: 63px;
    height: 66px;
    right: -61px;
    top: 26px;
}
.topWrap .tryit{
    position: absolute;
    top:252px;
    right: 200px;
    width: 200px;
    height: 50px;
}
.topWrap .tryit:hover{
    cursor: pointer;
}
.topWrap .briefRules{
    position: absolute;
    bottom: 30px;
}
.topWrap .briefRules .item{
    float: left;
    color: #F15922;
    font-size: 17px;
    font-weight: bold;
}
.topWrap .briefRules .rate{
    padding-left: 140px;
    width: 160px;
}
.topWrap .briefRules .guarantee{
    padding-left: 115px;
    width: 185px;
}
.topWrap .briefRules .liquidity{
    padding-left: 70px;
    width: 230px;
}
.topWrap .briefRules .item .extrude{
    font-size: 24px;
    line-height: 19px;
}

/*centerWrap*/
.activityWrap .contentWrap{
    margin-top: 20px;
}
.contentWrap .head{
    margin: 0 auto;
    width: 636px;
    height: 36px;
    line-height: 36px;
    background: url(../images/head_bg_136.jpg) repeat-x 0 0;
    border: 1px solid #fee240;
    border-radius: 5px;
    position: relative;
}
.contentWrap .head .icon{
    background: url(../images/activity_icon.png) no-repeat 100px 100px;
    position: absolute;
    top:-10px;
    left: 170px;
}
.contentWrap .head .qa{
    background-position: 0 -55px;
    width: 62px;
    height: 40px;
}
.contentWrap .head .guid{
    background-position: 0 -133px;
    width: 50px;
    height: 40px;
}
.contentWrap .head .title{
    margin-left: 240px;
    color: #f15922;
    font-size: 24px;
    font-weight: bold;
}
.contentWrap .head .goDetail{
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
}
.contentWrap .content{
    margin-top: 20px;
    padding: 0 50px;
}
.contentWrap .questionWrap{
    height: 39px;
    line-height: 39px;
}
.contentWrap .questionWrap:hover{
    background-color: #fff8d6;
}
.contentWrap .questionWrap .question{
    background: url(../images/activity_icon.png) no-repeat -70px -196px;
    padding-left: 35px;
    float: left;
}
.contentWrap .questionWrap .icon{
    float: right;
    margin-right: 10px;
    background-position: -29px -291px;
    width: 12px;
    height: 12px;
    margin-top: 15px;
}
.contentWrap .questionWrap:hover{
    cursor: pointer;
}
.contentWrap .questionWrap .active{
    background-position: 0 -245px;
}
/*component*/
.com_prompt.border {
    border: 1px solid #C7C7C7;
}
.com_prompt {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 0 15px;
    padding: 12px;
}
.leftborderArrow .arrow {
    background-position: 0 0;
    top: -1px;
}
.leftArrow .arrow, .leftborderArrow .arrow {
    background-position: -50px 0;
    height: 30px;
    left: -17px;
    top: 0;
    width: 26px;
}
.com_prompt .arrow {
    background: url(../images/com_prompt.png) no-repeat scroll 0 0 transparent;
    position: absolute;
}
.com_prompt p {
    line-height: 22px;
    padding: 0 0 0 20px;
}
.contentWrap .answerWrap{
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #f5f5f5;
    width: 100%;
}
.contentWrap .answerWrap .com_prompt{
    margin-bottom: 10px;
}
.contentWrap .answerWrap .icon{
    background-position: -85px -334px;
}
.activityWrap .guidWrap{
    margin: 60px 0;
}