/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/*!  Clearfix
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
//
// For modern browsers
// 1. The space content is one way to avoid an Opera bug when the
//    contenteditable attribute is included anywhere else in the document.
//    Otherwise it causes space to appear at the top and bottom of elements
//    that are clearfixed.
// 2. The use of `table` rather than `block` is only necessary if using
//    `:before` to contain the top-margins of child elements. */
body,
input,
form,
fieldset,
label,
legend,
dl,
dt,
dd,
ol,
ul,
li,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
}
* {
    -webkit-box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
    min-height: 100%;
    height: 100%;
}
body {
    font-size: 100%;
    height: 100%;
    width: 100%;
    color: #B4B4B4;
    overflow: hidden;
}
/**
 * Adjust `font-size`
 */
body,
button,
input,
select {
    font-size: 12px;
    font-family: "SimSun", "\5B8B\4F53", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
input,
button,
textarea {
    outline: none;
}
/**
 * Reset a tab
 */
a {
    outline: none;
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #fffa7d;
    outline: none;
}
a:active {
    outline: none;
}
label,
input {
    vertical-align: middle;
}
/**
 * Remove button default style
 */
button {
    border: none;
    background: none;
    margin: 0;
}
/**
 * Remove ul default list-style
 */
ul {
    list-style: none;
}
/**
 * Reset table `border`
 */
table {
    border-spacing: 0;
    border-collapse: collapse;
}
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b {
    font-weight: bold;
}
/**
 * Address style set to `normal` in Firefox 4+, Safari, and Chrome.
 */
strong {
    font-weight: normal;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
    max-width: 100%;
}
img.radius {
    border-radius: 50%;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-size: 1em;
    font-family: monospace, monospace;
}
/**
 * CSS3 Animatio.  Track
 */
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}
/**
 * Display None
 */
.none {
    display: none;
}
/**
 * Text alignment
 */
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.ico,
.fail-ico,
.room-ico,
.air-ico,
.collect-normal-ico {
    height: 16px;
    width: 16px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    /*margin-right: -4px;*/
    margin-right: -4px;
    vertical-align: middle;
}
.fail-ico {
    height: 15px;
    width: 15px;
    margin-right: 0;
    background: url("../images/chat/controls/Fail.png") 0 0 no-repeat;
}
.ico-succ {
    height: 15px;
    width: 15px;
    margin-right: 10px;
    float: left;
    background: url("../images/chat/controls/Success.png") 0 0 no-repeat;
}
.ico-fail {
    height: 15px;
    width: 15px;
    margin-right: 10px;
    float: left;
    background: url("../images/chat/controls/Fail.png") 0 0 no-repeat;
}
.ico-warn {
    height: 15px;
    width: 15px;
    margin-right: 10px;
    float: left;
    background: url("../images/chat/controls/Warning.png") 0 0 no-repeat;
}
.room-ico {
    background: url("../images/hall/myprogicon.png") no-repeat;
}
.room-ico.active {
    background: url("../images/hall/myprogicons.png") no-repeat;
}
.active .room-ico {
    background: url("../images/hall/myprogicons.png") no-repeat;
}
.air-ico {
    background: url("../images/chat/room/air_normal.png") no-repeat;
    cursor: pointer;
}
.air-ico:hover {
    background: url("../images/chat/room/air_hover.png") no-repeat;
}
.air-ico:active {
    background: url("../images/chat/room/air_down.png") no-repeat;
}
.air-ico.disabled {
    background: url("../images/chat/room/air_disable.png") no-repeat;
    cursor: default;
}
.collect-normal-ico {
    height: 14px;
    width: 16px;
    cursor: pointer;
    background: url("../images/hall/Reserve.png") 0 0 no-repeat;
}
.collect-normal-ico:hover {
    background-position: 0 -14px;
}
.collect-normal-ico:active {
    background-position: 0 -28px;
}
.collect-normal-ico.disabled {
    background-position: 0 -42px;
    cursor: default;
}
.collect-normal-ico.active {
    background: url("../images/hall/Reserve.png") 0 -28px no-repeat;
}
.collect-normal-ico.active:hover {
    background-position: 0 -14px;
}
input[type=checkbox],
input[type=radio] {
    font-size: 16px;
    height: 16px;
    width: 16px;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 1em;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.1)));
    background-repeat: repeat-x;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.4);
    border-radius: 3px;
    -webkit-appearance: none;
}
input[type=checkbox] {
    border: 1px solid #969696;
}
input[type=checkbox]:active {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0.2)));
    background-repeat: repeat-x;
    border: 1px solid #00a2ff;
}
input[type=checkbox]:checked {
    border: 1px solid #00a2ff;
}
input[type=checkbox]:checked::after {
    height: 4px;
    width: 8px;
    position: absolute;
    content: '';
    left: 2px;
    top: 3px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    border-bottom: 2px solid #00a2ff;
    border-left: 2px solid #00a2ff;
}
input[type=radio] {
    border: 1px solid #00a2ff;
    border-radius: 50%;
}
input[type=radio]:checked {
    border: 1px solid #00a2ff;
}
input[type=radio]:checked::after {
    height: 6px;
    width: 6px;
    position: absolute;
    content: '';
    left: 4px;
    top: 4px;
    border-radius: 50%;
    background-color: #00a2ff;
    z-index: 1;
}
input[type=text],
input[type=password] {
    padding: 3px 0 3px 3px;
    border: 1px solid #969696;
    background-color: #ffffff;
    color: #000000;
    border-radius: 4px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=text]:active,
input[type=password]:active,
input[type=text].active,
input[type=password].active {
    border: 1px solid #00a2ff;
}
input[type=text]:disabled:hover,
input[type=password]:disabled:hover,
input[type=text]:disabled:active,
input[type=password]:disabled:active,
input[type=text]:disabled:focus,
input[type=password]:disabled:focus {
    border: 1px solid #969696;
}
input[type=range] {
    height: 6px;
    width: 100%;
    border-radius: 4px;
    -webkit-appearance: none;
    background-color: #45c2c6;
}
input[type="range"]::-webkit-slider-thumb {
    height: 14px;
    width: 13px;
    border-radius: 50%;
    -webkit-appearance: none;
    border: 1px solid #56c7cd;
    background-color: #ffffff;
}
select {
    height: 26px;
    width: 100%;
    border-radius: 2px;
    line-height: 23px;
    -webkit-appearance: none;
    border: 1px solid #bed2d3;
    cursor: pointer;
    background: url("../images/chat/controls/ComboDropBtn.png") no-repeat right 2px;
}
select:focus {
    -webkit-box-shadow: 0 0 3px #72d1d4;
    -ms-box-shadow: 0 0 3px #72d1d4;
    box-shadow: 0 0 3px #72d1d4;
    outline: 0;
    border-color: #72d1d4;
    background-position: right -18px;
}
textarea {
    height: 61px;
    width: 100%;
    border-radius: 4px;
    resize: none;
    background: #ffffff;
    border: 1px solid #969696;
}
textarea:focus,
textarea:active,
textarea.active {
    border-color: #969696;
}
.file-btn {
    height: 26px;
    width: 86px;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    background: #F7F9FA;
    border: 1px solid #C7C7C7;
    text-align: center;
    padding: 5px 0;
    color: #4F4F4F;
}
.file-btn input {
    height: 26px;
    width: 100%;
    opacity: 0;
}
.file-btn:hover {
    background: #EEF0F1;
}
.file-btn:active {
    background: #D5D6D6;
}
.file-btn.disabled {
    background: rgba(247, 249, 250, 0.6);
    cursor: default;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(210, 210, 210, 0.4);
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(197, 197, 197, 0.6);
}
::-webkit-scrollbar-thumb:active {
    background: rgba(179, 179, 179, 0.8);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(179, 179, 179, 0.8);
}
::-webkit-scrollbar-button {
    height: 5px;
    width: 8px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
::-webkit-scrollbar-button:hover {
    background-position: 0 -5px;
}
::-webkit-scrollbar-button:end:hover {
    background-position: 0 -5px;
}
.popup-Box {
    height: 240px;
    width: 400px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    color: #3f3f3f;
    z-index: 999;
    background-color: #ffffff;
}
.popup-Box .popup-content {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
}
.popup-Box .popup-content .popup-box {
    background-color: #ffffff;
    -webkit-box-flex: 1;
    /* .border-top-radius(4px); */
}
.popup-Box .popup-content .btn-box {
    height: 39px;
    width: 100%;
    background-color: #f8f8f8;
    border-top: 1px solid #d4d4d4;
    padding: 6px 8px;
    display: table;
    text-align: right;
}
.popup-Box .popup-content .btn-box .btn {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    /*margin-right: -4px;*/
    border-radius: 4px;
    height: 26px;
    width: 62px;
    margin: 0 6px;
    padding: 3px 18px;
    cursor: pointer;
    vertical-align: middle;
    background-color: #00a2ff;
    color: #ffffff;
}
.popup-Box .popup-content .btn-box .btn:hover {
    background-color: #2eb0fb;
}
.popup-Box .popup-content .btn-box .btn:active {
    background-color: #038ede;
}
.popup-Box .popup-content .btn-box .btn.disabled {
    background-color: #a8aeb2;
    cursor: default;
}
/**
 * about.html, 关于页面
 */
.about-info {
    width: 380px;
}
.about-info .popup-box p {
    margin: 8px;
}
.about-info .popup-box a {
    color: #004ECE;
    margin: 8px;
}
/**
 * exit.html, 退出提示页面
 */
.exit-box {
    height: 100%;
    width: 100%;
    max-height: 500px;
    max-width: 500px;
}
.exit-box label {
    cursor: pointer;
}
.exit-box .popup-box {
    padding: 20px;
}
.exit-box .popup-box span {
    height: 30px;
    display: block;
    color: #3f3f3f;
}
.exit-box .popup-box .radio-box {
    padding-left: 5px;
    height: 25px;
}
.exit-box .btn-box .radio-box {
    float: left;
    margin-top: 5px;
}
/**
 * createRoom.html, 创建房间
 */
.create-room {
    height: 180px;
}
.create-room .pink {
    color: #fd5e86;
}
.create-room strong {
    font-weight: bold;
}
.create-room .tip1,
.create-room .tip2 {
    text-align: center;
    font-weight: bold;
}
.create-room .tip1 {
    color: #44a19a;
    padding-top: 30px;
    font-size: 16px;
}
.create-room .tip2 {
    color: #647474;
    padding-top: 36px;
}
.create-room .tip2 span {
    color: #fc86c3;
    font-weight: normal;
}
.create-room .popup-content .btn-box {
    position: relative;
    text-align: center;
}
.create-room .popup-content .btn-box .btn {
    margin-left: 0;
}
.create-room .popup-content .btn-box .pink {
    position: absolute;
    top: 12px;
}
/**
 * createRoomFail.html, 创建房间失败
 */
.create-room-fail {
    height: 180px;
}
.create-room-fail .pink {
    color: #fd5e86;
}
.create-room-fail .tip {
    width: 327px;
    line-height: 25px;
    padding-top: 30px;
    text-align: left;
    margin: auto;
}
.create-room-fail .tip span {
    vertical-align: middle;
}
.create-room-fail .tip .pink {
    vertical-align: inherit;
    color: #fd5e86;
    margin: 0 2px;
}
/**
 * createRoomSuccess.html, 创建房间成功
 */
.create-room-success {
    height: 180px;
}
.create-room-success .pink {
    color: #fd5e86;
}
.create-room-success .tip {
    width: 327px;
    line-height: 25px;
    padding-top: 30px;
    text-align: left;
    margin: auto;
}
.create-room-success .tip span {
    vertical-align: middle;
}
.create-room-success .tip .pink {
    vertical-align: inherit;
    color: #fd5e86;
    margin: 0 2px;
}
.create-room-success .popup-content .btn-box {
    text-align: center;
}
.create-room-success .popup-content .btn-box .btn {
    padding: 3px 6px;
}
/**
 * createSubRoom.html, 创建子房间
 */
.create-subroom {
    height: 350px;
    width: 490px;
    color: #333333;
}
.create-subroom::-webkit-input-placeholder {
    color: #b5b9b9;
}
.create-subroom table {
    margin: 10px 0 0 20px;
}
.create-subroom table td {
    height: 40px;
}
.create-subroom table td span {
    vertical-align: middle;
    color: #464646;
}
.create-subroom input[type=text] {
    height: 25px;
    width: 200px;
}
.create-subroom input[type=text]:active {
    border: 1px solid #969696;
}
.create-subroom input[type=checkbox] {
    position: relative;
    margin: 0 5px 0 10px;
}
.create-subroom:-moz-placeholder {
    color: #b5b9b9;
}
.create-subroom::-moz-placeholder {
    color: #b5b9b9;
}
.create-subroom:-ms-input-placeholder {
    color: #b5b9b9;
}
.create-subroom::-webkit-input-placeholder {
    color: #b5b9b9;
}
.create-subroom h1 {
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #757575;
    margin: 10px 0 20px 20px;
}
.create-subroom #roomTypeList {
    height: 150px;
}
.create-subroom #roomTypeList .hover-border {
    height: 120px;
    width: 20px;
    position: absolute;
    background: url("../images/chat/room/arrow-h.png") no-repeat;
    cursor: pointer;
}
.create-subroom #roomTypeList .hover-border:hover {
    border: 1px solid #00a2ff;
}
.create-subroom #roomTypeList .pre {
    left: 0;
    background-position: center left;
}
.create-subroom #roomTypeList .next {
    right: 0;
    background-position: center right;
}
.create-subroom #roomTypeList .scrollContent {
    position: absolute;
    left: 20px;
    height: 150px;
    width: 450px;
    overflow: hidden;
}
.create-subroom #roomTypeList .scrollList {
    position: relative;
}
.create-subroom #roomTypeList ul li {
    width: 150px;
    float: left;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}
.create-subroom #roomTypeList ul li.disable {
    cursor: default;
}
.create-subroom #roomTypeList ul li.disable input[type=radio] {
    border: 1px solid #969696;
    color: #969696;
}
.create-subroom #roomTypeList ul li.disable:hover {
    border: none;
}
.create-subroom #roomTypeList ul li:hover {
    border: 1px solid #00a2ff;
}
.create-subroom #roomTypeList ul li img {
    width: 100%;
    margin-bottom: 5px;
}
.create-subroom #roomTypeList ul li input {
    margin: -2px 5px 0 0;
}
.create-subroom .popup-content .btn-box {
    text-align: center;
}
/**
 * skin.html, 主题皮肤
 */
.theme-skin {
    height: 346px;
    width: 462px;
    display: block;
    padding-top: 11px;
}
.theme-skin .box {
    height: 152px;
    width: 203px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    float: left;
    margin: 0 0 15px 18px;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.theme-skin .desc {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 1px;
    background: rgba(255, 255, 255, 0.1);
}
.theme-skin .desc > div {
    position: relative;
    top: 50%;
    margin-top: -18px;
    font-weight: bold;
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.theme-skin .desc .name {
    display: block;
    font-size: 16px;
    color: #ffffff;
}
.theme-skin .desc .action {
    display: block;
    cursor: pointer;
    color: #bfbfbf;
    margin-top: 5px;
}
.theme-skin .triangle {
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-top: 48px solid #21B831;
    border-left: 48px solid rgba(0, 0, 0, 0);
    display: none;
}
.theme-skin .triangle:after {
    content: "当前";
    display: inline-block;
    position: absolute;
    width: 48px;
    margin-left: -40px;
    margin-top: -42px;
    font-size: 12px;
    font-weight: bold;
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    color: #fff;
    -webkit-transform: rotate(45deg);
}
/**
 * testMic.html, 话筒测试
 */
.testMic {
    height: 100%;
    width: 100%;
}
.testMic .content-page {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1;
}
.testMic .content-page .mic-test {
    padding: 10px;
    color: #5f6468;
}
.testMic .content-page .mic-test p {
    font-size: 14px;
    font-weight: bold;
}
.testMic .content-page .mic-test .mic-voice {
    height: 60px;
    width: 300px;
    padding-left: 60px;
}
.testMic .content-page .mic-test .mic-voice img {
    padding-top: 6px;
}
.testMic .content-page .mic-test .volunmbar {
    height: 16px;
    width: 166px;
    position: absolute;
    top: 75px;
    left: 125px;
    background: url("../images/chat/room/volbar.png");
}
.testMic .content-page .mic-test .volunmbar-active {
    height: 16px;
    width: 70px;
    position: absolute;
    top: 75px;
    left: 125px;
    background: url("../images/chat/room/volbar.png") 0 16px;
}
.testMic .content-page .mic-test .tip {
    width: 250px;
}
.testMic .content-page .mic-test .tip img {
    float: left;
    margin: 3px 5px 3px -3px;
}
.testMic .content-page .mic-test .tip p {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
.testMic .content-page .btn-box .btn {
    width: 72px;
    padding: 3px 0;
}
.testMic .content-page1 .mic-switch span {
    color: #000000;
}
.testMic .content-page1 .mic-switch select {
    width: 250px;
}
.testMic .content-page2 .speaker-switch {
    margin-top: 30px;
}
.testMic .content-page2 .speaker-switch span {
    color: #000000;
}
.testMic .content-page2 .speaker-switch select {
    width: 250px;
}
.testMic .content-page3 .popup-content .popup-box {
    padding: 30px 20px;
}
.testMic .content-page3 .title {
    font-size: 14px;
    font-weight: bold;
    color: #5F6468;
}
.testMic .content-page3 .tip {
    padding: 20px;
}
.testMic .content-page3 p {
    margin-bottom: 40px;
}
.testMic .content-page3 input[type=checkbox] {
    margin-top: -6px;
}
/**
 * cart.html, 麦上名片
 */
.wheat {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 18px;
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    background-image: url(../images/chat/advertcard/bg.png);
    background-repeat: no-repeat;
    border-radius: 0;
    background-color: transparent;
}
.wheat .nonWheat {
    position: absolute;
    top: 38px;
}
.wheat .onWheat {
    position: absolute;
    top: 23px;
}
.wheat .user-card {
    height: 170px;
    width: 284px;
    float: left;
    margin-right: 10px;
}
.wheat .user-card .lv1,
.wheat .user-card .lv2 {
    text-align: center;
}
.wheat .user-card .lv1 {
    -webkit-user-select: none;
    position: relative;
}
.wheat .user-card .lv1 .microphone {
    height: 170px;
    width: 284px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/chat/advertcard/microphone.png) no-repeat;
}
.wheat .user-card .lv1 .microphone.free-mic-mode-background {
    background: url(../images/chat/advertcard/show-card.png) no-repeat;
}
.wheat .user-card .lv1 .desc {
    max-width: 120px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1.6;
    margin-left: 6px;
    color: rgba(255, 255, 255, 0.8);
    cursor: default;
    font-size: 16px;
    font-weight: bold;
}
.wheat .lv2 .header {
    position: relative;
    height: 170px;
}
.wheat .lv2 .header > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.wheat .lv2 .header > .avatar {
    /*-webkit-transition: opacity 1s;*/
}
.wheat .lv2 .tool {
    height: 30px;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
}
.wheat .lv2 .police {
    height: 24px;
    width: 24px;
    background: url(../images/chat/advertcard/police.png) no-repeat;
    display: inline-block;
    float: left;
    cursor: pointer;
    margin-top: 3px;
    margin-left: 5px;
}
.wheat .lv2 .num {
    float: right;
    padding: 5px;
    color: #fff;
    font-size: 14px;
}
.wheat .lv2 .rose {
    height: 24px;
    width: 24px;
    background: url(../images/chat/advertcard/rose.png) no-repeat;
    display: inline-block;
    float: right;
    margin-top: 3px;
}
.wheat .content {
    height: 170px;
    float: left;
}
.wheat .content .button {
    color: #ffffff;
    background: #00a2ff;
    border-radius: 14.5em;
    cursor: pointer;
    font-size: 14px;
}
.wheat .content .button:hover {
    background-color: #2eb0fb;
}
.wheat .content .button:active {
    background-color: #038ede;
}
.wheat .content .button.disabled {
    background-color: #a8aeb2;
    cursor: default;
}
.wheat .content .lv1 {
    position: relative;
    top: 50%;
    margin-top: -15px;
}
.wheat .content .lv1 button {
    padding: 8px 36px;
}
.wheat .content .lv2 {
    margin-top: 11px;
}
.wheat .content .lv2 > div {
    display: -webkit-box;
}
.wheat .content .lv2 .microphone {
    height: 21px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/chat/advertcard/microphone-blue.png);
    margin-top: -6px;
}
.wheat .content .lv2 .level {
    height: 12px;
    display: block;
    margin-top: 9px;
    margin-left: 2px;
    font-size: 10px;
    font-family: arial, sans-serif;
    color: #00a2ff;
    font-weight: bold;
    -webkit-text-size-adjust: none;
}
.wheat .content .lv2 .name {
    font-size: 14px;
    color: #ffffff;
    vertical-align: middle;
    margin-left: 5px;
}
.wheat .content .lv2 .time {
    color: #b7b5b5;
    text-shadow: 0 2px 1px #000;
    vertical-align: middle;
    margin-left: 8px;
    font-size: 14px;
}
.wheat .content .lv2 .desc {
    color: #e1dfdf;
    text-shadow: 0 2px 1px #000;
    margin-top: 12px;
    margin-left: 2px;
}
.wheat .content .lv2 .honor {
    margin-top: 10px;
}
.wheat .content .lv2 .honor .medal {
    height: 16px;
    width: 16px;
    display: block;
    margin-right: 6px;
    background-image: url(../images/chat/room/medal.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
}
#div-award > img {
    width: 18px;
    height: 18px;
    margin: 0 3px;
}
.wheat .content .lv2 .btn {
    color: #ffffff;
    background: #00a2ff;
    border-radius: 14.5em;
    font-size: 14px;
    padding: 1px 14px;
    margin-top: 20px;
}
.wheat .content .lv2 .addr {
    height: 18px;
    width: 12px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/chat/advertcard/map-pin.png);
}
.wheat .content .lv2 .address {
    margin-left: 1px;
    padding-bottom: 2px;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
/**
 * kickAlert.html, 踢出房间
 */
.kick-box {
    height: 188px;
    width: 322px;
}
.kick-box .popup-box {
    margin: 10px 0 10px 10px;
}
.kick-box .popup-box .kick-message {
    margin-bottom: 10px;
}
.kick-box .popup-box .kick-message span {
    color: #0ba6ff;
}
.kick-box .popup-box .kick-limit {
    margin-bottom: 9px;
}
.kick-box .popup-box .kick-limit input {
    width: 50px;
}
.kick-box .popup-box .kick-limit span {
    vertical-align: middle;
}
.kick-box .popup-box .kick-handler td {
    vertical-align: top;
}
.kick-box .popup-box .kick-handler span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
.kick-box .popup-box .kick-handler .radio-box {
    display: inline-block;
    margin-bottom: 6px;
}
.kick-box .popup-box .kick-handler label {
    display: inline-block;
    margin: -2px 10px 0 5px;
}
.kick-box .popup-box .kick-handler input[type="text"] {
    width: 65%;
}
.kick-box .popup-box .kick-handler .special {
    margin-left: 12px;
}
/**
 * roomInputPass.html, 进入房间
 */
.room-inputpass {
    height: 100%;
    width: 100%;
    max-width: 500px;
    max-height: 500px;
    -webkit-user-select: none;
}
.room-inputpass .popup-box {
    margin: 20px;
}
.room-inputpass .popup-box table {
    margin: 20px;
}
.room-inputpass .popup-box table tr {
    height: 30px;
}
.room-inputpass .popup-box table tr.small {
    height: 15px;
}
.room-inputpass .popup-box table tr td {
    min-width: 70px;
    max-width: 220px;
    overflow: hidden;
}
.room-inputpass .popup-box table tr td div {
    height: 15px;
    width: 500px;
}
.room-inputpass .popup-box table tr td input {
    width: 200px;
}
.room-inputpass .popup-box table tr td .red-bold {
    color: #f8235b;
    font-weight: bold;
}
.circle {
    border-radius: 50%;
}
.thumb-image-box .thumb-area-Box {
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #ffffff;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.thumb-image-box .room-head-100 {
    height: 100px;
    width: 100px;
}
.thumb-image-box .room-head-68 {
    height: 68px;
    width: 68px;
    border-radius: 50%;
}
.thumb-image-box .room-head-60 {
    height: 60px;
    width: 60px;
}
.thumb-image-box .room-head-30 {
    height: 30px;
    width: 30px;
}
.thumb-image-box span {
    color: #000000;
    display: block;
    text-align: center;
    margin: auto;
}
.thumb-image-box .text {
    height: 25px;
    line-height: 25px;
    font-weight: bold;
}
.image-edit-box {
    height: 240px;
    position: relative;
    margin-top: 10px;
    border: 1px solid #C7C7C7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
}
.image-edit-box.normal {
    background: url("../images/chat/controls/image-edit-bg.png") repeat;
}
.image-edit-box.loading {
    background: url("../images/loading.gif") center center no-repeat;
}
.image-edit-box .image-tip {
    width: 100%;
    position: absolute;
    color: #4F4F4F;
    text-align: center;
    bottom: 19px;
}
.image-edit {
    height: 238px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin: auto;
    overflow: hidden;
    text-align: center;
}
.image-edit img {
    max-width: none;
}
.image-edit .mask-box {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: -384px;
    left: -384px;
    border: 384px solid rgba(0, 0, 0, 0.35);
    box-sizing: content-box;
}
.photo-Frame {
    height: 100px;
    width: 100px;
    position: absolute;
    display: none;
    cursor: move;
    border: 1px solid #2382C2;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.photo-Frame span {
    height: 6px;
    width: 6px;
    position: absolute;
    display: block;
    background: #2382C2;
    cursor: e-resize;
    z-index: 2;
}
.photo-Frame span:nth-child(1) {
    left: -3px;
    top: -3px;
    cursor: se-resize;
}
.photo-Frame span:nth-child(2) {
    left: 50%;
    top: -3px;
    margin-left: -3px;
    cursor: ns-resize;
}
.photo-Frame span:nth-child(3) {
    right: -3px;
    top: -3px;
    cursor: nesw-resize;
}
.photo-Frame span:nth-child(4) {
    left: -3px;
    top: 50%;
}
.photo-Frame span:nth-child(5) {
    right: -3px;
    top: 50%;
}
.photo-Frame span:nth-child(6) {
    left: -3px;
    bottom: -3px;
    cursor: nesw-resize;
}
.photo-Frame span:nth-child(7) {
    left: 50%;
    margin-left: -3px;
    bottom: -3px;
    cursor: ns-resize;
}
.photo-Frame span:nth-child(8) {
    right: -3px;
    bottom: -3px;
    cursor: se-resize;
}
.image-placeholder {
    width: 100%;
    position: relative;
    background: url("../images/settings/bg_select.png");
    -webkit-box-flex: 1;
}
.image-placeholder .photo-Frame {
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}
.image-placeholder .photo-Frame span:nth-child(1),
.image-placeholder .photo-Frame span:nth-child(3),
.image-placeholder .photo-Frame span:nth-child(6),
.image-placeholder .photo-Frame span:nth-child(8) {
    display: none;
}
/**
 * changeMyHead.html, 修改用户头像 || changeRoomHead.html, 修改房间头像
 */
.user-set {
    height: 352px;
    width: 562px;
    -webkit-user-select: none;
}
.user-set .popup-content .popup-box {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
}
.user-set .set-box {
    width: 128px;
    padding: 10px 2px;
    border-right: 1px solid #D7D7D7;
    border-top-left-radius: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
}
.user-set .set-box .title {
    padding-bottom: 10px;
    text-align: center;
    font-size: 14px;
}
.user-set .set-content {
    -webkit-box-flex: 1;
    padding: 14px 24px 0 24px;
    display: block;
}
/**
 * roomInfo.html, 房间信息
 */
.room-info-box {
    height: 180px;
    width: 450px;
}
.room-info-box .room-info {
    color: #464444;
    padding: 19px 14px;
}
.room-info-box .room-info .room-info-main {
    *zoom: 1;
}
.room-info-box .room-info .room-info-main:before,
.room-info-box .room-info .room-info-main:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.room-info-box .room-info .room-info-main:after {
    clear: both;
}
.room-info-box .room-info .tip {
    position: absolute;
    display: none;
    top: 18px;
    right: 58px;
    padding: 5px;
    background: #FCDE83;
}
.room-info-box .room-info .room-image {
    height: 100px;
    width: 100px;
    margin-right: 10px;
    float: left;
}
.room-info-box .room-info .title-box {
    height: 30px;
    width: 310px;
    float: left;
    line-height: 30px;
}
.room-info-box .room-info .room-name {
    width: 250px;
    float: left;
    overflow-x: hidden;
}
.room-info-box .room-info .room-name div {
    width: 200%;
    overflow-y: hidden;
}
.room-info-box .room-info .room-ico {
    width: 50px;
    float: right;
    text-align: right;
    background: none;
}
.room-info-box .room-info .room-ico .air-ico {
    margin-right: 5px;
}
.room-info-box .room-info .info {
    width: 310px;
    float: left;
}
.room-info-box .room-info .block {
    margin-bottom: 4px;
}
.room-info-box .room-info table td {
    height: 27px;
}
/**
 * blackAlert.html, 加入黑名单
 */
.black-box {
    height: 188px;
    width: 322px;
}
.black-box .popup-content .popup-box {
    margin: 18px 0 20px 10px;
}
.black-box .black-message {
    margin-bottom: 10px;
}
.black-box .black-message > span {
    color: #0BAFFF;
}
.black-box .black-handler td {
    vertical-align: top;
}
.black-box .black-handler span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
.black-box .black-handler .radio-box {
    display: inline-block;
    margin-bottom: 9px;
}
.black-box .black-handler .radio-box > label {
    display: inline-block;
    margin: -2px 10px 0 5px;
}
.black-box .special {
    margin-left: 11px;
}
/**
 * bordercastAlert.html, 房间广播
 */
.bordercast-box {
    height: 346px;
    width: 552px;
    padding: 0 8px;
    font-size: 14px;
    color: #4F4F4F;
}
.bordercast-box .popup-box {
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.bordercast-box .sender {
    padding-top: 16px;
}
.bordercast-box .title {
    margin-bottom: 10px;
}
.bordercast-box .float-left {
    float: left;
}
.bordercast-box .float-right {
    float: right;
}
.bordercast-box .room,
.bordercast-box .role {
    width: 261px;
    border: 1px dashed #969696;
}
.bordercast-box .room {
    padding: 11px 14px;
}
.bordercast-box .room li:first-child {
    margin-bottom: 8px;
}
.bordercast-box .room label {
    display: inline-block;
    margin-left: 4px;
    margin-top: -2px;
}
.bordercast-box .role {
    padding: 10px 11px;
}
.bordercast-box .role li:first-child {
    margin-bottom: 8px;
}
.bordercast-box .role input,
.bordercast-box .role img {
    margin: 0 4px;
}
.bordercast-box .role img {
    vertical-align: middle;
    margin-top: -2px;
}
.bordercast-box .message {
    margin-top: 12px;
}
.bordercast-box .popup-content .btn-box {
    border: none;
    background: #ffffff;
    padding: 0 4px;
}
.bordercast-box .popup-content .btn-box .btn {
    font-size: 14px;
    width: 64px;
}
.bordercast-box textarea {
    height: 140px;
    border-radius: 0;
    color: #000000 !important;
    -moz-appearance: none !important;
    background: #ffffff !important;
}
.bordercast-box #group_room {
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/**
 * bordercastMessage.html, 发送广播消息
 */
.borderCastMsg-box {
    height: 144px;
    width: 322px;
}
.borderCastMsg-box .content {
    height: 100%;
    width: 100%;
    padding: 8px 14px;
}
.borderCastMsg-box .send,
.borderCastMsg-box .mark {
    margin-bottom: 6px;
}
.borderCastMsg-box .send span {
    vertical-align: middle;
}
.borderCastMsg-box .send img {
    vertical-align: middle;
}
.borderCastMsg-box .message {
    height: 105px;
    width: 300px;
    color: #2898D9;
    line-height: 1.8;
    word-break: break-all;
    word-wrap: break-word;
    overflow-y: auto;
    overflow-x: hidden;
}
.borderCastMsg-box a,
.borderCastMsg-box a:link,
.borderCastMsg-box a:visited,
.borderCastMsg-box a:active {
    text-decoration: none;
    outline: none;
    color: #0000CD;
}
.borderCastMsg-box a:hover,
.borderCastMsg-box a:link:hover,
.borderCastMsg-box a:visited:hover,
.borderCastMsg-box a:active:hover {
    text-decoration: underline;
}
/**
 * messageNonRead.html, 未读消息
 */
.nonRead-box {
    height: 138px;
    width: 256px;
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.nonRead-box .popup-content .popup-box {
    height: 108px;
    overflow-x: hidden;
    overflow-y: auto;
}
.nonRead-box .popup-content .popup-box ul li {
    height: 36px;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.nonRead-box .popup-content .popup-box ul li:hover {
    background: #DCF0FB;
}
.nonRead-box .popup-content .popup-box ul li .name {
    color: #3A3A3A;
}
.nonRead-box .popup-content .popup-box ul li .message {
    height: 15px;
    width: 220px;
    display: block;
    color: #9F9F9F;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
.nonRead-box .popup-content .popup-box ul li .number {
    height: 18px;
    width: 24px;
    display: block;
    margin-top: 9px;
    border-radius: 10px;
    text-align: center;
    background: #F56C0A;
    color: #ffffff;
}
.nonRead-box .popup-content .popup-box ul li .view {
    height: 13px;
    width: 18px;
    display: block;
    margin-top: 11px;
    margin-right: 3px;
    background: url(../../images/non-view.png);
}
.nonRead-box .popup-content .popup-box ul li .none {
    display: none;
}
.nonRead-box .popup-content .popup-box ul > li:hover {
    cursor: pointer;
}
.nonRead-box .popup-content .popup-box a,
.nonRead-box .popup-content .popup-box a:link,
.nonRead-box .popup-content .popup-box a:visited,
.nonRead-box .popup-content .popup-box a:active {
    text-decoration: none;
    outline: none;
    color: #0000CD;
}
.nonRead-box .popup-content .popup-box a:hover,
.nonRead-box .popup-content .popup-box a:link:hover,
.nonRead-box .popup-content .popup-box a:visited:hover,
.nonRead-box .popup-content .popup-box a:active:hover {
    text-decoration: underline;
}
.nonRead-box .popup-content .popup-box .left {
    height: 36px;
    width: 220px;
    float: left;
}
.nonRead-box .popup-content .popup-box .right {
    width: 18px;
    float: right;
}
.nonRead-box .popup-content .btn-box {
    height: 30px;
    padding: 5px;
    text-align: left;
    line-height: 1.6em;
    position: relative;
}
.nonRead-box .popup-content .btn-box span {
    color: #56b5fe;
}
.nonRead-box .popup-content .btn-box span:hover {
    cursor: pointer;
}
.nonRead-box .popup-content .btn-box span:last-child {
    position: absolute;
    right: 5px;
}
/**
 * obsalert.html, OBS教程
 */
.obs-box {
    height: 160px;
    width: 320px;
    border-radius: 3px;
    overflow: hidden;
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
.obs-box .popup-content .popup-box {
    padding-top: 20px;
}
.obs-box .popup-content .popup-box > div {
    padding: 10px;
}
.obs-box .popup-content .popup-box .tooltip {
    color: #687677;
}
.obs-box .popup-content .popup-box .tutorial {
    color: #047ecb;
    cursor: pointer;
}
.obs-box .popup-content .btn-box .radio-box {
    float: left;
    padding-top: 2px;
}
.obs-box .popup-content .btn-box .radio-box input[type=checkbox] {
    margin-top: 4px;
}
.obs-box .popup-content .btn-box .radio-box label {
    display: inline-block;
    margin-top: 2px;
}
.obs-box .popup-content .btn-box .btn {
    padding: 6px 18px;
}
/**
 * testNetwork.html, 网络直播测试
 */
.testNetwork-box {
    height: 100%;
    width: 100%;
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.testNetwork-box .content-page {
    height: 100%;
}
.testNetwork-box .content-page span {
    color: #2f2f2f;
    display: block;
}
.testNetwork-box .content-page .btn-box {
    text-align: center;
}
.testNetwork-box .content-page .btn-box .btn {
    height: 42px;
    width: 100px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    background-color: #00a2ff;
    color: #ffffff;
}
.testNetwork-box .content-page .btn-box .btn:hover {
    background-color: #2eb0fb;
}
.testNetwork-box .content-page .btn-box .btn:active {
    background-color: #038ede;
}
.testNetwork-box .content-page .btn-box .btn.disabled {
    background-color: #a8aeb2;
    cursor: default;
}
.testNetwork-box .content-network-page1 span {
    margin-top: 9px;
}
.testNetwork-box .content-network-page1 .content {
    height: 281px;
    padding: 4px 0 0 33px;
}
.testNetwork-box .content-network-page1 .suggest {
    font-size: 14px;
    color: #00a2ff;
}
.testNetwork-box .content-network-page1 .softwares {
    height: 56px;
    margin-top: 12px;
    margin-left: 6px;
}
.testNetwork-box .content-network-page1 .softwares .thunder-icon {
    height: 40px;
    width: 40px;
    margin-top: 0;
    text-align: center;
    float: left;
    margin-right: 16px;
    background: url(../images/network/thunder.png);
    background-size: 100%;
}
.testNetwork-box .content-network-page1 .softwares .thunder-icon:after {
    position: relative;
    top: 42px;
}
.testNetwork-box .content-network-page1 .softwares .thunder-icon:after {
    content: '迅雷';
}
.testNetwork-box .content-network-page1 .softwares .kugou-icon {
    height: 40px;
    width: 40px;
    margin-top: 0;
    text-align: center;
    float: left;
    margin-right: 16px;
    background: url(../images/network/kugou.png);
    background-size: 100%;
}
.testNetwork-box .content-network-page1 .softwares .kugou-icon:after {
    position: relative;
    top: 42px;
}
.testNetwork-box .content-network-page1 .softwares .kugou-icon:after {
    content: '酷狗';
}
.testNetwork-box .content-network-page1 .softwares .qq-icon {
    height: 40px;
    width: 45px;
    margin-top: 0;
    text-align: center;
    float: left;
    margin-right: 16px;
    background: url(../images/network/qq.jpg);
    background-size: 90%;
    background-repeat: no-repeat;
}
.testNetwork-box .content-network-page1 .softwares .qq-icon:after {
    position: relative;
    top: 42px;
}
.testNetwork-box .content-network-page1 .softwares .qq-icon:after {
    content: 'QQ音乐';
}
.testNetwork-box .content-network-page1 .softwares .youku-icon {
    height: 40px;
    width: 40px;
    margin-top: 0;
    text-align: center;
    float: left;
    margin-right: 16px;
    background: url(../images/network/youku.jpg);
    background-size: 100%;
}
.testNetwork-box .content-network-page1 .softwares .youku-icon:after {
    position: relative;
    top: 42px;
}
.testNetwork-box .content-network-page1 .softwares .youku-icon:after {
    content: '优酷';
}
.testNetwork-box .content-network-page1 .softwares .tudou-icon {
    height: 40px;
    width: 40px;
    margin-top: 0;
    text-align: center;
    float: left;
    margin-right: 16px;
    background: url(../images/network/tudou.png);
    background-size: 103%;
}
.testNetwork-box .content-network-page1 .softwares .tudou-icon:after {
    position: relative;
    top: 42px;
}
.testNetwork-box .content-network-page1 .softwares .tudou-icon:after {
    content: '土豆';
}
.testNetwork-box .content-network-page1 .devices {
    height: 35px;
    margin-top: 12px;
    margin-left: 27px;
}
.testNetwork-box .content-network-page1 .devices .pc-icon {
    height: 35px;
    width: 35px;
    float: left;
    margin-top: 0;
    margin-right: 8px;
    background: url(../images/network/pc.png);
}
.testNetwork-box .content-network-page1 .devices .ipad-icon {
    height: 35px;
    width: 35px;
    float: left;
    margin-top: 0;
    margin-right: 8px;
    background: url(../images/network/ipad.png);
}
.testNetwork-box .content-network-page1 .devices .iphone-icon {
    height: 35px;
    width: 35px;
    float: left;
    margin-top: 0;
    margin-right: 8px;
    background: url(../images/network/iphone.png);
}
.testNetwork-box .content-network-page1 .devices .iptv-icon {
    height: 35px;
    width: 35px;
    float: left;
    margin-top: 0;
    margin-right: 8px;
    background: url(../images/network/iptv.png);
}
.testNetwork-box .content-network-page1 .testInfo {
    display: none;
    color: #ff0000;
    padding-left: 120px;
}
.testNetwork-box .content-network-page1 .testInfo > span {
    display: inline;
    color: inherit;
}
.testNetwork-box .content-network-page1 .btn-box {
    margin-top: 7px;
}
.testNetwork-box .content-network-page2 {
    padding-top: 5px;
}
.testNetwork-box .content-network-page2 span {
    margin-top: 16px;
    margin-left: 26px;
    font-size: 14px;
}
.testNetwork-box .content-network-page2 .bindWidth {
    height: 116px;
    width: 430px;
    margin: 25px auto 0 auto;
}
.testNetwork-box .content-network-page2 .bindWidth .bindWidth-box {
    float: left;
    margin: 0 20px;
}
.testNetwork-box .content-network-page2 .bindWidth .bindWidth-box span {
    display: inline-block;
    margin: 0;
}
.testNetwork-box .content-network-page2 .bindWidth .bindWidth-box .download,
.testNetwork-box .content-network-page2 .bindWidth .bindWidth-box .upload {
    height: 84px;
    width: 175px;
    background: #CFCFCF;
    margin-bottom: 12px;
    padding: 5px 0 0 12px;
}
.testNetwork-box .content-network-page2 .bindWidth .bindWidth-box .download > div,
.testNetwork-box .content-network-page2 .bindWidth .bindWidth-box .upload > div {
    font-size: 14px;
}
.testNetwork-box .content-network-page2 .bindWidth .bindWidth-box .speed {
    color: #00a2ff;
    font-size: 32px;
    margin-top: 8px;
    font-weight: bold;
}
.testNetwork-box .content-network-page2 .suggest {
    margin-top: 15px;
    margin-left: 0;
    color: #00a2ff;
    text-align: center;
}
.testNetwork-box .content-network-page2 .btn-box {
    margin-top: 20px;
}
/**
 * roomAlert.html, 房间弹窗
 */
.room-alert {
    height: 144px;
    width: 318px;
}
.room-alert .popup-box {
    padding: 40px 30px 0;
}
.room-alert .btn-box .radio-box {
    float: left;
    margin-top: 5px;
}
.room-alert .btn-box label {
    cursor: pointer;
}
.popup-Box.feedback-box {
    background-color: rgb(60,61,63);
    width: 317px;
    height: 200px;
    /*border-bottom: 10px solid rgb(28,58,65);*/
    border-radius: 0px;
    color: rgb(145,145,145);
    padding-left: 20px;
}
.popup-Box.feedback-box a:hover {
    text-decoration: underline;
}
.popup-Box.feedback-box div {
    text-indent: 30px;
    line-height: 0px;
    font-size: 15px;
    font-weight: bold;
    font-family: '微软雅黑',arial, sans-serif;
    line-height: 24px;
}
.popup-Box.feedback-box > div:first-child {
    margin-top: 40px;
}
.popup-Box.feedback-box div > div{
    display: block;
    float: left;
    overflow: hidden;
}

.popup-Box.feedback-box div > a.qq {
    width: 26px;
    height: 28px;
    background: url(../images/feedback-qq.png) no-repeat 0 -3px;
    text-indent: -1050px;
}