@charset "UTF-8";
* {
    box-sizing: border-box;
}

html {
    font-family: Microsoft YaHei;
    font-size: 14px;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
dt,
dd,
li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Microsoft YaHei;
}

u,
s,
i {
    font-style: normal;
    text-decoration: none;
}

a {
    text-decoration: none;
    color: #2B2A2E;
}

img {
    border: 0;
    vertical-align: middle;
}

input,
textarea,
button,
select {
    border: 1px solid #ddd;
    outline: 0;
    font-family: Microsoft YaHei;
}

textarea {
    padding: 5px;
    font-family: Microsoft YaHei;
}

.clearfix:after {
    content: " ";
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}

button {
    font-family: Microsoft YaHei;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font22 {
    font-size: 22px;
}

.font24 {
    font-size: 24px;
}

.font-bold {
    font-weight: bold;
}

.color-644517 {
    color: #644517;
}

.line-through {
    text-decoration: line-through;
}

.color-999 {
    color: #999;
}

.color-333 {
    color: #333;
}

.color-666 {
    color: #666;
}

.color-EB3434 {
    color: #EB3434;
}

.color-fff {
    color: #fff;
}

.color-00A8F8 {
    color: #00A8F8;
}

.color-00A8F7 {
    color: #2F80EC;
}

.color-2F80EC {
    color: #2F80EC;
}

.color-F21E1E {
    color: #F21E1E;
}

.color-F81B1B {
    color: #F81B1B;
}

.bg-00A8F8 {
    background: #00A8F8 !important;
}

.bg-00A8F7 {
    background: #2F80EC !important;
}

.bg-2F80EC {
    background: #2F80EC !important;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.vertical-top {
    vertical-align: top;
}

.vertical-middle {
    vertical-align: middle;
}

.display-inline-block {
    display: inline-block;
}

.border-color-00A8F7 {
    border: 1px solid #2F80EC !important;
}

.overflow-hidden {
    overflow: hidden;
}

.cursor-pointer {
    cursor: pointer;
}

.container {
    position: relative;
    margin: 0 auto;
    width: 1276px;
    height: 816px;
    margin-top: 2px;
}

.container:after {
    content: '';
    display: block;
    clear: both;
}

.container:before {
    content: '';
    display: block;
    clear: both;
}

.top {
    /* padding: 0 0 17px; */
    padding: 12px 24px 17px 26px;
    /* height: 45px; */
    /* background: url("../../public/img/top_bg.png") no-repeat; */
    color: #fff;
    /* padding-right: 27px; */
    padding-right: 12px;
}


/* .logo-version {
  float: left;
  width: 188px;
  margin-top: -2px;
  padding-left: 10px;
} */

.refresh-search {
    /* float: left; */
    position: relative;
    height: 26px;
    vertical-align: top;
    display: inline-block;
    height: 26px;
}

.refresh-search .top-search {
    height: 26px;
    line-height: 26px;
    width: 286px;
    /* padding: 0 13px 0 42px; */
    padding: 0 22px 0 8px;
    font-size: 12px;
    color: #333;
    border: 1px solid #DADADA;
    vertical-align: top;
}

.refresh-search .top-search::-webkit-input-placeholder {
    color: #CCC;
}

.refresh-search .icon-search {
    position: absolute;
    top: 50%;
    /* left: 11px; */
    right: 8px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url("../../public/img/search-icon.png") no-repeat;
    background-size: 100% 100%;
}

.top-version {
    position: relative;
    top: 1px;
    color: #fff;
}

.top-rt-list {
    float: right;
}

.top-rt-list>li {
    position: relative;
    float: left;
    padding: 0 10px;
    cursor: pointer;
}

.top-rt-list>li.width-2 {
    margin-right: 10px;
}

.top-rt-list .line {
    position: absolute;
    top: 0;
    right: -7px;
    width: 2px;
    height: 25px;
    background: #9A0000;
}

.top-rt-list .l-name {
    display: inline-block;
    max-width: 60px;
    position: relative;
    top: 4px;
    padding: 0 3px;
    color: #fff;
}

.top-rt-list .mr-s {
    margin-right: 10px;
    cursor: default;
}

.top-rt-list .ad-img {
    position: relative;
    top: -2px;
}

.vendor {
    position: relative;
    top: -2px;
    border-radius: 50%;
}

.top-list-sub {
    position: absolute;
    /* top: 42px; */
    top: 38px;
    /* right: 98px; */
    right: 32px;
    z-index: 100;
    display: none;
    /* width: 190px; */
    width: 96px;
    height: 64px;
    line-height: 32px;
    background: #F2F2F2;
    border-radius: 6px;
    text-align: center;
    /* box-shadow: 0 0 2px #ACAEAB; */
}

.top-list-sub.active {
    display: block;
}


/* .top-list-sub:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);       
  -moz-transform:translateX(-50%);        
  -ms-transform:translateX(-50%);           
  -o-transform: translateX(-50%);
  border: 10px solid transparent;
  border-bottom-color: #fff;
} */

.top-list-sub .sub-up {
    color: #000;
    /* line-height: 45px; */
    margin: 0 20px 10px;
    /* border-bottom: 1px solid #ddd; */
    font-size: 16px;
}

.top-list-sub .pb-10 {
    padding-bottom: 10px;
}

.top-list-sub.set {
    /* width: 100px; */
    /* left: -30px; */
    line-height: 32px;
    font-size: 14px;
    color: #666;
    padding-top: 8px;
}

#setting_body {
    height: auto;
    background: transparent;
}

#setting_body p {
    background: #f2f2f2;
}

#setting_body p:first-child {
    border-radius: 6px 6px 0 0;
}

#setting_body p:last-child {
    border-radius: 0 0 6px 6px;
}

.top-list-sub.set p:hover a {
    color: #2F80EC;
    /* border-bottom: 1px solid #ddd; */
}

.setting_item_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('/Content/public/img/info-icon.png') no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 5px;
}

.setting-item2 .setting_item_icon {
    background: url('/Content/public/img/loginout-icon.png') no-repeat;
    background-size: 100% 100%;
}

.setting-item3 .setting_item_icon {
    background: url('/Content/public/img/out-icon.png') no-repeat;
    background-size: 100% 100%;
}

.top-list-sub.set .setting-item1:hover .setting_item_icon {
    background: url('/Content/public/img/info-icon-1.png') no-repeat;
    background-size: 100% 100%;
}

.top-list-sub.set .setting-item2:hover .setting_item_icon {
    background: url('/Content/public/img/loginout-icon-1.png') no-repeat;
    background-size: 100% 100%;
}

.top-list-sub.set .setting-item3:hover .setting_item_icon {
    background: url('/Content/public/img/out-icon-1.png') no-repeat;
    background-size: 100% 100%;
}

.sub-left {
    position: relative;
    /* padding-top: 32px; */
    width: 220px;
    height: 779px;
    font-size: 16px;
    /* background: url("../../public/img/left_menu_bg.png") no-repeat; */
    background-color: #F2F2F2;
    background-size: 100% 100%;
}

.sub-left .logo {
    width: 115px;
    height: 30px;
    margin: 0 auto;
    /* margin-bottom: 58px; */
    margin-bottom: 40px;
    text-align: center;
}

.sub-left .logo img {
    width: 100%;
    height: 100%;
}

.sub-left .bottom-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.sub-left .bottom-btn .version {
    /* padding: 56px 0 29px; */
    /* padding: 24px 0 29px; */
    padding: 14px 0;
}

.sub-left .bottom-btn .bottom-da {
    width: 117px;
    height: 27px;
    cursor: pointer;
    margin-bottom: 15px;
    background: url("../../public/img/banner/a0.png") no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative;
}

.bottom-da::before {
    content: '';
    position: absolute;
    top: -18px;
    left: 50%;
    width: 133px;
    height: 2px;
    background: #ccc;
    border-radius: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    /* for Chrome || Safari */
    -moz-transform: translateX(-50%);
    /* for Firefox */
    -ms-transform: translateX(-50%);
    /* for IE */
    -o-transform: translateX(-50%);
}

.sub-left .bottom-btn .bottom-da:hover {
    background: url("../../public/img/banner/a1.png") no-repeat;
}

.sub-left .bottom-btn .bottom-yijian {
    width: 168px;
    height: 43px;
    cursor: pointer;
    background: url("../../public/img/shanghao.png") no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

.sub-left .btn-b-login {
    display: block;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #C73030;
}

.sub-left-tag {
    padding: 10px 0;
    text-align: center;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMoAAAABCAYAAACfSjHfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMDlBNzJCQzc3RUJFNzExODhGQTk3NDVEQjY1QUM2RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQkE5NjJBM0VCOTQxMUU3QkQyNjg2Qjk5RUZBOTk1MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQkE5NjJBMkVCOTQxMUU3QkQyNjg2Qjk5RUZBOTk1MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVFNTlEMUVGNzlFQkU3MTFBNzhDRUU2RkUzMDY0RkYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIwOUE3MkJDNzdFQkU3MTE4OEZBOTc0NURCNjVBQzZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CpM8YQAAAHFJREFUeNrUkcENwCAIRbXqRI7QxbuAE7WK2GDyQ6Q3DyV5AZ7iQTwRud1RSjk4DTwTpJ4EQPeDuOgjeN0ndZbAo4sLkvGenn/JOZ/uR8F7uDhV4TG4JVfDf81Vw+EZ3kGn60kT3wT0E+JdtJ1/1wUYABjPQP/ahEcaAAAAAElFTkSuQmCC") no-repeat 0 20px;
}

.sub-left-list li {
    position: relative;
    height: 42px;
    margin-bottom: 8px;
}

.sub-left-list li.active {
    background: #fff;
}

.sub-left-list li.active a {
    color: #2F80EC;
}


/* .sub-left-list li.active .icon-hall:before {
  background-position: -28px -28px;
}

.sub-left-list li.active .icon-category:before {
  background-position: -27px -54px;
}

.sub-left-list li.active .icon-zu-hao:before {
  background-position: -26px -81px;
}

.sub-left-list li.active .icon-favor:before {
  background-position: -28px -111px;
}

.sub-left-list li.active .icon-cash:before {
  background-position: -28px -136px;
} */

.sub-left-list li.active .icon-home::before,
.sub-left-list li:hover .icon-home::before {
    background: url("../../public/img/menu-icon1-1.png") no-repeat 0 0;
}

.sub-left-list li.active .icon-hall::before,
.sub-left-list li:hover .icon-hall::before {
    background: url("../../public/img/menu-icon2-1.png") no-repeat 0 0;
}

.sub-left-list li.active .icon-zu-hao::before,
.sub-left-list li:hover .icon-zu-hao::before {
    background: url("../../public/img/menu-icon3-1.png") no-repeat 0 0;
}

.sub-left-list li.active .icon-order::before,
.sub-left-list li:hover .icon-order::before {
    background: url("../../public/img/menu-icon4-1.png") no-repeat 0 0;
}

.sub-left-list li.active .icon-collection::before,
.sub-left-list li:hover .icon-collection::before {
    background: url("../../public/img/menu-icon5-1.png") no-repeat 0 0;
}

.sub-left-list li.active .icon-chuzu::before,
.sub-left-list li:hover .icon-chuzu::before {
    background: url("../../public/img/menu-icon6-1.png") no-repeat 0 0;
}

.sub-left-list li.active .icon-wan::before,
.sub-left-list li:hover .icon-wan::before {
    background: url("../../public/img/wan0.png") no-repeat 0 0;
}

.sub-left-list li.active .icon-packets::before,
.sub-left-list li:hover .icon-packets::before {
    background: url("../../public/img/icon-22.png") no-repeat 0 0;
}

.sub-left-list li.active .icon-huishou,
.sub-left-list li:hover .icon-huishou::before {
    background: url("../../public/img/huishou-1.png") no-repeat 0 0;
}

.sub-left-list li.active .icon-hezu,
.sub-left-list li:hover .icon-hezu::before {
    background: url("../../public/img/hezu-1.png") no-repeat 0 0;
}

.sub-left-list a {
    position: relative;
    display: block;
    padding-left: 78px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333;
}

#btnLianXiKeFu {
    border: 1px solid #c73030;
    width: 80%;
    margin: 0 auto;
    margin-top: 45px;
    padding: 3px 0;
    border-radius: 30px;
    cursor: pointer;
}

#btnLianXiKeFu p {
    line-height: 20px;
    text-align: center;
    color: #c73030;
    font-size: 14px;
}

.sub-left-list a::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 36px;
    width: 18px;
    height: 18px;
    /* background: url("../../public/icons/icons.png") no-repeat 0 0; */
}

.sub-left-list a:hover {
    color: #2F80EC;
}

.sub-left-list a.icon-home::before {
    background: url("../../public/img/menu-icon1.png") no-repeat 0 0;
}

.sub-left-list a.icon-hall::before {
    background: url("../../public/img/menu-icon2.png") no-repeat 0 0;
}

.sub-left-list a.icon-zu-hao::before {
    background: url("../../public/img/menu-icon3.png") no-repeat 0 0;
}

.sub-left-list a.icon-order::before {
    background: url("../../public/img/menu-icon4.png") no-repeat 0 0;
}

.sub-left-list a.icon-collection::before {
    background: url("../../public/img/menu-icon5.png") no-repeat 0 0;
}

.sub-left-list a.icon-chuzu::before {
    background: url("../../public/img/menu-icon6.png") no-repeat 0 0;
}

.sub-left-list a.icon-wan::before {
    background: url("../../public/img/wan1.png") no-repeat 0 0;
}

.sub-left-list a.icon-packets::before {
    background: url("../../public/img/icon-11.png") no-repeat 0 0;
}

.sub-left-list a.icon-huishou::before {
    background: url("../../public/img/huishou.png") no-repeat 0 0;
}

.sub-left-list a.icon-hezu::before {
    background: url("../../public/img/hezu.png") no-repeat 0 0;
}


/* .sub-left-list a.icon-category::before {
  background: url("../../public/img/menu-icon1.png") no-repeat 0 0;
} */


/* .sub-left-list a.icon-zu-hao:before {
  background-position: 4px -81px;
} */

.sub-left-list a.icon-favor:before {
    background-position: 2px -111px;
}

.sub-left-list a.icon-cash:before {
    background-position: 2px -136px;
}

.sub-left-list a.icon-service:before {
    background-position: -27px 3px;
}


/************************************/

.sub-footer {
    width: 100%;
    height: 44px;
    background: rgba(245, 245, 247, 1);
}

.form-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.form-box.active {
    display: block;
}

.form-box .box-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /* for Chrome || Safari */
    -moz-transform: translate(-50%, -50%);
    /* for Firefox */
    -ms-transform: translate(-50%, -50%);
    /* for IE */
    -o-transform: translate(-50%, -50%);
    width: 300px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.form-box .box-utouur {
    width: 370px;
    height: 400px;
    padding: 10px 30px;
}

.box-content-ul {
    width: 100%;
    border-bottom: 1px solid #999;
}

.box-content-ul .box-content-li {
    float: left;
    width: 50%;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    cursor: pointer;
    color: rgba(153, 153, 153, 1);
}

.box-content-ul .active {
    font-weight: 700;
    color: #00A8F8;
    border-bottom: 2px solid #00A8F8;
}

.form-box .box-content.bg-1 {
    background-image: url("data:image/jpeg;base64,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");
    background-repeat: no-repeat;
    background-position: center top;
}

.form-box .box-content-header {
    text-align: center;
    margin-bottom: 20px;
    /* padding-bottom: 8px; */
    border-bottom: 1px solid #FADCC7;
    box-sizing: border-box;
}

.form-box .h-title {
    margin: 5px 0;
    font-size: 20px;
}

.form-box .box-close {
    position: absolute;
    top: -20px;
    right: -24px;
    cursor: pointer;
}

.form-box .box-content-body {
    text-align: center;
}

.form-box .row {
    margin: 10px 0;
}

.form-box .row:after {
    content: '';
    display: block;
    clear: both;
}

.form-box .row label {
    position: relative;
    display: inline-block;
}

.form-box .row .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
}

.form-box .row .icon.icon-phone {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAIAAACRuyQOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERTA3NEUxODA2NUZFODExQjgyRERGMUIyNUIwMjgyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNjA1MDY2NzVGMTgxMUU4OTkwQ0I4MzBCMTc2Rjg2RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNjA1MDY2NjVGMTgxMUU4OTkwQ0I4MzBCMTc2Rjg2RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYyMjlBOURCMTc1RkU4MTFCODJEREYxQjI1QjAyODIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRFMDc0RTE4MDY1RkU4MTFCODJEREYxQjI1QjAyODIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6iem3wAAAWBJREFUeNrslttugzAMhiGEcBASFNH3fzEuu6uKcUNXjkl/EQ1Fm+YgmLjYsECKislnYtf+3bIsnUOM43ZddgCJOUfZXyRxq4eazermzraLJIQIgoDeBaF0XTcMw0YS3g/DMMuyKAoQNOnptG1b1zV4P8VEkaRUcRx5nne/V+M4Ep6+76dpirDA20LSNk0T3idIUkocb5Ik5AGvIFmzzRijs3j+c0/SSTpJvzGfrCNq5QDjNoaDXh7HMfos4cU59zxG46wkJYSf55m5i/4Cs6vqFkx/mYWENt22XV2/L1NDj0csllE0RyMulxzOe3XEOE64lhlRFAV+vN3e9JFizdhkTRVfWTnmRtAL6tO+PNpI0olAReC4ML8XZNM0WBgyRuEp3LZXBDZ6PD4gja7Xwsz/94qA4ng+n4SIsJP6vq+qCgm3qjB4omo2kpas0ELOjGxXRaxRI/+5wyolDyC9BBgA+j/EAxOcWkkAAAAASUVORK5CYII=");
}

.form-box .row .icon.icon-pwd {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAIAAACRuyQOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERTA3NEUxODA2NUZFODExQjgyRERGMUIyNUIwMjgyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNDk4NTM3NzVGMTgxMUU4QjI1RUJDMTFBRDM0ODhEMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDk4NTM3NjVGMTgxMUU4QjI1RUJDMTFBRDM0ODhEMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYyMjlBOURCMTc1RkU4MTFCODJEREYxQjI1QjAyODIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRFMDc0RTE4MDY1RkU4MTFCODJEREYxQjI1QjAyODIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+D4qqmgAAAl9JREFUeNrsl1tv2kAQhbG9dvGFi6ElTfP//xWPoUJyXPAV8LUfXgmhhhg7JDxEXYG1Xnb3zJ45M7Moy+VycJcm+CqKegckdXCv9hWRRN8FdV3LjqIon4VUN03XdVU9MlGWZVGUwHWE7IpUVZVhGJZl2bYlhMZIluW73S5J0jzPJfYHIDUw3xaL77pu7Pe7NM2PK4WYz+cAe56fZdlVMNGFNE7z8LBgK8/z0jSFN8Y1TXMcx3Wni8WP9XpdlnU7i9dPXZbVdDrRdYHtSZJIDBqdKIpeXnzsmEwmVVXepPJGAgL3bLfBfr//x/m8MhjHsW3bOO8ky3ciDYdDXILz8Vb9qsFkmu6AwYU3+em0u6YJWLpoiqap0mJQsak3UkOFgrpwEiyhCMYuTRuo6pHSx8efm80mDKPeSJxmNnP54HaccVU4pmm6rssqwC4q/k0k1GWaVpomWIr8Xiekc3UwgjVQB14UxT3O1LCvQUue1+eKog+f4/GIDhYEQSjxeFZNa/SvXoytfnnPcWzchuLZGsiiKMhGH5z3JNJ4PD4cDr7vs7tpDk3TjuOkI1K/+kTokMuJMGKZTpYdPqVqoKggCCzLfHr6xSuZKQzDLln8nTX3+XkFgShttfrdqxj2rrkcQiaO7qe5HrkyCSFy0szJ/EbfgazAzDkNqqpgclHkrOuBxL7sjidms5lU8xlPigQgSE/5CWsMQzcMsd1u+bV3jiDauXSORo6mWe0VAcuwxvf/UCffYlW0J3Js5GRdXMJkLhQtdybRbilPub5La5eiuHH9/3v5V/wHQLDfAemvAAMAR3Z2nDULagsAAAAASUVORK5CYII=");
}

.form-box .row .icon.icon-vali {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAIAAACRuyQOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERTA3NEUxODA2NUZFODExQjgyRERGMUIyNUIwMjgyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNjkyQjIyNzVGMTgxMUU4QUIxQkZGNDg0MDJGMjRDNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNjkyQjIyNjVGMTgxMUU4QUIxQkZGNDg0MDJGMjRDNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYyMjlBOURCMTc1RkU4MTFCODJEREYxQjI1QjAyODIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRFMDc0RTE4MDY1RkU4MTFCODJEREYxQjI1QjAyODIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZOqLJwAAAx1JREFUeNrkl+tyokAQhcNFRBExXjYkVZv3f6g8QEKM3ETusJ/MLpVSUZIy+ZGdKqMMzBxO9+nTE+np6enmW4bKR5Lkb0CSb75r/EQk9aML6mbskys1ny9Cqqpq2AwQ4zjJ81yW5WsitTzG4/FisRgMBlxmWeq6XpIkwEvN+DxSVdUCha11XR+N9Ol0ytaO4zI5m1m2bUfRdruN0jQtioJJKHZBql0kGgb6cKirqkK4ACvL0vP8IPDzvOAZdrcsyzDgaeR5BhLB3O12zNf1CTj1JAyvxi7T6QRajDTNgiBMm8EeIjcAbzYbGOn6UNMGTfp00zQ9zwuCbb1H68FJ04amOYmiOAwD1hRFSTL2NfEu/+K1M9KVpswrisKf29uZaU4RC/M8cpkTEWNxksSsEaHvin57i+hVVRbHQzKqqmqD1LtypX/jojKJZMuy6/EreASSeHi4J1siwlfziAM2CO/uboVUVTW6gu+RKkJ/HEbY2PYv5l3XDcPwvF9cRkJ4q9Xq8fH3aDR6P8/l/b0Nrbe3DcoWMKCiBZG2DyMhPd4Xadn2HSREzilYYNjx9XXdwhDDvdRluSn8Hnnivah5diFiInRNZJTlcg7Y8/MLdTqfz8HmN+bUBo1vrIT5hpPUSxE8ipA0TRO7UJW+70FlPr8FTFTPAUxjj6zQMCRWH2td7uBUYDNkAl8VoQCMKG02Lm8MzMuL8x5GIFGzUE8SfK/qq3LAsCJMDOtL0799QYBhpDDGCQ+Uxt3JxMCbcJaTxS53ISEh3/cNw8BquWyZRRFunR3sxU18Ek5huMWVTiJ1Vq6iILktccc0IREEQVtbx22MMM9ms6gZXW50xiNYUZMYFLhcLrgUvn7EpiKdPFBVJYVFnLvqVz3vsKxcr1lfs5eua7Rz0aJafpYFGQuxOc4rnZDwftL32Kssi/V6jRAII81utx8xt/g9HiNOne4OdUrwDEwvhxVygA29irSjETTJGyB3lOY4Dk2M3xcPSb28XIRLdFJcQLitODgglrbfX+28hwE2Z4r9OGi4X3KG/dC59X/4D+CkIV59/BFgAH01EWc4xuI/AAAAAElFTkSuQmCC");
}

.form-box .box-input {
    width: 278px;
    height: 35px;
    padding-left: 40px;
}

.form-box .loginBox-input {
    width: 310px;
    padding-left: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(153, 153, 153, 1);
    box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.14);
}

.form-box .loginBox_input {
    width: 196px;
    padding-left: 39px;
    height: 40px;
    margin-right: 10px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(153, 153, 153, 1);
    box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.14);
}

#loginBox_pone .row label i,
#loginBox_over .row label i,
#form1 .row label i {
    font-size: 22px;
    color: #AFB0B2;
    top: 8px;
    left: 2px;
}

.b_link {
    text-align: left;
    font-size: 12px;
    font-family: NSimSun;
    font-weight: 400;
    color: #999;
    margin: 10px 0 18px;
}

.b_link a {
    color: #01A8F7;
}

.btn_login {
    width: 303px;
    height: 44px;
    border-radius: 0 !important;
    border: none;
    background: #00A8F8;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.btn_login:hover {
    background: #4dbaef;
}

.form-box .box_msg {
    height: 40px;
    font-size: 12px;
    cursor: pointer;
    border-color: #00A8F8;
    background: #00A8F8;
    color: #fff;
}

.form-box .box_msg:hover {
    background: #4dbaef;
}

.form-box .box-vali {
    width: 174px;
    height: 35px;
    padding-left: 41px;
}

.form-box .box-msg {
    height: 34px;
    font-size: 12px;
    cursor: pointer;
    border-color: #f60;
    background: #f60;
    color: #fff;
}

.form-box .box-msg:hover {
    background: #ff7e29;
}

.form-box .btn-login {
    padding: 5px 60px;
    width: 310px;
    height: 44px;
    border-radius: 5px;
    background: #00A8F8;
    border-color: #00A8F8;
    color: #fff;
    font-size: 20px;
    border: none;
}

.form-box .btn-login:hover {
    background-color: #00A8F8;
    opacity: 0.8;
}

.form-box .b-link {
    margin: 10px 0;
    text-align: left;
}

.form-box .b-link a {
    font-size: 14px;
    color: #999;
}

.form-box .b-link a:hover {
    color: #C73030;
    border-color: #C73030;
}

.form-box .box-content-footer {
    text-align: center;
    min-height: 30px;
}

.form-box .plat-o {
    position: relative;
    margin: 5px 0;
}

.form-box .plat-o:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5%;
    width: 90%;
    height: 1px;
    background: #84898D;
}

.form-box .plat-o span {
    position: relative;
    z-index: 10;
    padding: 0 10px;
    background: #fff;
    font-size: 12px;
    color: #999;
}

.form-box .proto {
    font-size: 12px;
}

.form-box .proto [type=checkbox] {
    position: relative;
    top: 2px;
}

.form-box .f-txt {
    font-size: 12px;
    color: #999;
}

.sub-right {
    position: absolute;
    top: 0;
    left: 220px;
    width: 1060px;
    height: 779px;
    /* padding: 12px 12px 0 30px; */
    /* padding: 12px 12px 0 26px; */
    overflow: hidden;
    box-sizing: border-box;
}

.lf {
    float: left;
}

.rt {
    float: right;
}

.hide {
    display: none;
}

.hide-v {
    visibility: hidden;
}

.t-center {
    text-align: center;
}

.t-left {
    text-align: left;
}

.t-right {
    text-align: right;
}

.btn {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
}

.btn.btn-gray {
    background: #F5F5F7;
    color: #999;
    border: 1px solid #999;
}

.btn.btn-bg-white {
    background: #fff;
    color: #EB3434;
}

.btn.btn-bg-blue {
    background: #2F80EC;
    color: #fff;
}

.btn.btn-red {
    background: #EB3434;
    color: #fff;
}

.btn-outline {
    border: 1px solid #01A8F7;
    color: #2F80EC;
}

.hall-down .list li:hover .btn.btn-red {
    background: #F63C3C;
}

.btn.btn-orange {
    background-image: linear-gradient(to top, #ED5D07, #F6892C, #FDB04A);
    color: #fff;
}

.btn.btn-orange:hover {
    background: #e65c00;
}

.btn.btn-red-f {
    color: #fff;
    padding: 6px 38px 7px !important;
    background: rgba(210, 34, 34, 1);
    border: none;
}

.btn.btn-red-f:hover {
    background: #e60000;
}

.btn.btn-md {
    padding: 6px 15px;
}

.btn.btn-lg {
    padding: 4px 20px 6px;
}

.btn.btn-lg-x {
    padding: 10px 60px;
}

.btn.btn-red-outline {
    border: 1px solid #F81B1B;
    background: #fff;
    color: #F81B1B;
}

.btn.btn-lusei {
    border: 1px solid #00A8F8;
    background: #fff;
    color: #00A8F8;
    border-radius: 4px;
}

.mt-md {
    margin-top: 40px;
}

.bread {
    padding: 5px 0;
    /* border-bottom: 1px solid #EAEAEA; */
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.color-blue {
    color: #2F80EC;
}

.color-red {
    color: #EB3434;
}

.color-orange {
    color: #f60;
}

.color-yellow {
    color: #FFE400;
}

.color-green {
    color: #30B936;
}

.tip {
    padding: 0 2px;
    border-radius: 3px;
    color: #fff;
}

.tip.orange {
    color: #ff5d00;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.tip.qing {
    color: #999999;
}

.line-title {
    padding: 12px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.line-title>span {
    padding: 10px 18px;
    border-bottom: 2px solid #C73030;
}

.no-scroll-bar::-webkit-scrollbar {
    width: 0;
}

.self-scroll-bar {
    /*定义滚动条轨道 内阴影+圆角*/
    /*定义滑块 内阴影+圆角*/
    /* padding-right: 7px; */
    padding-right: 11px;
}

.self-scroll-bar::-webkit-scrollbar {
    width: 5px;
    height: 240px;
    background-color: #ffffff;
}

.self-scroll-bar::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background: #ffffff;
}

.self-scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 3px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background-color: #CCCCCC;
}

.self-scroll-bar::-webkit-scrollbar-thumb:hover {
    border-radius: 3px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background-color: #CCCCCC;
}

.modal-xuzu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.modal-xuzu .modal-content {
    position: absolute;
    width: 320px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /* for Chrome || Safari */
    -moz-transform: translate(-50%, -50%);
    /* for Firefox */
    -ms-transform: translate(-50%, -50%);
    /* for IE */
    -o-transform: translate(-50%, -50%);
    background: #fff;
}

.modal-xuzu .modal-header {
    padding: 20px 0 10px;
    font-size: 18px;
    text-align: center;
}

.modal-xuzu .modal-body {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.modal-xuzu .close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.modal-xuzu .body-list {
    padding-bottom: 10px;
}

.modal-xuzu .body-list li {
    margin: 4px 0;
}

.modal-xuzu .mod.body-list li {
    padding: 10px 0;
}

.modal-xuzu .body-list:first-child {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.modal-xuzu .calc-box {
    display: inline-block;
    cursor: pointer;
    width: 112px;
    vertical-align: middle;
}

.modal-xuzu .calc-box .plus,
.modal-xuzu .calc-box .minus {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    background-color: #DADADA;
    font-size: 26px;
    vertical-align: middle;
    color: #666;
}

.modal-xuzu .count {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 30px;
    padding: 4px 0;
    text-align: center;
    border: 1px solid #ddd;
    vertical-align: middle;
    color: #333;
}

.modal-xuzu .sure-btn {
    text-align: center;
}

.modal-xuzu .sure-btn .btn {
    line-height: 32px;
    width: 100%;
    border-radius: 4px;
    font-size: 16px;
}

.modal-xuzu [type='checkbox'] {
    position: relative;
    top: 2px;
}

.loading-more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 0;
    background: #fff;
    text-align: center;
    display: none;
}

.loading-more.active {
    display: block;
}

[v-cloak] {
    display: none;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.add-01 {
    position: relative;
    text-align: center;
}

.add-01 a {
    float: left;
    width: 48%;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #2F80EC;
    color: #2F80EC;
}

.add-01 a:hover {
    background-color: #2F80EC;
    color: #fff;
}

.add-01 a:first-child {
    /* border-right: 1px solid #fff; */
}

.add-01 a:last-child {
    float: right;
}


/*# sourceMappingURL=public.css.map */

.maerseriu {
    /* height: 230px;  */
    text-align: center;
}

.maerseriu .maerseriu_img img {
    /* height: 88px;
    width: 88px;
    border-radius: 100%; */
    width: 68px;
    height: 68px;
    border-radius: 50%;
}

.maerseriu .maerseriu_utre button.register {
    background-color: #fff;
    color: #C73030;
    border: 1px solid #C73030;
    margin-top: 20px;
}

.maerseriu .maerseriu_utre button.salogoin {
    color: #fff;
    background-color: #2F80EC;
    margin: 13px auto 39px;
}

.maerseriu .maerseriu_utre button {
    display: block;
    margin: 0 auto;
    width: 128px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    border-radius: 17px;
    font-size: 16px;
    border: none;
    outline: none;
}

.maerseriu .maerseriu_utre p.utre_f {
    /* font-size: 15px; */
    /* margin-top: 12px; */
    /* margin-top: 8px; */
    color: #333;
    font-size: 14px;
    width: 96px;
    text-align: left;
    padding-left: 6px;
}

.maerseriu .maerseriu_utre p.utre_v {
    /* line-height: 45px; */
    line-height: 24px;
    /* font-size: 15px; */
    font-size: 14px;
    color: #333;
}


/* .suer_falrig {
  float: left;
  width: 30px;
}

.suer_falrig .icon_iconfont {
  display: inline-block;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.template_icon {
  float: left;
  margin-left: 27px;
  margin-right: 45px;
  padding-top: 2px;
}

.suer_falrig i {
  font-size: 20px;
  cursor: pointer;
}

.suer_falrig .icon-fanhui {}

.suer_falrig .icon-gengduo {}

.suer_falrig .icon-shuaxin {
  padding-left: 14px;
} */

.top .arrow-left {
    display: inline-block;
    width: 30px;
    height: 26px;
    background: url('../img/arrow-left.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 8px;
    cursor: pointer;
    vertical-align: top;
}

.top .arrow-right {
    display: inline-block;
    width: 30px;
    height: 26px;
    background: url('../img/arrow-right.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 8px;
    cursor: pointer;
    vertical-align: top;
}

.top .refresh {
    display: inline-block;
    /* width: 30px;
    height: 26px; */
    /* background: url('../img/refresh.png') no-repeat; */
    width: 30px;
    height: 30px;
    background: url('../img/index/refresh.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 16px;
    cursor: pointer;
    vertical-align: middle;
}

.top .arrow-left:hover {
    background: url('../img/arrow-left-1.jpg') no-repeat;
    background-size: 100% 100%;
}

.top .arrow-right:hover {
    background: url('../img/arrow-right-1.jpg') no-repeat;
    background-size: 100% 100%;
}

.top .refresh:hover {
    /* background: url('../img/refresh-1.jpg') no-repeat; */
    background: url('../img/index/refresh-1.png') no-repeat;
    background-size: 100% 100%;
}

.top .top-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.top .icon-setting {
    width: 35px;
    background: url('../img/setting-icon.png') no-repeat;
    background-size: 22px 100%;
    margin-right: 18px;
    padding-right: 12px;
    border-right: 1px solid #F2F2F2;
}

.top .icon-setting:hover {
    background: url('../img/setting-icon-1.png') no-repeat;
    background-size: 22px 100%;
}

.top .icon-min {
    background: url('../img/min-icon.png') no-repeat;
    background-size: 100% 100%;
}

.top .icon-min:hover {
    background: url('../img/min-icon-1.png') no-repeat;
    background-size: 100% 100%;
}

.top .icon-close {
    background: url('../img/close-icon.png') no-repeat;
    background-size: 100% 100%;
    margin-left: 19px;
}

.top .icon-close:hover {
    background: url('../img/close-icon-1.png') no-repeat;
    background-size: 100% 100%;
}

.logo_overPone {
    margin-left: 30px;
    line-height: 25px;
}

.logo_kefu {
    cursor: pointer;
    margin-left: 19px;
    padding: 3px;
    overflow: hidden;
}

.logo_kefu i {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}

#btnBaZheBuyChiJi {
    position: relative;
    line-height: 37px;
}

#btnBaZheBuyChiJi a:before {
    background-position: -62px -28px;
}

#btnBaXiazaiApp {
    position: relative;
    line-height: 37px;
}

#btnBaXiazaiApp a:before {
    background-position: -60px -54px;
}

#btnBaXiazaiApp a i {
    display: block;
    width: 35px;
    height: 32px;
    position: absolute;
    top: 5px;
    right: 27px;
    background: url("../../public/icons/icons.png") no-repeat;
    background-position: -88px -25px;
}

#btnBaZheBuyzhanghao {
    line-height: 37px;
}

#btnBaZheBuyzhanghao a:before {
    top: 5px;
    background-position: -59px -136px;
}

.hall-down .list li:hover .rt-cent {
    background: url("../../public/img/banner/a3.png") no-repeat;
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}

.VueopenBox_box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    background: rgba(0, 0, 0, 0.5);
}

.VueopenBox_box .box_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /* for Chrome || Safari */
    -moz-transform: translate(-50%, -50%);
    /* for Firefox */
    -ms-transform: translate(-50%, -50%);
    /* for IE */
    -o-transform: translate(-50%, -50%);
    width: 300px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.bottom {
    /* height: 44px;
  width: 100%;
  color: #535353;
  background: rgba(245, 245, 247, 1); */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1280px;
    height: 41px;
    background: #F2F2F2;
    box-shadow: 0px 1px 5px 0px rgba(1, 2, 3, 0.3);
}

.bottom .fl {
    float: left;
    height: 44px;
    line-height: 44px;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-left: 1%;
}

.bottom .fl i {
    font-size: 20px;
    color: #2F80EC;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.bottom .fl span {
    color: #535353;
}

.bottom .fr {
    float: right;
}

.bottom .fr .dare_cv {
    display: inline-block;
    line-height: 45px;
    margin-right: 25px;
}

.bottom .fr .dare_cv i {
    margin-right: 5px;
}

.dare_mn {
    display: inline-block;
    line-height: 45px;
    margin-right: 25px;
}

.dare_mn i {
    margin-right: 5px;
}


/**********************确认订单*******************************/

.box_Orders {
    width: 610px !important;
    padding: 25px 68px 60px !important;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
}

.box_Orders .ConfirmationOrders_head {
    text-align: center;
}

.box_Orders .ConfirmationOrders_head .ConfirmationOrders_h5 {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 30px;
}

.box_Orders .ConfirmationOrders_head .ConfirmationOrders_p {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(169, 169, 169, 1);
    line-height: 45px;
}

.ConfirmationOrders_ul {
    overflow: hidden;
    border: 1px solid rgba(181, 181, 181, 1);
    border-left: none;
    border-right: none;
    margin: 20px 0 28px;
}

.ConfirmationOrders_ul .ConfirmationOrders_li {
    float: left;
    width: 50%;
    line-height: 37px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
    color: #333333;
}

.ConfirmationOrders_text {
    overflow: hidden;
}

.ConfirmationOrders_text img {
    float: left;
    width: 28px;
    padding-top: 11px;
}

.ConfirmationOrders_text p {
    float: left;
    width: 440px;
    padding-left: 20px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 28px;
}

.ConfirmationOrders_footer {
    text-align: center;
    padding-top: 40px;
}

.ConfirmationOrders_footer a {
    background: rgba(191, 45, 45, 1);
    border-radius: 2px;
    font-size: 18px;
    /* font-family: PingFang-SC-Regular; */
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    padding: 8px 34px;
    margin: 0 20px;
    cursor: pointer;
}

.ConfirmationOrders_footer a.a_q {
    background: rgba(181, 181, 181, 1);
    padding: 8px 52px;
}

.to-pay-modal {
    border-radius: 10px !important;
}

.to-pay-modal .layui-layer-title {
    font-size: 22px;
    color: #333;
    height: 54px;
    line-height: 54px;
    background-color: #e6e6e6;
    text-align: center;
    border-radius: 10px 10px 0 0 !important;
}

.btn-plain {
    border: 1px solid #2F80EC;
    color: #2F80EC;
    background: transparent;
}

.flex-box {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.display-flex {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
}

.flex-1 {
    -prefix-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.startJiasu-btn {
    color: #fff;
    outline: 0;
    border: 0;
    padding: 0;
    text-align: center;
    border-radius: 0;
    /* height: 30px; */
    cursor: pointer;
    width: 82px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    /* background:linear-gradient(90deg,#D43939,#F1AD29); */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #D43939), color-stop(100%, #F1AD29));
    /* 兼容Safari4-5, chrome1-9 */
    background: -moz-linear-gradient(right, #D43939 0%, #F1AD29 100%);
    /* firefox */
    background: -webkit-linear-gradient(left, #D43939 0%, #F1AD29 100%);
    /* chrome */
    background: -o-linear-gradient(right, #D43939 0%, #F1AD29 100%);
    /* opera */
    background: -ms-linear-gradient(right, #D43939 0%, #F1AD29 100%);
    /* ie */
    background: linear-gradient(to right, #D43939, #F1AD29);
    /* firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D43939', endColorstr='#F1AD29',GradientType=1)";
    /* 兼容IE8~IE9 */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#D43939', endColorstr='#F1AD29', GradientType=1);
    /* 兼容IE5~IE9 */
}

.closeTip-class .layui-layer-btn1 {
    border-color: #2F80EC;
    background-color: #2F80EC;
    color: #fff;
}

.closeTip-class .layui-layer-title {
    background-color: #2F80EC;
    color: #ffffff;
}

#btnClickLianXiKeFu:hover {
    color: #2F80EC;
}

.guide-modal-btn {
    display: inline-block;
    width: 122px;
    height: 38px;
    background: #2F80EC;
    border-radius: 4px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}

.kefu-btn {
    display: inline-block;
    width: 102px;
    height: 28px;
    background: #2F80EC;
    border-radius: 14px;
    font-size: 14px;
    color: #fff !important;
    text-align: center;
    line-height: 28px;
    margin-right: 25px;
    cursor: pointer;
}

.free-btn {
    width: 128px;
    height: 34px;
    border-radius: 17px;
    border: 0 none;
    background: #2F80EC;
    color: #fff;
    padding: 0;
    text-align: center;
    line-height: 34px;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

.text-underline {
    text-decoration: underline;
}

.shq_phone-modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.shq_phone-modal-body {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 680px;
    height: 388px;
    margin-left: -340px;
    margin-top: -194px;
    background: url('/Content/public/img/shq_phone_bg.png');
    background-size: 100% 100%;
}

.search-pop {
    position: absolute;
    top: 50px;
    left: 120px;
    background: #f8f8f8;
    padding: 10px 16px;
    width: 480px;
    box-shadow: 1px 1px 10px #ccc;
    display: none;
}

.search-item {
    border: 1px solid #d8d8d8;
    color: #333;
    padding: 3px 5px;
    border-radius: 4px;
    width: 96px;
    /* min-width: 60px; */
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    float: left;
}

.search-item:nth-child(4),
.search-item:nth-child(5),
.search-item:nth-child(6) {
    margin-bottom: 0;
}

.search-item:hover {
    border-color: #2F80EC;
    background-color: #2F80EC;
    color: #fff;
}

.search-keywords-pop {
    position: absolute;
    top: 50px;
    left: 120px;
    background: #ffffff;
    /* width: 423px; */
    width: 480px;
    padding-bottom: 16px;
    box-shadow: 1px 1px 10px #ccc;
    display: none;
}

.search-keywords-pop .keywords-pop-header {
    height: 28px;
    line-height: 28px;
    background-color: #F5F5F5;
    padding: 0 14px;
    color: #666666;
    font-size: 13px;
}

.search-keywords-pop .search-result-box {
    padding: 10px 0 0;
    line-height: 30px;
    color: #333333;
    font-size: 13px;
}

.search-keywords-pop .keywords-pop-body {
    max-height: 300px;
    overflow-y: auto;
}

.search-keywords-pop .keywords-pop-body li {
    cursor: pointer;
    padding: 0 14px;
}

.search-keywords-pop .keywords-pop-body li:hover {
    background-color: #f7f7f7;
}

.open-vip-btn {
    width: 188px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9B8669), color-stop(100%, #615441));
    /* 兼容Safari4-5, chrome1-9 */
    background: -moz-linear-gradient(right, #9B8669 0%, #615441 100%);
    /* firefox */
    background: -webkit-linear-gradient(left, #9B8669 0%, #615441 100%);
    /* chrome */
    background: -o-linear-gradient(right, #9B8669 0%, #615441 100%);
    /* opera */
    background: -ms-linear-gradient(right, #9B8669 0%, #615441 100%);
    /* ie */
    background: linear-gradient(to right, #9B8669, #615441);
    /* firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B8669', endColorstr='#615441',GradientType=1)";
    /* 兼容IE8~IE9 */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9B8669', endColorstr='#615441', GradientType=1);
    /* 兼容IE5~IE9 */
    background: linear-gradient(90deg, #9B8669, #615441);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
}

.vip-modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.vip-modal-container {
    padding: 20px 24px;
}

.vip-modal-body {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 448px;
    height: 239px;
    margin-left: -224px;
    margin-top: -119.5px;
    background: url('/Content/public/img/vip/vip_bg.png');
    background-size: 100% 100%;
    color: #ffffff;
}

.vip-modal-body .openAndRebuy-btn {
    width: 108px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #D43939), color-stop(100%, #F1AD29));
    /* 兼容Safari4-5, chrome1-9 */
    background: -moz-linear-gradient(right, #D43939 0%, #F1AD29 100%);
    /* firefox */
    background: -webkit-linear-gradient(left, #D43939 0%, #F1AD29 100%);
    /* chrome */
    background: -o-linear-gradient(right, #D43939 0%, #F1AD29 100%);
    /* opera */
    background: -ms-linear-gradient(right, #D43939 0%, #F1AD29 100%);
    /* ie */
    background: linear-gradient(to right, #D43939, #F1AD29);
    /* firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D43939', endColorstr='#F1AD29',GradientType=1)";
    /* 兼容IE8~IE9 */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#D43939', endColorstr='#F1AD29', GradientType=1);
    /* 兼容IE5~IE9 */
    background: linear-gradient(90deg, #D43939, #F1AD29);
    border-radius: 16px;
    font-size: 16px;
    cursor: pointer;
}

.vip-modal-body .vip-tip {
    width: 236px;
    height: 26px;
    background: #D53E73;
    border-radius: 12px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #ffffff;
    margin: 20px auto 0;
}

.vip-tip-box {
    display: inline-block;
    width: 284px;
    height: 27px;
    line-height: 27px;
    background: url('/Content/public/img/vip/vip-tip_bg.png') no-repeat;
    background-size: 100% 100%;
    margin-left: 25px;
    vertical-align: middle;
    color: #6F4507;
    font-size: 14px;
    cursor: pointer;
}

.vip-guide-modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

.vip-guide-modal .vip-guide-modal-body {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 404px;
    height: 471px;
    margin-left: -202px;
    margin-top: -235.5px;
    background: url('/Content/public/img/vip/modal_bg.png');
    background-size: 100% 100%;
    color: #ffffff;
}

.vip-guide-modal .vip-guide-btn {
    color: #F13219;
    font-size: 22px;
    width: 275px;
    height: 84px;
    line-height: 64px;
    text-align: center;
    background: url('/Content/public/img/vip/btn.png');
    background-size: 100% 100%;
    margin-left: 47px;
    cursor: pointer;
}

.vip-guide-modal .vip-guide-close {
    position: absolute;
    left: 168px;
    bottom: 16px;
    width: 30px;
    height: 30px;
    background: url('/Content/public/img/vip/close.png');
    background-size: 100% 100%;
    cursor: pointer;
}

.color-6F4507 {
    color: #6F4507;
}


/*弹窗*/

.vipBuy-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20;
    display: none;
}

.vipBuy-modal-container {
    width: 960px;
    height: 588px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -480px;
    margin-top: -299px;
    z-index: 22;
}

.vipBuy-modal-container .vipBuy-modal-container-left {
    float: left;
    width: 260px;
    height: 588px;
    background: url('/Content/public/img/vip/vip-modal-left_bg.png') no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.vipBuy-modal-container .vipBuy-modal-container-right {
    float: right;
    width: 700px;
    height: 588px;
    background: url('/Content/public/img/vip/vip-modal-right_bg.png') no-repeat;
    background-size: 100% 100%;
    padding: 22px 27px;
}

.vipBuy-modal .vipBuy-modal-input {
    width: 208px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #CDB38E;
    border-radius: 16px;
    /* color: #FFF4E3; */
    color: #615441;
    font-size: 16px;
    text-align: center;
    background: transparent;
    margin-top: 68px;
}

.vipBuy-modal input::-webkit-input-placeholder {
    /* placeholder颜色  */
    /* color: #FFF4E3; */
    color: #615441;
    /* placeholder字体大小  */
    /* font-size: 12px; */
    /* placeholder位置  */
    /* text-align: right; */
}

.vipBuy-modal .vipBuy-exchange-btn {
    width: 108px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #CB9B57;
    border-radius: 17px;
    color: #fff;
    font-size: 16px;
    margin: 12px auto 0;
    cursor: pointer;
}

.modal-ul {
    margin-top: 54px;
}

.modal-ul li {
    display: inline-block;
    width: 88px;
    color: #FFF4E3;
}

.vipBuy-modal .tag {
    display: inline-block;
    width: 114px;
    height: 26px;
    background: #C8B685;
    border-radius: 13px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 26px;
}

.color-615441 {
    color: #615441;
}

.vertical-middle {
    vertical-align: middle;
}

.vipBuy-modal-container .vipBuy-modal-container-right .center .package {
    padding-top: 27px;
}

.vipBuy-modal-container .vipBuy-modal-container-right .center .package ul li {
    display: inline-block;
    width: 142px;
    height: 172px;
    border: 1px solid #E7D8BF;
    border-radius: 10px;
    text-align: center;
    margin-left: 16px;
    position: relative;
}

.vipBuy-modal-container .vipBuy-modal-container-right .center .package ul li .flag {
    position: absolute;
    left: 0;
    top: -10px;
    width: 85px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background: url('/Content/public/img/vip/flag_icon.png') no-repeat;
    background-size: 100% 100%;
}

.vipBuy-modal-container .vipBuy-modal-container-right .center .package ul li:first-child {
    margin-left: 0;
}

.tag-btn {
    width: 108px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 14px;
    font-size: 14px;
    color: #fff;
    background: #e1b074;
    margin: 10px auto 0;
}

.vipBuy-modal-container .vipBuy-modal-container-right .center .free ul li {
    white-space: nowrap;
    display: inline-block;
    width: 142px;
    height: 42px;
    line-height: 42px;
    background: url('/Content/public/img/vip/vip_coupon_bg.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 20px;
}

.vipBuy-modal-container .vipBuy-modal-container-right .center .free ul li:last-child {
    margin-right: 0;
}

.coupon-num {
    display: inline-block;
    width: 46px;
    text-align: center;
}

.coupon-text {
    display: inline-block;
    width: 92px;
    text-align: center;
}

.vipBuy-modal-container .vipBuy-modal-container-right .footer {
    text-align: center;
    padding: 20px 0 0;
}

.vipBuy-btn1 {
    display: inline-block;
    width: 182px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FF5817;
    font-size: 18px;
    border: 1px solid #FF5817;
    border-radius: 19px;
    cursor: pointer;
}

.vipBuy-modal-close {
    position: absolute;
    top: 14px;
    right: 17px;
    cursor: pointer;
}

.mt10 {
    margin-top: 10px;
}

.mt8 {
    margin-top: 8px;
}

.vipBuy-select {
    border: 1px solid #ff5817 !important;
}


/* vip弹框 */

.vip-pop-modal .mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9;
}

.vip-pop-modal {
    display: none;
}

.vip-pop-modal .vip-pop-modal-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 480px;
    height: 277px;
    margin-left: -240px;
    margin-top: -138.5px;
    background: url('/Content/public/img/vip/vip_modal/vip_modal_bg.png') no-repeat;
    background-size: 100% 100%;
    z-index: 9;
}

.vip-pop-modal .vip-pop-modal-container .vip-pop-content-top {
    font-size: 14px;
    overflow: hidden;
    padding: 12px 20px 0;
}

.vip-pop-modal .vip-pop-modal-container .vip-pop-content-top-left {
    color: #6F4507;
    font-size: 18px;
    float: left;
    line-height: 36px;
    padding-left: 22px;
}

.vip-pop-modal .vip-pop-modal-container .vip-pop-content-top-left .vip-pop-tag {
    display: inline-block;
    min-width: 108px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0 6px;
    border: 1px solid #E2CAA0;
    border-radius: 11px;
    color: #6F4507;
    font-size: 14px;
    margin-left: 10px;
}

.vip-pop-modal .vip-pop-modal-container .vip-pop-content-top-right {
    float: right;
}

.vip-pop-modal .vip-pop-modal-container .vip-pop-content-top-right .open-vip_btn {
    width: 108px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #CB9B57;
    border-radius: 17px;
    cursor: pointer;
}

.vip-pop-modal .vip-pop-modal-container .vip-pop-content-center {
    margin-top: 52px;
    padding: 0 32px;
}

.vip-pop-modal .vip-pop-modal-container .vip-pop-content-center ul>li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-right: 36px !important;
    width: auto !important;
    line-height: normal !important;
}

.vip-pop-modal .vip-pop-modal-container .vip-pop-content-center ul li:last-child {
    margin-right: 0 !important;
}

.vip-pop-modal .vip-pop-modal-container .vip-pop-content-center ul li .vip-modal-text {
    margin-top: 6px;
}

.vip-pop-modal .vip-pop-content-bottom .vip-tip {
    width: 410px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background: #FFF3DE;
    border-radius: 17px;
    color: #CD851A;
    font-size: 14px;
    margin: 26px auto 0;
}

.userInfo-popover {
    position: absolute;
    left: 50%;
    top: 36px;
    padding: 20px 20px 0;
    width: 300px;
    height: 218px;
    margin-left: -150px;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
    display: none;
}

.userInfo-popover::before {
    content: '';
    width: 50%;
    height: 20px;
    position: absolute;
    top: -20px;
    left: 0;
    background-color: transparent;
}

.userInfo-popover::after {
    content: '';
    /* border: 8px solid transparent;
    border-bottom-color: #fff; */
    width: 16px;
    height: 16px;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: -9px;
    /* box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3); */
    /* box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 0px #fff, 2px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 0px #fff; */
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    /* for Chrome || Safari */
    -moz-transform: rotate(-45deg);
    /* for Firefox */
    -ms-transform: rotate(-45deg);
    /* for IE */
    -o-transform: rotate(-45deg);
    background-color: #fff;
}

.userInfo-popover .reload-btn {
    width: 60px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background: #2F80EC;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
}

.userInfo-popover .group-section {
    height: 47px;
    line-height: 47px;
    font-size: 14px;
    color: #333;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    margin-top: 15px;
    overflow: hidden;
}

.userInfo-popover .group-section .section-item {
    cursor: pointer;
}

.userInfo-popover .order-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/Content/public/img/index/order-icon.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 8px;
}

.userInfo-popover .section-item:hover .order-icon {
    background: url(/Content/public/img/index/order-icon-1.png) no-repeat;
    background-size: 100% 100%;
}

.userInfo-popover .wallet-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/Content/public/img/index/wallet-icon.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 8px;
}

.userInfo-popover .section-item:hover .wallet-icon {
    background: url(/Content/public/img/index/wallet-icon-1.png) no-repeat;
    background-size: 100% 100%;
}

.recharge-btn {
    /* display: inline-block; */
    width: 68px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #2F80EC;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    margin: 0;
    border: 0;
    outline: none;
    margin-left: 10px;
    display: none;
    cursor: pointer;
    padding: 0;
}


/* 登录弹框 */

.login-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.login-modal-body {
    width: 358px;
    min-height: 503px;
    padding: 24px 20px 20px;
    background: #FFFFFF;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.login-modal .other-loginWay-btn {
    width: 163px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #2F80EC;
    margin: 0 auto;
    cursor: pointer;
}

.tab {
    width: 317px;
    height: 48px;
    line-height: 48px;
    background: #F7FAFF;
    border-radius: 2px;
    color: #333333;
    font-size: 18px;
    padding: 0 10px;
}

.tab span {
    display: inline-block;
    padding: 0 20px;
}

.tab span.active {
    color: #2F80EC;
    font-weight: bold;
    position: relative;
}

.tab span.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -13px;
    width: 26px;
    height: 2px;
    background: #2F80EC;
}

.input-section {
    position: relative;
    margin-bottom: 11px;
}

.input-section input {
    width: 317px;
    height: 46px;
    background: #FFFFFF;
    border: 1px solid #CDD4DE;
    border-radius: 2px;
    padding-left: 40px;
}

.input-section>img {
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -9px;
}

.input-section .getCodeBtn {
    width: 133px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    padding: 0;
    border: 0;
    outline: none;
    background: #2F80EC;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.login-btn {
    width: 317px;
    height: 46px;
    background: #2F80EC;
    line-height: 46px;
    text-align: center;
    padding: 0;
    border: 0;
    outline: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.login-modal-footer {
    text-align: center;
}

.login-modal-footer .plat-o {
    position: relative;
    text-align: center;
    margin-bottom: 12px;
}

.login-modal-footer .plat-o::after,
.login-modal-footer .plat-o::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 107px;
    height: 1px;
    border-top: 1px solid #CDD4DE;
}

.login-modal-footer .plat-o::after {
    left: auto;
    right: 0;
}

.login-modal input[type=checkbox] {
    visibility: hidden;
}

.login-modal .custom-input+.label {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 5px;
    /* top: 0; */
    left: 2px;
    background: #fff;
    width: 14px;
    height: 14px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
}

.login-modal label {
    cursor: pointer;
    -webkit-user-select: none;
}

.login-modal .custom-input:checked+.label::before {
    -webkit-user-select: none;
    content: '';
    display: block;
    text-align: center;
    font-size: 12px;
    color: #333;
    position: absolute;
    font-weight: 700;
    width: 12px;
    height: 12px;
    background: url('/Content/public/img/gouxuan.png');
}


/* 充值弹框 */

.recharge-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.recharge-modal-body {
    width: 846px;
    height: 557px;
    background: #FFFFFF;
    border-radius: 2px;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -278.5px;
    margin-left: -423px;
}

.recharge-modal .recharge-header {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    color: #2F80EC;
}

.recharge-modal .recharge-money-item {
    width: 101px;
    height: 71px;
    line-height: 25px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    color: #333;
    font-size: 16px;
    padding-top: 10px;
    float: left;
    margin-right: 18px;
    cursor: pointer;
}

.recharge-modal .recharge-money-item.active {
    color: #2F80EC;
    border-color: #2F80EC;
    position: relative;
}

.recharge-modal .recharge-money-item.active::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35px;
    height: 30px;
    background: url(/Content/public/img/index/selected.png) no-repeat;
    background-size: 100% 100%;
}

.recharge-modal .recharge-money-item input {
    border: 0;
    outline: none;
    font-size: 16px;
    width: 131px;
}

.recharge-modal .pay-item {
    width: 183px;
    height: 63px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    padding: 10px 16px;
    float: left;
    margin-right: 20px;
    cursor: pointer;
}

.recharge-modal .pay-item.active {
    border-color: #2F80EC;
    position: relative;
}

.recharge-modal .pay-item.active::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35px;
    height: 30px;
    background: url(/Content/public/img/index/selected.png) no-repeat;
    background-size: 100% 100%;
}

.recharge-footer {
    padding-top: 40px;
}

.recharge_xie {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    z-index: 999;
}

.recharge_xie.hide {
    display: none;
}

.recharge_xie .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /* for Chrome || Safari */
    -moz-transform: translate(-50%, -50%);
    /* for Firefox */
    -ms-transform: translate(-50%, -50%);
    /* for IE */
    -o-transform: translate(-50%, -50%);
    width: 320px;
    background: #fff;
    padding: 20px 0;
}

.recharge_xie .content-header {
    height: 20px;
}

.recharge_xie .close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.recharge_xie .content-body p {
    padding: 5px 0;
    font-size: 16px;
}

.recharge_xie .content-body .btn {
    width: 200px;
    padding: 10px 0;
    border-radius: 100px;
}

.recharge_xie .protocal {
    width: 600px;
    height: 500px;
}

.recharge_xie .protocal .content-body {
    height: 445px;
    padding: 10px;
    overflow-y: auto;
    text-align: left;
    line-height: 24px;
}

.freed-modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.freed-modal-body {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 519px;
    height: 519px;
    margin-left: -259.5px;
    margin-top: -259.5px;
}
.freed-modal-body .modal_btn{
    position: absolute;
    bottom: 68px;
    left: 50%;
    width: 196px;
    height: 60px;
    margin-left: -100px;
    cursor: pointer;
}