/*spoken*/
.spoken-read .sentences-spoken {
    margin: 0 auto;
    width: 440px;
    height: 104px;
    border: 1px solid #D3ECF4;
    background: #F2FBFE;
    padding: 5px 20px;
    position: relative;
    text-align: left;
}

.spoken-read .word-spoken {
    margin: 0 auto;
    width: 295px;
    height: 65px;
    border: 1px solid #D3ECF4;
    background: #F2FBFE;
    padding: 5px 0;
    position: relative;
    overflow: auto;
    line-height: 60px;
    text-align: center;
    word-break: break-word;
}

.spoken-read .decorate-tip {
    position: absolute;
    width: 38px;
    height: 19px;
    left: 80%;
    top: 110px;
    background: url('icon/spoken/tip.png') no-repeat 0 0;
    z-index: 1;
}

.spoken-read .decorate-tip.word-d {
    top: 72px;
}

.spoken-read .title {
    font-family: "microsoft Yahei";
    padding-left: 13px;
    background: #159ff5;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    /*text-shadow: 0 0 2px #FFF;*/
    border-bottom: 1px solid #048CDD;
}

.spoken-read .dict-icon-close {
    float: right;
    background: url('icon/close.png') no-repeat -48px 0;
    /*background: url('../../styles/icon/close.png') no-repeat -48px 0;*/
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    color: transparent;
    padding: 0;
    margin: 6px 10px 0 0;
}

/*====waiting status====*/
.spoken-read .waiting {
    text-align: center;
    margin-top: 107px;
}

.spoken-read .waiting-tip {
    text-align: center;
    color: #BBB5A9;
}

.spoken-read .waiting a {
    background: url('icon/spoken/waiting.gif') no-repeat;
    /*background: url('../../styles/icon/spoken/waiting.gif') no-repeat;*/
    display: inline-block;
    width: 35px;
    height: 0;
    overflow: hidden;
    padding-top: 35px;
}

/*====reset status====*/
.spoken-read .recording {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    z-index: 3;
    background: url('icon/spoken/recording.png') 50% 50% no-repeat;
    /*background: url('../../styles/icon/spoken/recording.png') no-repeat;*/
    display: inline-block;
    width: 66px;
    padding-top: 67px;
    height: 0;
    overflow: hidden;
}

.spoken-read .recording-stauts {
    margin-top: 17px;
    position: relative;
}

.spoken-read .recording-tip {
    padding-top: 73px;
    text-align: center;
    color: #bbb;
}

.spoken-read .volume-status {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: 1px;
    z-index: 1;
    background: #fc9004;
    width: 65px;
    height: 63px;
}

.spoken-read .mask {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: 1px;
    background: #D3D1CC;
    width: 65px;
    z-index: 2;
    height: 54px;
    transition: 0.1s height;
}

#spoken.spoken-read .finish {
    text-align: center;
    margin-top: 15px;
    padding-bottom: 16px;
}

#spoken.spoken-read .finish a {
    width: 117px;
    height: 0;
    overflow: hidden;
    padding-top: 31px;
}

#spoken.spoken-read .begin.finish .readend, #spoken.spoken-read .finish .readstart {
    display: none;
}

#spoken.spoken-read .finish .readend {
    display: inline-block;
    background: url('icon/spoken/finish-record.png') no-repeat;
}

#spoken.spoken-read .finish .readend:hover {
    background: url('icon/spoken/finish-record-hover.png') no-repeat;
    /*background: url('../../styles/icon/spoken/finish-record-hover.png') no-repeat;*/
}

#spoken.spoken-read .begin.finish .readstart {
    display: inline-block;
    background: url('icon/spoken/start.png') no-repeat;
}

#spoken.spoken-read .begin.finish .readstart:hover {
    background: url('icon/spoken/start_hover.png') no-repeat;
}

/*====result status====*/
.spoken-read .spoken-result {
    color: #666;
    text-align: center;
}

.spoken-read .score {
    height: 15px;
    line-height: 13px;
    margin-top: 20px;
    color: #BBB5AA;
}

.spoken-read.sents-read-spoken-container .score {
    font-size: 14px;
    margin-top: 46px;
}

.spoken-read .restart {
    margin-top: 49px;
}

.restart ins {
    overflow: hidden;
    -webkit-transform: rotate(21deg);
    vertical-align: top;
    border-right: 2px solid #BBB5A9;
    display: inline-block;
    height: 0;
    padding-top: 37px;
    font-weight: bold;
}

.restart .replay {
    background: url('icon/spoken/replay.png') no-repeat;
    /*background: url('../../styles/icon/spoken/replay.png') no-repeat;*/
    margin-right: 20px;
}

.restart .replay:hover {
    background: url('icon/spoken/replay-hover.png') no-repeat;
    /*background: url('../../styles/icon/spoken/replay-hover.png') no-repeat;*/
}

.restart .respoke {
    background: url('icon/spoken/record.png') no-repeat;
    /*background: url('../../styles/icon/spoken/record.png') no-repeat;*/
    margin-left: 27px;
}

.restart .respoke:hover {
    background: url('icon/spoken/record-hover.png') no-repeat;
    /*background: url('../../styles/icon/spoken/record-hover.png') no-repeat;*/
}

.restart .replay, .restart .respoke {
    font-size: 14px;
    line-height: 37px;
    display: inline-block;
    padding-left: 43px;
    height: 37px;
    width: 37px;
    color: #BBB5A9;
}

.spoken-read .more-spoken {
    color: #279aec;
    float: right;
    margin: 0 20px 5px 0;
}

.spoken-read .gotoSpokenPk {
    color: #D93600;
    float: left;
    margin: 0 0 5px 20px;
}

.spoken-read .more-spoken:hover {
    color: # #4eb5ff;
}

.spoken-read .score .level,
.spoken-read .score .rank {
    color: #05912d;
    font-size: 24px;
    font-family: "Times New Roman", Microsoft Yahei;
    font-style: italic;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 2px;
}

.sents-read-spoken-container.spoken-read .score .level {
    margin-right: 18px;
}

.sents-read-spoken-container.spoken-read .score .level strong {
    font-size: 16px;
}

.spoken-read .sentences-spoken {
    margin: 0 auto;
    width: 478px;
    height: 115px;
    border: 1px solid #D3ECF4;
    background: #F2FBFE;
    padding: 4px 20px 7px;
    position: relative;
    font-size: 14px;
    color: #222;
    overflow-y: auto;
    box-sizing: border-box;
    text-align: justify;
}

.spoken-read .word-spoken .key {
    font-size: 20px;
    vertical-align: bottom;
    color: #222;
}

.spoken-read .word-spoken .phonetic {
    padding-left: 5px;
    font-size: 14px;
    color: #838383;
}

.spoken-read .speech {
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 0;
    background: url('icon/start_head/sound-production-normal.png');
    margin-left: 5px;
}

.spoken-read .speech:hover {
    background: url('icon/start_head/sound-production-normal.png');
}

.spoken-read .miss .phonetic, .spoken-read .confusion .phonetic {
    position: absolute;
    display: none;
    color: #313131;
    box-shadow: 0px 0px 5px 0px #333;
    padding: 2px 5px;
    border-radius: 1px;
    background: #fff;
}

.spoken-read .miss .phonetic > span, .spoken-read .confusion .phonetic > span {
    color: #D93904;
}

.spoken-read .miss {
    display: inline-block;
    color: #C14445;
}

.spoken-read .confusion {
    display: inline-block;
    color: green;
}

.spoken-read .feedback, .spoken-read .networkError {
    margin: 41px 0 0 0;
}

.spoken-read.sents-read-spoken-container .feedback {
    font-size: 14px;
}

/*小tip浮层的三角*/
.spoken-read .miss .phonetic span.tri-outer, .spoken-read .confusion .phonetic span.tri-outer {
    color: #ddd;
    position: absolute;
    top: -15px;
    font-size: 20px;
    left: 10%;
    text-shadow: 1px 1px 1px #333;
    z-index: 0;
    height: 15px;
    overflow: hidden;
    display: inline-block;
}

.spoken-read .miss .phonetic span.tri-inner, .spoken-read .confusion .phonetic span.tri-inner {
    color: #fff;
    position: absolute;
    font-size: 18px;
    top: 1px;
    left: 1px;
}

/*尝试更多单词部分*/
.try-more {
    width: 100%;

    line-height: 39px;
    height: 39px;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 6px #eee;
    margin-bottom: 17px;
    text-align: left;
    text-indent: 11px;
    overflow: hidden;
    color: #818181;
}

.try-more span {
    display: inline-block;

    padding: 2px 4px;
    border: 1px solid #eee;
    line-height: 12px;
    vertical-align: middle;
    text-indent: 0;
    cursor: pointer;
    color: #666;
}

.try-more span:hover {
    color: #279aec;
}

.spoken-read .wrap {
    margin-top: 0;
    position: relative;
}

.word-read-spoken-container.spoken-read .wrap {
    margin-top: 10px;
}

.word-read-spoken-container.spoken-read .more-spoken {
    margin-bottom: 10px;
}

.word-read-spoken-container.spoken-read .restart {
    margin-bottom: 10px;
    margin-top: 18px;
}

.word-read-spoken-container.spoken-read .feedback {
    margin-top: 21px;
}

.spoken-result .spoken-share-part {
    float: right;
    margin: 40px 30px 0 0;
    position: relative;
}

.spoken-share-part .spoken-share-options {
    top: 21px;
    left: -75px;
}

.spoken-share-part .spoken-share-options li {
    text-align: left;
}

.spoken-read .spoken-to-share {
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('icon/start_head/share-normal.png');
}

.spoken-read .spoken-to-share:hover {
    background: url('icon/start_head/share-hover.png');
}
.spoken-read {
    background: #fff;
    margin-left: 0;
}

.spoken-read .spoken-reset, .spoken-read .spoken-result, .spoken-read .spoken-wait{
}

.sents-read-spoken-container .spoken-reset,
.sents-read-spoken-container .spoken-result,
.sents-read-spoken-container .spoken-wait{
    width: 518px;
    height: 299px;
    padding-top: 15px;
}

.word-read-spoken-container .spoken-reset,
.word-read-spoken-container .spoken-result,
.word-read-spoken-container .spoken-wait{
    width:318px;
}

.word-read-spoken-container .spoken-wait{
    height:  163px;
}

.spoken-read .sentences-spoken{
    margin: 0 auto;
    width: 440px;
    height: 104px;
    border: 1px solid #D3ECF4;
    background: #F2FBFE;
    padding: 5px 20px;
    position: relative;
    text-align: left;
}

.spoken-read  .word-spoken {
    margin: 0 auto;
    width: 295px;
    height: 65px;
    border: 1px solid #D3ECF4;
    background: #F2FBFE;
    padding: 5px 0;
    position: relative;
    overflow: auto;
    line-height: 60px;
    text-align: center;
    word-break: break-word;
}
.spoken-read .decorate-tip{
    position: absolute;
    width: 38px;
    height: 19px;
    left: 80%;
    top: 110px;
    background: url('icon/spoken/tip.png') no-repeat 0 0;
    z-index: 1;
}
.spoken-read .decorate-tip.word-d{
    top: 72px;
}
.spoken-read .title {
    font-family: "microsoft Yahei";
    padding-left: 13px;
    background: #159ff5;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    /*text-shadow: 0 0 2px #FFF;*/
    border-bottom: 1px solid #048CDD;
}

.spoken-read .dict-icon-close {
    float: right;
    background: url('icon/close.png') no-repeat -48px 0;
    /*background: url('../../styles/icon/close.png') no-repeat -48px 0;*/
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    color: transparent;
    padding: 0;
    margin: 6px 10px 0 0;
}

/*====waiting status====*/
.spoken-read .waiting {
    text-align: center;
    margin-top: 107px;
}

.spoken-read .waiting-tip {
    text-align: center;
    color: #BBB5A9;
}

.spoken-read .waiting a {
    background: url('icon/spoken/waiting.gif') no-repeat;
    /*background: url('../../styles/icon/spoken/waiting.gif') no-repeat;*/
    display: inline-block;
    width: 35px;
    height: 0;
    overflow: hidden;
    padding-top: 35px;
}

/*====reset status====*/
.spoken-read .recording {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    z-index: 3;
    background: url('icon/spoken/recording.png') 50% 50% no-repeat;
    /*background: url('../../styles/icon/spoken/recording.png') no-repeat;*/
    display: inline-block;
    width: 66px;
    padding-top: 67px;
    height: 0;
    overflow: hidden;
}

.spoken-read  .recording-stauts {
    margin-top: 17px;
    position: relative;
}

.spoken-read .recording-tip {
    padding-top: 73px;
    text-align: center;
    color: #bbb;
}

.spoken-read .volume-status {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: 1px;
    z-index: 1;
    background: #fc9004;
    width: 65px;
    height: 63px;
}

.spoken-read .mask {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: 1px;
    background: #D3D1CC;
    width: 65px;
    z-index: 2;
    height: 54px;
    transition: 0.1s height;
}


#spoken_panel.spoken-read .finish {
    text-align: center;
    margin-top: 15px;
    padding-bottom: 16px;
}

#spoken_panel.spoken-read .finish a {
    width: 117px;
    height: 0;
    overflow: hidden;
    padding-top: 31px;
}

#spoken_panel.spoken-read .begin.finish .readend, #spoken_panel.spoken-read .finish .readstart {
    display: none;
}

#spoken_panel.spoken-read .finish .readend {
    display: inline-block;
    background: url('icon/spoken/finish-record.png') no-repeat;
}

#spoken_panel.spoken-read .finish .readend:hover {
    background: url('icon/spoken/finish-record-hover.png') no-repeat;
    /*background: url('../../styles/icon/spoken/finish-record-hover.png') no-repeat;*/
}

#spoken_panel.spoken-read .begin.finish .readstart {
    display: inline-block;
    background: url('icon/spoken/start.png') no-repeat;
}

#spoken_panel.spoken-read .begin.finish .readstart:hover {
    background: url('icon/spoken/start_hover.png') no-repeat;
}

/*====result status====*/
.spoken-read .spoken-result {
    color: #666;
    text-align: center;
}

.spoken-read .score {
    height: 15px;
    line-height: 13px;
    margin-top: 20px;
    color: #BBB5AA;
}

.spoken-read .restart {
    margin-top: 49px;
}

.spoken-read .restart ins {
    overflow: hidden;
    -webkit-transform: rotate(21deg);
    vertical-align: top;
    border-right: 2px solid #BBB5A9;
    display: inline-block;
    height: 0;
    padding-top: 37px;
    font-weight: bold;
}

.spoken-read .replay {
    background: url('icon/spoken/replay.png') no-repeat;
    /*background: url('../../styles/icon/spoken/replay.png') no-repeat;*/
    margin-right: 20px;
}

.spoken-read .replay:hover {
    background: url('icon/spoken/replay-hover.png') no-repeat;
    /*background: url('../../styles/icon/spoken/replay-hover.png') no-repeat;*/
}

.spoken-read .respoke {
    background: url('icon/spoken/record.png') no-repeat;
    /*background: url('../../styles/icon/spoken/record.png') no-repeat;*/
    margin-left: 27px;
}

.spoken-read .respoke:hover {
    background: url('icon/spoken/record-hover.png') no-repeat;
    /*background: url('../../styles/icon/spoken/record-hover.png') no-repeat;*/
}

.spoken-read .replay, .spoken-read .respoke {
    font-size: 14px;
    line-height: 37px;
    display: inline-block;
    padding-left: 43px;
    height: 37px;
    width: 37px;
    color: #BBB5A9;
}

.spoken-read .more-spoken {
    color: #279aec;
    float: right;
    margin: 0 20px 5px 0;
}
.spoken-read .more-spoken:hover{
    color:##4eb5ff;
}
.spoken-read .score .level {
    color: #05912d;
    font-size: 24px;
    font-family: "Times New Roman",Microsoft Yahei;
    font-style: italic;
    text-transform: capitalize;
    font-weight: 600;
}

.spoken-read .sentences-spoken {
    margin: 0 auto;
    width: 478px;
    height: 115px;
    border: 1px solid #D3ECF4;
    background: #F2FBFE;
    padding: 4px 20px 7px;
    position: relative;
    font-size: 14px;
    color: #222;
    overflow-y: auto;
    box-sizing: border-box;
    text-align: justify;
}
.spoken-read  .word-spoken .key {
    font-size: 20px;
    vertical-align: bottom;
    color: #222;
}

.spoken-read  .word-spoken .phonetic {
    padding-left: 5px;
    font-size: 14px;
    color: #838383;
}

.spoken-read .speech {
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 0;
    background: url('icon/start_head/sound-production-normal.png');
    margin-left: 5px;
}

.spoken-read  .speech:hover {
    background: url('icon/start_head/sound-production-normal.png');
}

.spoken-read .miss .phonetic, .spoken-read .confusion .phonetic {
    position: absolute;
    display: none;
    color: #313131;
    box-shadow: 0px 0px 5px 0px #333;
    padding: 2px 5px;
    border-radius: 1px;
    background: #fff;
}

.spoken-read .miss .phonetic>span, .spoken-read .confusion .phonetic>span {
    color: #D93904;
}

.spoken-read .miss {
    display: inline-block;
    color: #C14445;
}

.spoken-read .confusion {
    display: inline-block;
    color: green;
}

.spoken-read .feedback, .spoken-read .networkError{
    margin: 41px 0 0 0;
}

/*小tip浮层的三角*/
.spoken-read .miss .phonetic span.tri-outer, .spoken-read .confusion .phonetic span.tri-outer {
    color: #ddd;
    position:absolute;
    top:-15px;
    font-size:20px;
    left: 10%;
    text-shadow: 1px 1px 1px #333;
    z-index: 0;
    height: 15px;
    overflow: hidden;
    display: inline-block;
}
.spoken-read .miss .phonetic span.tri-inner, .spoken-read .confusion .phonetic span.tri-inner{
    color: #fff;
    position:absolute;
    font-size:18px;
    top: 1px;
    left: 1px;
}
/*尝试更多单词部分*/
.try-more{
    width: 100%;

    line-height: 39px;
    height: 39px;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 6px #eee;
    margin-bottom: 17px;
    text-align: left;
    text-indent: 11px;
    overflow: hidden;
    color: #818181;
}
.try-more span{
    display: inline-block;

    padding: 2px 4px;
    border: 1px solid #eee;
    line-height: 12px;
    vertical-align: middle;
    text-indent: 0;
    cursor: pointer;
    color: #666;
}
.try-more span:hover{
    color:#279aec;
}
.spoken-read .wrap{
    margin-top: 0;
    position: relative;
}
.word-read-spoken-container.spoken-read .wrap{
    margin-top: 10px;
}
.word-read-spoken-container.spoken-read .more-spoken{
    margin-bottom: 10px;
}

.word-read-spoken-container.spoken-read .restart{
    margin-bottom: 10px;
    margin-top: 18px;
}
.word-read-spoken-container.spoken-read .feedback{
    margin-top:21px;
}

.error-typo {
margin: 10px 0 15px;
padding: 9px 5px 14px;
border: 1px solid #e1deb6;
background-color: #f9f8eb;
}
.error-typo h4{
    font-weight: normal;
}
.error-typo h4 span{
    font-weight: bold;
}
.error-typo .typo-rel .title {
color: #35A1D4;
font-weight: bold;
}
.spoken-pk-content {
    padding-top: 5px;
    margin: 0 105px;
    height: 100%;
    overflow: hidden;
    margin-top: -5px;
}

.spoken-pk-content .star {
    float: left;
    width: 145px;
    text-align: center;
    position: relative;
}

.spoken-pk-content .star img {
    width: 120px;
    height: 160px;
    padding: 5px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
    border-radius: 4px;
}

.spoken-pk-content .star .voice {
    top: 132px;
    right: 7px;
}

.spoken-pk-content .spoken-pk-sentences {
    padding-top: 16px;
    overflow: hidden;
    height: 100%;
    padding-left: 24px;
}

.spoken-pk-content .spoken-pk-sentences .title {
    color: #000;
    font: 18px/28px arial italic;
}

.spoken-pk-content .spoken-pk-sentences .summary {
    padding-top: 5px;
    color: #6E6E6E;
    font: 16px/30px "microsoft Yahei";
    font-style: italic;
}



.spoken-pk body {
    background: #f5f5f5;
}

.spoken_pk_result {
    width: 600px;
    height: 450px;
    margin: -22px auto 0;
    border-radius: 4px;
    background: #f5f5f5;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.spoken_pk_result img {
    width: 90px;
    height: 120px;
    padding: 3px;
    border-radius: 4px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
}

.spoken_pk_result .similarity {
    padding-top: 28px;
    overflow: hidden;
    padding-left: 61px;
}


.spoken_pk_result .similarity .star {
    float: left;
    width: 145px;
    text-align: center;
    position: relative;
}

.spoken_pk_result .similarity .star_info {
    padding: 32px 0 0 16px;
    overflow: hidden;
}

.similarity .star_info .des {
    font: 18px/30px microsoft Yahei;
    color: #000;
    font-weight: 500;
}

.similarity .star_info .value {
    font: 18px/38px microsoft Yahei;
    font-weight: 700;
    color: #279aec;
    padding-left: 31px;
}

.similarity .star_info strong {
    font-size: 38px;
    vertical-align: bottom;
    line-height: 48px;
    font-weight: bolder;
}

.spoken_pk_result .simiList {
    background: #fffbef;
    box-shadow: inset 0 0 5px #FDF8DC;
    margin: -30px 10px 0;
    padding-top: 53px;
    padding-bottom: 19px;
}

.spoken_pk_result .simiList > p {
    height: 35px;
    line-height: 35px;
    background: red;
    width: 323px;
    margin-left: 10px;
    position: relative;
    top: -53px;
}

.simiList .star_info .value {
    color: #fb5605;
}

.spoken_pk_result > p {
    width: 328px;
    height: 0;
    padding-top: 35px;
    overflow: hidden;
    margin: 20px 0 0 10px;
    position: relative;
}

.spoken_pk_result > p.also_similar {
    background: url('./icon/spokenPk/also_similarity.png') no-repeat;
}

.spoken_pk_result > p.most_similar {
    background: url('./icon/spokenPk/most_similarity.png') no-repeat;
}

.spoken_pk_result .star .voice {
    top: 94px;
}

.pk-result-wrapper {
    border-bottom: 1px solid #E7E7E6;
    margin: 0 28px;
    padding-bottom: 41px;
}

.share_pk {
    border-top: 1px solid #fff;
    margin: 0 28px;
}

.share_pk > p {
    font: 14px "microsoft Yahei";
    color: #777;
    margin-top: 13px;
    text-shadow: 1px 1px 0px #fff;
    margin: 13px 0 5px;
}

.share_pk .sina,
.share_pk .tencent,
.share_pk .netease,
.share_pk .renren,
.share_pk .zQone {
    display: inline-block;
    width: 44px;
    height: 0;
    padding-top: 44px;
    overflow: hidden;
    background: url('./icon/spokenPk/share.png') no-repeat;
    margin-left: 8px;
}

.share_pk .sina {
    background-position: 0 0;
}

.share_pk .sina:hover {
    background-position: 0 -44px;
}

.share_pk .tencent {
    background-position: -132px 0;
}

.share_pk .tencent:hover {
    background-position: -132px -44px;
}

.share_pk .netease {
    background-position: -44px 0;
}

.share_pk .netease:hover {
    background-position: -44px -44px;
}

.share_pk .renren {
    background-position: -88px 0;
}

.share_pk .renren:hover {
    background-position: -88px -44px;
}

.share_pk .zQone {
    background-position: -176px 0;
}

.share_pk .zQone:hover {
    background-position: -176px -44px;
}

.pk-result .restart {
    float: right;
    margin: 30px 20px 0 0;
}

.restart ins {
    overflow: hidden;
    -webkit-transform: rotate(21deg);
    vertical-align: top;
    border-right: 2px solid #BBB5A9;
    display: inline-block;
    height: 0;
    padding-top: 37px;
    font-weight: bold;
}

.restart .replay-pk {
    background: url('icon/spoken/replay.png') no-repeat;
    margin-right: 20px;
}

.restart .replay-pk:hover {
    background: url('icon/spoken/replay-hover.png') no-repeat;
}

.restart .redo-pk {
    background: url('icon/spoken/record.png') no-repeat;
    margin-left: 27px;
}

.restart .redo-pk:hover {
    background: url('icon/spoken/record-hover.png') no-repeat;
}

.restart  .replay-pk, .restart .redo-pk {
    font-size: 14px;
    line-height: 37px;
    display: inline-block;
    padding-left: 43px;
    height: 37px;
    width: 37px;
    color: #BBB5A9;
    vertical-align: top;
}