/*** @description: 变量; @Author: ray; @create date: 2016-08-09;
***/

/***
	@description: 重置样式;
	@Author: ray;
	@create date: 2015-07-31;
***/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
dl,
dd,
p,
form,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

em,
i {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
    outline: none;
}

img {
    border: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

input,
select,
button,
textarea {
    font-family: inherit;
    outline: 0;
    margin: 0;
    color: inherit;
    -webkit-appearance: none;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
    display: block;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

input::-webkit-input-placeholder {
    color: #999;
}

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/

.red {
    color: #f04343;
}

.orange {
    color: #ff6a29;
}

.blue {
    color: #66cccc;
}

.green {
    color: #0ab89d;
}

.g3 {
    color: #333333;
}

.g6 {
    color: #666666;
}

.g9 {
    color: #999999;
}

.hide {
    display: none !important;
}

.fn-clear {
    zoom: 1;
}

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.flex,
.layer .layer-btns,
.header-main,
.block-title,
.cate-nav2 ul,
.soft-list ul,
.soft-list3 ul,
.soft-list4 ul,
.soft-list6 ul,
.soft-info-bd,
.news-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flex-item,
.layer .layer-btns .layer-btn,
.cate-nav2 li,
.soft-info-bd .con,
.news-head li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.flex-wrap,
.soft-list ul,
.soft-list3 ul,
.soft-list4 ul,
.soft-list6 ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-justify,
.header-main,
.block-title,
.soft-list ul,
.soft-list3 ul,
.soft-list4 ul,
.soft-list6 ul {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex-center {
    -webkit-justify-content: center;
    justify-content: center;
}

.flex-middle,
.header-main {
    -webkit-align-items: center;
    align-items: center;
}

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/

.btn {
    display: inline-block;
    padding: 0.12rem 0.34rem;
    margin-bottom: 0;
    font-size: 0.28rem;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    background-color: #0ab89d;
    color: #fff;
    border: 1px solid #0ab89d;
    border-radius: 0.08rem;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.btn:active {
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/*** @description: 动画; @Author: ray; @create date: 2016-08-09;
***/

@-webkit-keyframes rotate {
    from {
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    to {
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes rotate {
    from {
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    to {
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

/*** @Author:ray; @create date:2016-10-20;
***/

.icon {
    display: inline-block;
    background-size: 100%;
}

.icon-menu {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMAzV3UVSrfPiX68IQP7+jKtKuLQyEaB8GtnXpiNtxiLcwAAACFSURBVDjL7dHNCoMwAAPg6GZbbf3X/ef9X3NS6Hqwlh4GIvgdQw6B4AhGwbWyM3Be1RIICcEg7XqKlkDDoMEVC1oN8pIBYoLztFvegCnW1A3evAQGp3/5XLdJeJoxPX4qRs1wMsbU/nTVXbbdR5x2I/MEEhiYRKNikhotk7SY+izBQ+EAvkZAJt+ImzVJAAAAAElFTkSuQmCC');
}

.icon-search {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAEXUlEQVRYCc2Y3YtWVRTGfXWoYETtIulDJLREJwgJ7wqSIp0Cq79AL7oq6iIQyn8hSbwW6UatKOrKkEBDHWkgyJxgLgSh8EKDUgkJHCanfs9xr/Ou/XHec44zAy54Zu211rOefb5mn/2eFSua7D/Man5subKH+WhVsRYlbNzYslUVWDNRq9HVvtKCzJu4PDYeEe7lor+XSoTqAKICQWh7rsorSAk+rusMfgH3TsUzGNcknyc5oYKZ1RTbuLun6W1TMp91U5hRMS2EhuHFLpGsyWorGRwn+Z4VGj3EO2CsiWCKuk57wYVWogh1V8Im/0ZUI3hCCew14zK+VmX4Y7nak7tuRfz7KuCnlKtJpQH1TeAY+BPopH8Ee0vcxhwN1U3Cy+bAu2AdGAM7wQXg7cmiGIy3HGtQJCVJ+KdCz92oRFKnJpuLCh0CenZVnVz0mk7ir5BcVyd7DEJvdUPswb0c+rf30BlN9bOMZsZV+uz5+iCuEJko/lRWTBJwqqc59OxMysMQgv4jFwKxze2AUD3QgRivn0PZ/iMEz0q0f+diOpjwQ3AJ3AZXwWdgQ29Nmn4DbbanVRiFpxKVk8S68AOwHuwHd4FZ48KnR2aNsfDTo2anvtVxvytyHeFEkZAk4a9yPRNRmcK+ULwTFVoCel4NfQsRNSTlymtbxI4D1ztc8iwZU7tF9H4R+t9Rh6023brLrK9Depf8UgjeDoKrl0rwpSA43NAs8hrOh/7hDSXxQ0geDbN1cvSMh758lbGCSJ3UIMG1f8OPsx6Kh51o68sKrlagyjIxS1C9HDhyp0G2PSL3kYqJnTeNzEP8JCE3hVcorHbFc5mYT0A86sh+qD1vfUkYe9FvvcZ9j51ofnPuW/VBaOTMtKPbBy6CvnaGht1Lfh6I6k3zed+j6cA/BCd7yjufAM0bgN7sqWmjfRAMl5YWVbgbgR7qf0FqsyTWtEjEZRrsHeHFThA8FDP7R2houfvGC4fxwVY1iHrGfk+ap4kXfWDp5GjqV4pf2DTtlykviiFoDfHWflaRQv+AyU77CRkfKapQ0K7S28kicYmTTKi7dtNPzPiFbBqS2vJ625GRlinBpAf8xIw/tan8lmazJYP/OYmXM7yYiD9rsT/AW5YM/rEkXs5wfSJ+02J/gGcsGXy/DwpJc8+w2vK6nvz5575rYfam3dRG17QsQ+ZI90c/NU4Eebc/QsZa+YsfABtFehTQ9rtGTX0DjH6rQHhTzMS08vvHocdh5FS09BO03qKGufTKezhnFzIQtTb5jwdBo1r5Xym0tKYQ0CtOV8w24qZp/jyDbEM//IFXmIKGtaT1+pkslJXSf9v34Fegj0f/AP2keBw8A14GL4LSrmWe/BWwDXibInh9MBhIq7txsM+Dr0DTFaDUan/D0KL8iM3MWFvy0t06R3585BU0kZKnWb361KY3zhbwNNCmYhW4Aa6CWXCWq/EHfqTpQCHog5j99BRfGg+W6cTBJKgO9H8uD+hYwZuQJQAAAABJRU5ErkJggg==');
}

.icon-search2 {
    width: 0.38rem;
    height: 0.38rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowOEJFMTM0RDg1RDAxMUVBOUJDRTlBNTAyQjZFQzNCRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNTdFRTMwN0I5RkMxMUVDOUM4QUFENkI1NEU5QkNBMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNTdFRTMwNkI5RkMxMUVDOUM4QUFENkI1NEU5QkNBMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmJjY2M5YmYtNDM1OS01ZTQ4LTg5OTEtNDVhZjViZWEyNmUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4QkUxMzREODVEMDExRUE5QkNFOUE1MDJCNkVDM0JGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NM7AIAAAA0lJREFUeNrMmH1oTXEYx++du8nu1jRpMyUUSmH8IS8NCQt520z5gzT+8FYkb7EhFPOSP8gftCvNSwoLw4ZSFv8QKVFbXiLzUl5r47K5vr/63jo9/c6553fOyfXUp3Wf37ln3/t7nvN7nueEE4lE6H+0SLQp5ua6YjALTAR9QR+QBd6RB+AKuAN+mwhoL63UC3P4ThhUgJ1giM01A8l4sAZ8BvvAYdDhZ8cybPyDuQvnHETpLB/sBc/BzKCFqZDdB6N83LeQoa3mzpvnmPg8G9TbCH7Df3YPtIFfzLXh/DHFmlRQaZALNvoRpnbojEbUa1AFToM/mnucB9tACcM4TqxvAK3guJdQRigqKtYbuRN1NqKs1gwmgBrN2hE+JMbClmuS/CZD9MXgfl1gM0NotSwbwY7CIgyF1d7yqOj0mPzbwVXhmw+GmQibBHoL/1bwzefhvU5z2FaYCCsTvk9MdL/Wwhy1WpmJsJHC1+AjhNLqxeehzDdXwoqE72mAtfiZ5mwrciusQPg+BChMd68Ct8K+Cl/PAIXp7vXdrbA24RsQoLD+Gt97t8JahG9GgMJkh9Hm9sBWwi4L3yD2V34tD8wTvmsmx0UDOwWrHfDarohDOl/4LpoIU8l4TPjHaOqdiU3nyW+1h+C6aRHfoXk6q7z0UbBp7Hy7ae5n3F2oMrRWs17Dfqufi3vlgF3clVyxdtRkt2RrfZKNnrRyNnonwBwW/LAlwUs4gLzgrshGM+4lLWRrvQX04MQj+6klJMSuoZPXprLuHE5+MsSrQcJkx0L8ggrpYvDD4XuZKUSpbne/5RxTnXEvsBLEHKazlONbHTvaWg+dxm222OrBeaRZV7t+KsVM66hcTUXLKHATe/oum2ufgENgNJgM7loeqmbN9QsZ1kzbaTu7sdZkNzI5MxYydz6y9jkV5mxwCUzRrKn2u7y9tDLuV5hXUz/igs10roaeuRDX4TaUQVqcdVNXkqaqGhptiuWkQ1jyiFnA+VWaeot0A+Ly0iEsOXcu4pEhbSy4BXH5/zLHdK+41KuqVZq1xyq8GaH0WIIV4KBmbQQ4my5hSVsPdmvOzxXpFqZedVazRit7qaoGfK1pF0Zxe/BnKUW9Ur6/AgwAkdKw/+CYdGEAAAAASUVORK5CYII=');
}

.icon-hot {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAmVBMVEUAAAAJuJ0AupwKuZ0KuJ0KuJ4KuZ0JuZ4JuJ0JuZ0LuZ4Itp4JuJ0KuZ0KuZ4JuZ0JuJ0KuZ4Kt54KuZ4KuJ0KuJ0JuZ0JuJ4KuJ0Kup4Jup0Hup8KuJ0KuJ0JuZ0KuZ4KuZ0KuJ0JuJ0KuZ4LuJwIvJ8Jt5wFs50Aw54KuZ0KuJ0KuZ0JuZ4JuZ0KuJ4Jup0KvJwLvKEKuJ2WgV3iAAAAMnRSTlMA+QR7yYJ1cvGKRhP17l9XUT0r6efi3tuvZjchtqulnpWObEwuHhwOCNTPw7uimScYLssPzkcAAAG/SURBVDjLjZTnuoIwDEAjW5yAoOJEcc/b93+4m0SkZYieP7RfT1fSAArpZKDBT4xFYHZ+Ee9CCMf6YVVLEKf0qzgVTGvwTbRFxuaLuEZnxGa/WTRQGW5atHvc5D1J2cOWPqemu+sonPHbF8j0s9fp4bhFrUk2w6tdVpvjcI8T8xDIDLeYH2vENo3qwJywOaCzGIf6GBqajJPOc69aXVJ6O+VabYAFfm5Fb0Ah6XqQYWLPBBhVYu9xkN28v8KuDa4gnJn09gF5w2KKtpohmAnkXEpbHDhFbZGR5gcUfCTJEPsRe3NDuY8WYecKjDwiE3VoEScL0ZYOOFPFIPMcHzS6uSsrZaV68dujcC04AMyZrqiK5svrxe86WgNDj6aw8429yytNG2wugaFYdKB0aUfXIBfvwHSx+YSCuZL/gQRHE2DG2PTgE1eZC3rPemMd+fIlhnyiD895nLV3DbUUt151JPfuPuq8R0AL5oWT0rTQr3peUHymoHPC+iXtaLaEujFwQgljeFTepB0KIinW9CJL79Jy/dned+05paEubhYOVAldqLBbVrRucoA6/tqhqkVN//14ur6MR6PIWNrlaP0DEdpXYObvR8gAAAAASUVORK5CYII=');
}

.icon-pc {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAV1BMVEUAAAAKuZ0AtqAKuJ0KuZ4JuqAKuJ0Ltp4Kt50KuZ0JuZ0AuqMKuJ0JuZ0KuZ0JuJwKuJ0KuZ4LuZ4KuJ0LvJsAt58KuJ0Lt54Jup8JuJ0KuZ0KvZ4KuJ2PEZugAAAAHHRSTlMA1AfZnTv5Kqv78QPjuGfc6ZWPeRcQsVxVU0kyfFABIwAAAJlJREFUOMvtz7kOwjAURNFxDA5es7LP/38nRAoFccRLikhIcKopbjPYwLENFNS7/tkpLhB6tKSt9GeGbBBo7xCUlgGkhkiTIBVE6h/+WrgXjSElbm24kzTbvLasIKpooclzIbiQGh0X6eAjF4gF4FNUI0266RrE5PGmJA/TNfqO8FYbQ1ozeC2XkDtxhkLu6pgxCTN8kfFY7wGlrC2fYyyr8QAAAABJRU5ErkJggg==');
}

.icon-praise {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAh1BMVEUAAAAMup8KuJ0KuJ0JuZ4IuJ4JuJwJuJ0KuJ0KuZ4KuZ0KuJ0KuJ4AvZcKuZ4KuJ0JuJ0KuJ4KuZ4JuZ0KuZ0KuZ0KuZ8LuqAIuZ8IuZ8KuZ0JuZ0JuZ4JuJ4JuJ0KuZ0KuZ0JuJ0JuJ0Lup4Jup4KuZ0JuJ0LuZ4LuJ0Jt58KuJ0KuJ0KuJ04zJbpAAAALHRSTlMAFf2NOTxV9fpkTKuSBvDi2c1/a7dJMi0nIOjdxb+kn5iGc2EPrlJGLxrl1XJAFYIAAAE5SURBVDjLvdPZjkRAFIDh0xhl13Sj932d+d//+UbE1skorua/IZUPUQ75j778jbM9rUedSZWyR9yFOsfSupmCxFtdN5BooQvxrTzmBrx0MACzOtmDq4M+LLorNM0ha17qqHE5OLfqbAG+/slLaeBh2GXAU6rOEAxvYtzeUO5wGXQJqOYbb2BpVqVZ+MFC95tu7170ir1Wra6HCCBtFwz6XculdeoniirlStvTbPIVOCuxIuqi4C1/tt7CSXYAOEnghTLUA2JRkNpFiTS9wREHZjJSAdEk6MJejAp68VwzfUc419AGpZ09r4MMjwClmQI9mMsUeIbjKOz+s3EYKiimwBwimQIXsOxDYwgeIO3D+xDcQtbCmVVottu4NVDXA35kAgx3cKqh99XP+sguHXk9GWOZ9S6NFVTuFz/kPTmC3XsAAAAAAElFTkSuQmCC');
}

.icon-book {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAhFBMVEUAAAAKuZ0JuZ0LuJ0Mv6UKuJ0JvJ8KuJwJuJwKuJ0Jt50KuZ4JuZ0Gtp0JuZ0AvJQKuJ4JuJ4Iup0Ht54Et5sKuJ4JuJ0JuZ0JuZ0KuZ4JuZ4Kt5wJuZsJuJ4KuJ0JuZ0KuZ0Mt5wAv58KuJ0KuJ0KuZ0KuJ0KuJ4KuZwKuZ0LuZ0KuJ126D3cAAAAK3RSTlMA+/aNFN41hIl6vZlVDnQElk89IxLo2axqXEYwGte4oUoqCO3s6OPNx8SRxO3sJwAAAPRJREFUOMvV0MlugzAUheFjwlAgZp4haZLOve//fqWOwMWuDFKrqP0WLC7/xgf/gp080YzVMVAkJX3FXlqM14oWOvADaXzgXTml2JGO5XimhSCGQ9+IMH7u7VkBgF0vUj5edp+hB+ka3mHB+gthHIVCkq6EzbzXYA7lxpk5bKfOss0h9r4Q9bffsd8L6bASnqbHPPJfmieaw9wc8iQQjg2MoXb2NoVHom5TWPgpVkLpJ+H4xtqVeg4hd6VO7ODQEgtjwK1I0cAjVcBPFimsAZc3rSwZKVgL4BK9OlI5/XKkqs6giUPRPWRY5VtEhzM24O4Zt/ABOvxVJjHMXt8AAAAASUVORK5CYII=');
}

.icon-game {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAmVBMVEUAAAAJuJ0AvqEJuJ0KuJ0JuZ0KuJ0IuJ4Lu6ECup8KuJ0KuJ0KuZ4AvaIKuJ4KuZ0KuZ4JuZ0Hup0A0tIJuJ0KuZ0KuZ4JuZ4IuJ0JuJ0KuZ0KuJ0JuZ4JuZ0JuZ4Iup8JuaEKu50JuJ0KuJ4JuZ0KuJ4KuJ4KuZ4KuJ0KuJ4KuZ4KuqAKuZ0Jup4KupwKuZ8FuJgKt5wKuJ30VzyEAAAAMnRSTlMA+gTD/fXsKBMQ5c5/CdSvj1ghAdiVg3dB8Lqpo4pxOxsY35uGyJ6YfGBJMLZST2kOso1PM3sAAAGwSURBVDjLjZXpkqJAEIQ5GxAEUZRDxWO8x3Vnv/d/uJ0JGNq2mRjyV1WYYWdlHRgK/HRuj1xTxMvaM35GkZhIZHXQT3u3AVz7tF5MlqEDlPlYp1lrB8pzYbV5kFYO7ItXnm+DGwXqE//Auai8bQb2VHvmj4DTzJAIYphbho5pDBOZzio49Ffohzi7LsvhzejHdIS56xKX0PrhDzO4dtkSs23DiIXC+zhC3mWe0+jViVallDJvVXhRVGJHuaxxBStpjiVYNaYBgOh+mcD9SfsGbr3EHI7Pvb7gfqa6xivE/rPiBNvoId5M9lvFgvjJ7DoqvgW5iMazcb1823wFgkg32hO4m4YXAs7fz8ik1njbPeatCSMA3J0kqsPkpG18BIC09+krjL4LDjuiLEZiDWHQhYC5lfYoOIM97uYHLi+GK22urEbwwU4eXQs1WAkkDVMZCh3jSo6OMmY68whzmcrB1RCEcuWUVdCwy9pF0JdL7yRfXdbWtW9Znasx5AC8C8zNkJPiZfAYcKTSEk6/nz0vAQ6zXw7pR3p3QDwGnWbz7A859mKiidY+H+X+viheXPgPpT899EH5S5sAAAAASUVORK5CYII=');
}

.icon-arrow {
    width: 0.2rem;
    height: 0.12rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAJFBMVEUAAAAfyqoKuZ4s1LALuZ4LuZ4azLMKuJ4KuZ0KuZ4Mup4KuJ2RUQs+AAAAC3RSTlMACLMFvbkKrcSrgXP6SZsAAABXSURBVAjXY+gUYAADxhkM1YoQptB2BtFNAmBB7UAGxmhlENNoqwADUNiAgYEZKMgAEoYIAoHIJgNmbUeIMd7KRlugRqZsr3ZjgAA27y0JDFCQtYwBFQAAQ1UPadptBF0AAAAASUVORK5CYII=');
}

.icon-arrow2 {
    width: 0.28rem;
    height: 0.16rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAMAAAAyEe/dAAAAXVBMVEUAAAAKuZ4Kup8LuJ0LuZ4LuZ0LuZ4Mup8MvKALuZ4LuZ0KuZ4KuZ4Kup8Lup8LuJ4KuJ4KuZ4LuZ0LuJ8KuJ0LuZ4LuZ4LuZ4Mup0MuKAMuZ4OuKMPvaARu6oKuJ3ahxVJAAAAHnRSTlMA+S/r7qJwTSrp1Zl5Skbq4ZKMgMa2s6hrU0IkIw+5eV+qAAAAcklEQVQY02XOSRaCMBRE0ScE1IiC2Ddk/8uE0Jw6+XnDupNiqJz/YKu7sgeqMPU21sexARdidWLXebuDD1JZ7AXfndXTMrg/sF+1MVZAqrJyMektnpdlKlPnVb0sVdXKMm0P2C6bHmVWZVZlecWze/xAjfVWEx2pmGhPAAAAAElFTkSuQmCC');
}

.icon-down {
    width: 0.36rem;
    height: 0.36rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8MHI4TX6u0pP0rZU65x5IOIyHAG2vWqnAAAAd0lEQVQ4y+3MSQ6DMBBE0XISm8Q2QwDf/6pMLTUIVL1kw9+V9FQ41pStBNJb0OdBD+IoCqpHnBtStTQfSXHdqd+jzpWrgsc+767MV4EoZlQxo8o0qtRYKvwAqsRQJYYqMZYKGVY+Ztxerl60dkH/YtTNqK0drcEE5T4aFzEq6/8AAAAASUVORK5CYII=');
}

.icon-tip {
    width: 0.28rem;
    height: 0.28rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAQlBMVEUAAADhISHhICDgISHgICDjICDhJibhISHgISHgICDhISHlJCTgISHhICDhISHhISHgISHgISHhICDlIyP/VVXgICC8YN52AAAAFXRSTlMAgO3Zxz4i89i+VDH6rOPLjYVfHQM7LEd/AAAAq0lEQVQoz32T2w6EIAxEp1RAxLvy/7+6ye4Gpppw3k4maBkrKlmSxqhJMp5MY6mME5gwFMMQWuZdeeB8zebyYv6ngc7R2d+T6X3M8J2zuYagzSYAdAcBhG4E5NLYgZ00Q8gWYCEVJJ7BTpegZCuwkipiIe6bLdrwumyorN6zKRKrCFuCUYsgs24bWzb12RJGW/wBHKZ4LsWdp6O6eh+7tyb9BeuvZn+pu7/DB9UHLWWIpkXAAAAAAElFTkSuQmCC');
}

/*** @Author:ray; @create date:2016-10-23;
***/

/***************layer start ******************/

@-webkit-keyframes layerIn {
    0% {
        -moz-transform: translate3d(0, 0, 0) scale(1.185);
        -ms-transform: translate3d(0, 0, 0) scale(1.185);
        -webkit-transform: translate3d(0, 0, 0) scale(1.185);
        transform: translate3d(0, 0, 0) scale(1.185);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes layerIn {
    0% {
        -moz-transform: translate3d(0, 0, 0) scale(1.185);
        -ms-transform: translate3d(0, 0, 0) scale(1.185);
        -webkit-transform: translate3d(0, 0, 0) scale(1.185);
        transform: translate3d(0, 0, 0) scale(1.185);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@-webkit-keyframes layerOut {
    0% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0) scale(0.825);
        -ms-transform: translate3d(0, 0, 0) scale(0.825);
        -webkit-transform: translate3d(0, 0, 0) scale(0.825);
        transform: translate3d(0, 0, 0) scale(0.825);
        opacity: 0;
    }
}

@keyframes layerOut {
    0% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0) scale(0.825);
        -ms-transform: translate3d(0, 0, 0) scale(0.825);
        -webkit-transform: translate3d(0, 0, 0) scale(0.825);
        transform: translate3d(0, 0, 0) scale(0.825);
        opacity: 0;
    }
}

.layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    -moz-animation: layerIn 0.3s both;
    -webkit-animation: layerIn 0.3s both;
    animation: layerIn 0.3s both;
}

.layer.closing .layer-inner {
    -moz-animation: layerOut 0.4s both;
    -webkit-animation: layerOut 0.4s both;
    animation: layerOut 0.4s both;
}

.layer .layer-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.layer .layer-body {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.layer .layer-btns {
    direction: rtl;
}

.layer .layer-btns .layer-btn {
    display: block;
    width: 75px;
    height: 35px;
    line-height: 35px;
    color: #008def;
    font-size: 12px;
    box-shadow: none;
    border: 0;
    border-radius: 3px;
    text-align: center;
    white-space: nowrap;
    margin: 0 10px;
}

.layer .layer-btns .layer-btn-no {
    background-color: #ff6a29;
    color: #FFF;
}

.layer .layer-btns .layer-btn-yes {
    background-color: #66cccc;
    color: #FFF;
}

.layer-alert {
    background: transparent;
}

.layer-alert .layer-inner {
    display: inline-block;
    padding: 0.2rem 0.3rem;
    min-width: 2.2rem;
    text-align: center;
    font-size: 0.30rem;
    background: rgba(0, 0, 0, 0.75);
    color: #FFF;
    border-radius: 2px;
}

.layer-confirm .layer-inner {
    width: 240px;
    background-color: #FFF;
    font-size: 14px;
    border-radius: 6px;
    padding: 30px 25px;
    -moz-animation: layerIn 0.4s both;
    -webkit-animation: layerIn 0.4s both;
    animation: layerIn 0.4s both;
}

.layer-confirm .layer-cont {
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 30px;
    color: #333;
}

/*** @description: Photo Browser; @Author:ray; @create date:2016-12-16;
***/

.photo-browser {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    display: none;
    /*background: #000;*/
    background: rgba(0, 0, 0, 0.75);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.photo-browser.photo-browser.photo-browser-in {
    display: block;
    -moz-animation: photoBrowserIn 400ms forwards;
    -webkit-animation: photoBrowserIn 400ms forwards;
    animation: photoBrowserIn 400ms forwards;
}

.photo-browser.photo-browser-out {
    display: block;
    -moz-animation: photoBrowserOut 400ms forwards;
    -webkit-animation: photoBrowserOut 400ms forwards;
    animation: photoBrowserOut 400ms forwards;
}

.photo-browser .page[data-page="photo-browser-slides"] {
    background: none;
}

.photo-browser-body {
    position: relative;
    height: 100%;
}

.photo-browser-swiper-container {
    position: absolute;
    left: 0;
    right: 0;
    /*top: 1rem;
bottom: 1rem;*/
    top: 0;
    bottom: 0;
    overflow: hidden;
    /*background: rgba(0,0,0, 0.5);*/
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}

.photo-browser-swiper-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.photo-browser-link-inactive {
    opacity: 0.3;
}

.photo-browser-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    box-sizing: border-box;
}

.photo-browser-slide.transitioning {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}

.photo-browser-slide span.photo-browser-zoom-container {
    width: 100%;
    text-align: center;
    display: none;
}

.photo-browser-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: none;
}

.photo-browser-slide.swiper-slide-active span.photo-browser-zoom-container,
.photo-browser-slide.swiper-slide-next span.photo-browser-zoom-container,
.photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container {
    display: block;
}

.photo-browser-slide.swiper-slide-active img,
.photo-browser-slide.swiper-slide-next img,
.photo-browser-slide.swiper-slide-prev img {
    display: inline;
}

.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
    display: block;
}

.photo-browser-slide iframe {
    width: 100%;
    height: 100%;
}

.photo-browser-slide .preloader {
    display: none;
    position: absolute;
    width: 42px;
    height: 42px;
    margin-left: -21px;
    margin-top: -21px;
    left: 50%;
    top: 50%;
    /*background: url(../images/loading.svg) no-repeat;*/
    background-size: 100%;
    -moz-animation: loading 1s steps(12, end) infinite;
    -webkit-animation: loading 1s steps(12, end) infinite;
    animation: loading 1s steps(12, end) infinite;
}

.photo-browser-header {
    position: absolute;
    left: 0;
    right: 0;
    height: 1rem;
    z-index: 10;
    /*background: rgba(0,0,0,0.5);*/
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all 0.4s;
}

.photo-browser-close,
.photo-browser-remove {
    position: absolute;
    z-index: 10;
    top: 0.2rem;
    left: 0.2rem;
    display: none;
}

.photo-browser-close {
    width: 0.6rem;
    height: 0.6rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMA2PwU5GRQ+elZHyJCF93SO/RUDGwbEcm3KH1J9qeapxKm0wAAAPJJREFUWMPt1MkOgjAUheHL4IgoDijgcN//LS21yVmQXvQk7nr23x9o0kpaWlpaZLuhEGPt0Ni+WWlmFLalHnsz0Km6guFVn2Zgob5geF2KuUsoRP3G5CiwHgXWo8B6nOTE586Thcp7d/5koVrDEwV4rgDPFGrOo7CvSY9vgCcL8HSB91KU/i/OtM/U70YW6tEfc7pQ70ffLMfC4Ux7EbLQBu928oXrj74MnixsR79ynijA78QPheJbX8GjgPdh3q/hUQi3m/Bhm8/tnvc9PFOAjxVasXcIPlroxF7n/F0kXniJvWv2gJ9skbuLmZaW9pe9AdgOIqeqhDo2AAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
}

.photo-browser-remove {
    left: auto;
    right: 0.3rem;
}

.photo-browser-of {
    margin: 0 5px;
}

.photo-browser-captions {
    pointer-events: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 1001;
    opacity: 1;
    /*background: rgba(0,0,0,0.5)*/
}

.photo-browser-exposed .photo-browser-name,
.photo-browser-exposed .photo-browser-time,
.photo-browser-exposed .photo-browser-text {
    display: none;
}

.photo-browser-caption {
    text-align: left;
    position: relative;
    z-index: 1002;
    display: none;
    min-height: 1rem;
}

.photo-browser-caption:empty {
    display: none;
}

.photo-browser-caption.photo-browser-caption-active {
    display: block;
}

.photo-browser-captions-light .photo-browser-caption {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
}

.photo-browser-info {
    font-size: 0;
    position: relative;
    padding: 0.3rem 0;
    text-align: center;
}

.photo-browser-info+.photo-browser-text {
    margin-top: -0.4rem;
}

.photo-browser-text {
    font-size: 0.3rem;
    color: #e1e1e1;
    padding: 0.3rem;
}

.photo-browser-text:empty {
    display: none;
}

.photo-browser-text pre {
    line-height: 1.5;
    font-family: inherit;
    margin: 0;
    word-wrap: break-word;
    white-space: pre-wrap !important;
}

.photo-browser-name {
    font-size: 0.34rem;
    color: #4fab7d;
    margin-right: 0.16rem;
}

.photo-browser-time {
    font-size: 0.24rem;
    color: #777;
}

.photo-browser-count {
    color: #fff;
    font-size: 0.3rem;
}

.photo-browser-exposed .photo-browser-header {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.photo-browser-remove {
    display: none;
}

.photo-browser-upload .photo-browser-name,
.photo-browser-upload .photo-browser-time,
.photo-browser-upload .photo-browser-text {
    display: none;
}

.photo-browser-upload .photo-browser-remove {
    display: block;
}

@-webkit-keyframes photoBrowserIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes photoBrowserIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes photoBrowserOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes photoBrowserOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/***
	@Author:ray;
	@create date:2022-02-11;
***/

html {
    font-size: 50px;
    font-size: 13.3334vw;
}

@media screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
}

body {
    font-family: "-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif";
    font-size: 14px;
    background-color: #f8f8f8;
    color: #333;
    -webkit-tap-highlight-color: transparent;
}

.ios-show,
.ios .and-show {
    display: none !important;
}

.ios .ios-show {
    display: block !important;
}

.menu-open .page {
    height: 100vh;
    overflow: hidden;
}

.menu-open .header-menu {
    display: block;
}

.menu-open .header-main .icon-menu {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMA8/v33/BoNaFBLxkIBALs5sbCpUUWDNR6XzmcYls9E9jJq49zbywmHdC5lH4ftZeKhVNMEJ67798SjQAAAhdJREFUOMt9lOmCojAQhJOAgHLjgSgMHuMx6uios1vv/2ZLg0BA2P4DqXx229UJrBGOfrmuVc7D0zKest7YGy7qEMHO6sS+DVEyyuvpafY7p+W7fBPpR5ul++dWpfVq0cIsg+TwIRcbjSl53OBmayoUO7JG6AnATVJtEoKuNucC2NZLqrG0O1t8ckArFwkAo8+ziYAYFq+pC/hWr7s7YFVU+wO408LKtOls8TBexU0BfOZKDD6RnLjiy8kBDneWPS+AapU9KZOK8wEc89d7nsnxqrZ0XpO/5Oz49RsFfmYqIEoHPyoy/SKudOwKmNRUwFiLnIbkWDWSmIpugDlrkkNzRROoR2eSz1mNhLVIFcBZNkrBX5aJQ1lbcFBsZS2DVmwAHBpigqJfOXzwLCv2snbwCOTDBrgGp9IT+d4Qp7RJDyoLgEg6qi6A3WLQJB0Bn0Z+rxTdRT6nFnkANkwDwlKgfREz1iY/adhHAIfaQ5G8cstkQAg5finOAeV7MFaTg9/89Sig0v3JhDRfA8qTMZn8Lk/2Dx0it5xDMv5gjXsdFY4JKCYrUioj1ht2kCeklCqgTnvBM8BfuwvRfw3JPiSST1ibndy8eeJuADz9HbM2AHxbUrYAxK2V1IlUAKfZ29cI/EfqPo1CdH2T9FyGetYe+mgSXQJBS77r+D9zF60Qy27XLC2UMW/5nzGYkRGsBorqb+4tE/4Bd5VZ/vrfNQAAAAAASUVORK5CYII=');
}

.page {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    max-width: 750px;
    min-width: 320px;
    min-height: 100vh;
    margin: 0 auto;
    font-size: 0.28rem;
    background-color: #f8f8f8;
}

.footer {
    padding: 0.4rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    background-color: #1e1e1e;
    color: #666;
    text-align: center;
    margin-top: auto;
}

.footer .f-logo {
    width: 2.1rem;
    height: 0.56rem;
    vertical-align: top;
    margin-bottom: 0.3rem;
}

.header-main {
    height: 0.98rem;
    padding: 0 0.32rem;
    background-color: #0ab89d;
}

.header-main .logo img {
    width: 2.26rem;
    height: 0.6rem;
}

.header-main .menu-group {
    margin-right: -0.22rem;
}

.header-main .menu {
    display: inline-block;
    vertical-align: top;
    padding: 0.28rem 0.22rem;
}

.header-main .icon-menu {
    vertical-align: top;
}

.header-nav {
    position: relative;
    height: 0.88rem;
    background-color: #fff;
    box-shadow: 0rem 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.header-nav ul {
    font-size: 0;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 0.16rem;
}

.header-nav li {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.24rem;
}

.header-nav a {
    display: block;
    height: 0.88rem;
    line-height: 0.88rem;
    padding: 0 0.2rem;
    font-size: 0.3rem;
    color: #666666;
    position: relative;
}

.header-nav .on {
    color: #0ab89d;
    font-weight: bold;
}

.header-nav .on:after {
    content: '';
    position: absolute;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0;
    height: 0.06rem;
    background-color: #0ab89d;
}

.header-menu {
    position: absolute;
    z-index: 101;
    left: 0;
    right: 0;
    top: 0.98rem;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    display: none;
}

.header-menu-body {
    padding: 0 0.32rem 0.4rem;
    background-color: #fff;
}

.header-menu-body .block-title {
    padding-top: 0.08rem;
    margin-bottom: 0;
}

.header-menu-body .block-title .title {
    font-size: 0.32rem;
}

.header-menu-body .block-list {
    font-size: 0;
    position: relative;
    max-height: 1.68rem;
    overflow: hidden;
}

.header-menu-body .block-list.show {
    max-height: initial;
}

.header-menu-body .block-list.show .icon-arrow {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header-menu-body .block-list a {
    display: inline-block;
    vertical-align: top;
    width: 2.8rem;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    background-color: #f8f8f8;
    color: #666;
    font-size: 0.28rem;
    border-radius: 0.08rem;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
}

.header-menu-body .block-list .oper {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 0.64rem;
    font-size: 0.28rem;
    color: #0ab89d;
}

.header-menu-body .block-list .icon-arrow {
    margin-left: 0.08rem;
    vertical-align: 0.04rem;
}

.js-tab-cont {
    display: none;
}

.js-tab-cont.on {
    display: block;
}

.conbox {
    padding: 0.2rem 0.3rem;
    background-color: #fff;
    margin-bottom: 0.2rem;
}

.block-title {
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.3rem;
}

.block-title .title {
    display: inline-block;
    vertical-align: top;
    font-size: 0.36rem;
    font-weight: bold;
    color: #333;
    position: relative;
}

.block-title .title:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 0.04rem;
    background-color: #0ab89d;
}

.block-title .icon {
    vertical-align: top;
    margin: 0.18rem 0.18rem 0 0;
}

.block-title .more {
    color: #0ab89d;
    position: relative;
    padding-right: 0.42rem;
}

.block-title .more:before,
.block-title .more:after {
    content: '';
    width: 0.1rem;
    height: 0.1rem;
    background-color: #0ab89d;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0.06rem;
    margin-top: -0.04rem;
    opacity: 0.5;
}

.block-title .more:before {
    right: 0.24rem;
    opacity: 0.8;
}

.block-title2 {
    height: 0.6rem;
    line-height: 0.6rem;
    margin-bottom: 0.2rem;
}

.block-title2 .title {
    display: inline-block;
    vertical-align: top;
    font-size: 0.36rem;
    font-weight: bold;
    color: #0ab89d;
    position: relative;
    padding-left: 0.22rem;
}

.block-title2 .title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.06rem;
    height: 0.36rem;
    background-color: #0ab89d;
    margin-top: -0.18rem;
}

.cate-nav {
    padding: 0.3rem 0.5rem 0.1rem 0.3rem;
    font-size: 0;
    position: relative;
}

.cate-nav.open ul {
    max-height: initial;
}

.cate-nav.open .oper {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cate-nav ul {
    overflow: hidden;
    max-height: 1.68rem;
    overflow: hidden;
}

.cate-nav li {
    float: left;
}

.cate-nav .btn {
    border: 0;
    padding: 0.13rem 0.24rem;
    background-color: #fff;
    color: #666;
    border-radius: 0.08rem;
    margin: 0 0.2rem 0.2rem 0;
}

.cate-nav .active {
    background-color: #0ab89d;
    color: #fff;
}

.cate-nav .oper {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0.3rem;
    height: 0.64rem;
    line-height: 0.64rem;
    padding: 0 0.24rem;
    cursor: pointer;
}

.cate-nav .icon {
    vertical-align: middle;
}

.pagestr {
    text-align: center;
    margin: 0.3rem 0;
}

.pagestr a,
.pagestr .num {
    display: inline-block;
    vertical-align: top;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    margin: 0 0.25rem;
    font-size: 0.28rem;
    color: #666;
}

.pagestr .num {
    position: relative;
    width: 0.96rem;
}

.pagestr .num-text {
    background-color: #0ab89d;
    color: #fff;
    border-radius: 0.08rem;
}

.pagestr .num-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.96rem;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 0.06rem #bbb;
    -webkit-overflow-scrolling: touch;
    max-height: 3rem;
    overflow-y: auto;
    display: none;
    overflow: scroll;
}

.pagestr .num-list li {
    height: 0.6rem;
    line-height: 0.6rem;
}

.star {
    display: inline-block;
    vertical-align: top;
    width: 1.9rem;
    height: 0.28rem;
    background: url(../image/star.png) no-repeat;
    background-size: auto 0.28rem;
    background-position: 0 0;
}

.star.star0 {
    background-position: -2rem 0;
}

.star.star1 {
    background-position: -1.6rem 0;
}

.star.star2 {
    background-position: -1.2rem 0;
}

.star.star3 {
    background-position: -0.8rem 0;
}

.star.star4 {
    background-position: -0.4rem 0;
}

.list-loader {
    text-align: center;
    position: relative;
    line-height: 0.9rem;
    color: #999;
}

.list-loader .loading {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid gray;
    border-bottom-color: transparent;
    -webkit-animation: rotate .6s linear infinite;
    animation: rotate 0.6s linear infinite;
}

.url-here {
    height: 0.7rem;
    line-height: 0.7rem;
    background: #e6e6e6;
    color: #666;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.url-here:before,
.url-here:after {
    content: '';
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.url-here:after {
    top: auto;
    bottom: 0;
}

.url-here h1 {
    font-weight: normal;
    font-size: inherit;
}

.url-here li {
    float: left;
    padding-left: 0.3rem;
    padding-right: 0.52rem;
    font-size: 0.24rem;
    position: relative;
}

.url-here li:nth-child(1) {
    background: #fff url(../image/url-here-arrow.png) no-repeat right 0;
    background-size: 0.28rem auto;
    z-index: 9;
}

.url-here li:nth-child(2) {
    background: #f1f1f1 url(../image/url-here-arrow.png) no-repeat right bottom;
    background-size: 0.28rem auto;
    z-index: 8;
}

.url-here li.active {
    float: none;
    overflow: hidden;
}

.taptap-search {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 750px;
    z-index: 201;
    background: #fff;
    overflow-y: auto;
    display: none;
}

.taptap-search.open {
    display: block;
}

.search-bar {
    height: 1rem;
    padding: 0.16rem 0;
    background: #0ab89d;
}

.search-bar .form-group {
    background: #fff;
    border-radius: 0.08rem;
    position: relative;
    z-index: 1;
}

.search-bar .search-input {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
    padding-left: 0.64rem;
    font-size: 0.28rem;
}

.search-bar .back,
.search-bar .cancel,
.search-bar .clear {
    line-height: 0.68rem;
    padding: 0 0.24rem;
    font-size: 0.28rem;
    color: #fff;
}

.search-bar .back {
    font-size: 0;
}

.search-bar .icon {
    vertical-align: middle;
}

.search-bar .icon-search2 {
    position: absolute;
    z-index: -1;
    top: 0.14rem;
    left: 0.12rem;
}

.search-box .list-hd {
    height: 0.7rem;
    line-height: 0.7rem;
    padding: 0 0.24rem;
    background: #fafafa;
}

.search-box .list-hd .title {
    font-size: 0.24rem;
    color: #999;
}

.search-box .list-hd .clear {
    padding: 0 0.24rem;
    font-size: 0.24rem;
    color: #66cccc;
    margin-right: -0.24rem;
}

.search-box .list-bd {
    padding-left: 0.24rem;
}

.search-box .list-bd li {
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 1px solid #eee;
}

.search-box .list-bd a {
    display: block;
}

.search-box .list-bd .clear {
    padding: 0 0.24rem;
    margin-right: 0.08rem;
}

.content-search {
    flex: 1;
    min-height: 10rem;
    background-color: #fff;
}

.cate-nav2 {
    margin: 0.3rem 0.3rem 0.2rem;
}

.cate-nav2 li+li {
    margin-left: -1px;
}

.cate-nav2 .btn {
    display: block;
    padding: 0.19rem 0;
    background-color: #fff;
    color: #999;
    border: 1px solid #ddd;
    border-radius: 0;
}

.cate-nav2 .active {
    color: #0ab89d;
    background-color: #E6FAF7;
    border-color: #0ab89d;
    position: relative;
    z-index: 1;
}

.adbox img {
    display: block;
    width: 100%;
}

/***
	@Author:ray;
	@create date:2022-02-11;
***/

.banner-wrap {
    padding: 0.3rem 0 0.3rem 0;
    background-color: #f8f8f8;
    overflow: hidden;
}

.banner {
    position: relative;
    height: 3.56rem;
    padding-left: 0.2rem;
    overflow: hidden;
}

.banner .bd {
    width: 7.1rem;
}

.banner .bd li {
    position: relative;
    transition: all 0.3s;
}

.banner .bd .tempWrap {
    overflow: visible !important;
    position: static !important;
}

.banner .bd .zoom {
    transform: scale(0.974, 0.86);
}

.banner .bd .zoom .tit {
    visibility: hidden;
}

.banner .bd .pic {
    display: block;
    width: 100%;
    height: 3.56rem;
    border-radius: 0.16rem;
}

.banner .bd .tit {
    height: 0.7rem;
    line-height: 0.7rem;
    padding: 0 1.8rem 0 0.3rem;
    color: #fff;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    border-radius: 0.16rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.banner .hd {
    position: absolute;
    right: 0.26rem;
    bottom: 0.26rem;
    text-align: center;
    font-size: 0;
}

.banner .hd li {
    width: 0.16rem;
    height: 0.16rem;
    display: inline-block;
    vertical-align: top;
    background-color: #c5c5c5;
    border-radius: 0.08rem;
    margin-right: 0.16rem;
    transition: all 0.3s;
}

.banner .hd .on {
    width: 0.32rem;
    background-color: #fff;
}

.index-news-block {
    padding: 0.4rem 0.3rem;
}

.index-news-block .news-list {
    padding: 0;
}

.friend-link {
    padding-bottom: 0.3rem;
}

.friend-link .hd {
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.3rem;
    position: relative;
    z-index: 100;
}

.friend-link .hd .title {
    font-weight: bold;
}

.friend-link .bd {
    padding: 0 0.1rem;
    overflow: hidden;
}

.friend-link .bd li {
    line-height: 0.48rem;
    float: left;
    font-size: 0.24rem;
    color: #686b6a;
    padding: 0 0.2rem;
}

/***
	@Author:ray;
	@create date:2022-02-14;
***/

.soft-list ul {
    overflow: hidden;
    margin-bottom: -0.15rem;
}

.soft-list li {
    width: 1.4rem;
    margin-bottom: 0.15rem;
}

.soft-list li:last-child:nth-child(4n - 1) {
    margin-right: 1.84rem;
}

.soft-list li:last-child:nth-child(4n - 2) {
    margin-right: 3.66rem;
}

.soft-list .pic {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0.1rem;
}

.soft-list .tit {
    height: 0.32rem;
    line-height: 0.32rem;
    margin: 0.12rem 0;
    font-size: 0.24rem;
    color: #666;
    text-align: center;
    overflow: hidden;
}

.soft-list2 {
    padding: 0.1rem 0 0.2rem;
}

.soft-list2 li+li,
.soft-list2 ul+ul {
    margin-top: 0.4rem;
}

.soft-list2 a {
    display: block;
    height: 1.48rem;
    overflow: hidden;
    position: relative;
    padding-right: 1.4rem;
}

.soft-list2 .pic {
    width: 1.48rem;
    height: 1.48rem;
    border-radius: 0.1rem;
    float: left;
    margin: 0 0.2rem 0 0;
}

.soft-list2 .tit {
    height: 0.54rem;
    line-height: 0.54rem;
    font-size: 0.32rem;
    font-weight: bold;
    color: #333;
    overflow: hidden;
}

.soft-list2 .txt {
    color: #999;
    margin-top: 0.08rem;
}

.soft-list2 .btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.33rem;
}

.soft-list3 {
    overflow: hidden;
}

.soft-list3 ul {
    overflow: hidden;
    margin-bottom: -0.1rem;
}

.soft-list3 li {
    margin-bottom: 0.28rem;
}

.soft-list3 a {
    display: block;
    width: 3.3rem;
    height: 0.64rem;
    line-height: 0.64rem;
    padding: 0 0.2rem;
    text-align: center;
    background-color: #f8f8f8;
    font-size: 0.28rem;
    color: #666666;
    border-radius: 0.08rem;
    overflow: hidden;
}

.soft-list4 ul {
    margin-bottom: -0.1rem;
}

.soft-list4 li {
    width: 1.44rem;
    margin-bottom: 0.3rem;
    text-align: center;
}

.soft-list4 li:last-child:nth-child(4n - 1) {
    margin-right: 1.82rem;
}

.soft-list4 li:last-child:nth-child(4n - 2) {
    margin-right: 3.64rem;
}

.soft-list4 .pic {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0.1rem;
}

.soft-list4 .tit {
    height: 0.64rem;
    line-height: 0.32rem;
    margin: 0.12rem 0;
    font-size: 0.24rem;
    color: #666;
    text-align: center;
    overflow: hidden;
}

.soft-list4 .btn {
    padding: 0.08rem 0.3rem;
    background-color: #fff;
    color: #0ab89d;
}

.soft-list5 {
    padding: 0.1rem 0 0.2rem;
}

.soft-list5 li+li {
    margin-top: 0.4rem;
}

.soft-list5 a {
    display: block;
    height: 1.28rem;
    overflow: hidden;
    position: relative;
    padding-right: 70px;
}

.soft-list5 .pic {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.1rem;
    float: left;
    margin: 0 0.2rem 0 0;
}

.soft-list5 .tit {
    height: 0.42rem;
    line-height: 0.42rem;
    font-size: 0.32rem;
    color: #333;
    overflow: hidden;
}

.soft-list5 .txt {
    display: inline-block;
    vertical-align: top;
    font-size: 0.24rem;
    color: #999;
    margin-top: 0.08rem;
}

.soft-list5 .txt em {
    margin: 0 0.08rem;
}

.soft-list5 .btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.33rem;
}

.soft-list5 .star {
    margin: 0.08rem 0;
}

.soft-list6 ul {
    overflow: hidden;
    margin-bottom: -0.15rem;
}

.soft-list6 li {
    width: 1.2rem;
    margin-bottom: 0.15rem;
}

.soft-list6 li:last-child:nth-child(5n - 1) {
    margin-right: 1.42rem;
}

.soft-list6 li:last-child:nth-child(5n - 2) {
    margin-right: 2.84rem;
}

.soft-list6 li:last-child:nth-child(5n - 3) {
    margin-right: 4.28rem;
}

.soft-list6 .pic {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.1rem;
}

.soft-list6 .tit {
    height: 0.64rem;
    line-height: 0.32rem;
    margin: 0.12rem 0;
    font-size: 0.24rem;
    color: #666;
    text-align: center;
    overflow: hidden;
}

.list-more {
    padding: 0.2rem 0;
    text-align: center;
}

.list-more .btn {
    border: 0;
    padding: 0;
    width: 3.3rem;
    height: 0.64rem;
    line-height: 0.64rem;
    background-color: #f8f8f8;
    color: #999;
    border-radius: 0.08rem;
}

.soft-info {
    padding: 0.4rem 0.3rem 0.3rem;
}

.soft-info-bd .pic {
    width: 1.48rem;
    height: 1.48rem;
    border-radius: 0.1rem;
    float: left;
}

.soft-info-bd .con {
    margin: 0 0.12rem 0 0.2rem;
}

.soft-info-bd .tit {
    font-size: 0.32rem;
    font-weight: bold;
    line-height: 0.42rem;
    margin-top: 0.04rem;
}

.soft-info-bd .txt {
    font-size: 0.28rem;
    color: #999;
    margin-top: 0.1rem;
}

.soft-info-bd .score {
    width: 1.72rem;
    height: 1.96rem;
    background-image: linear-gradient(45deg, #ffb149 0%, #ff6767 100%);
    box-shadow: 0rem 0.2rem 0.32rem -0.2rem #ff9204;
    border-radius: 0.1rem;
    float: right;
    text-align: center;
    color: #fff;
}

.soft-info-bd .score-tit {
    font-size: 0.24rem;
    margin-top: 0.24rem;
}

.soft-info-bd .score-val {
    font-size: 0.56rem;
    margin: 0.1rem 0;
}

.soft-info-ft {
    text-align: center;
    margin-top: 0.25rem;
}

.soft-info-ft .btn {
    display: block;
    width: 100%;
    line-height: 0.36rem;
    padding: 0.25rem 0;
    font-size: 0.32rem;
    font-weight: bold;
}

.soft-info-ft .btn .icon {
    vertical-align: top;
    margin-right: 0.2rem;
}

.soft-info-ft .disabled {
    background-color: #e6e6e6;
    color: #999999;
    border-color: #e6e6e6;
}

.soft-info-ft .disabled .icon {
    background-image: url(../image/down2.png);
}

.soft-info-ft .tip {
    font-size: 0.24rem;
    color: #999;
    line-height: 0.28rem;
    margin-top: 0.16rem;
}

.soft-info-ft .icon-tip {
    vertical-align: top;
    margin-right: 0.1rem;
}

.score-star {
    display: inline-block;
    vertical-align: top;
    width: 1.42rem;
    height: 0.4rem;
    background: url(../image/star1.png) no-repeat;
    background-size: auto 0.4rem;
    background-position: -0.04rem 0;
}

.score-star.star0 {
    background-position: -1.44rem 0;
}

.score-star.star1 {
    background-position: -1.16rem 0;
}

.score-star.star2 {
    background-position: -0.88rem 0;
}

.score-star.star3 {
    background-position: -0.6rem 0;
}

.score-star.star4 {
    background-position: -0.32rem 0;
}

.soft-detail {
    padding: 0.3rem;
}

.soft-detail-body {
    font-size: 0.28rem;
    line-height: 0.44rem;
    color: #666;
    text-align: justify;
}

.soft-detail-body img {
    max-width: 100%;
    height: auto !important;
    margin: 0.1rem 0;
}

.wd-download {
    position: relative;
    margin-top: 0.1rem;
}

.wd-download.checked .icon-check {
    background-color: #66cccc;
}

.wd-download.checked .bd-wandou {
    display: block;
}

.wd-download.checked .bd-default {
    display: none;
}

.wd-download .hd {
    line-height: 0.82rem;
    display: inline-block;
}

.wd-download .bd {
    margin: 0 -0.15rem;
}

.wd-download .bd-wandou {
    display: none;
}

.wd-download .name {
    font-size: 0.32rem;
    color: #666;
}

.wd-download .btn {
    position: absolute;
    top: 0.05rem;
    right: 0;
    width: 2rem;
    height: 0.62rem;
    line-height: 0.4rem;
    padding: 0.12rem 0;
    font-size: 0.3rem;
    text-align: center;
}

.wd-download .btn.disabled {
    background-color: #ccc;
    border-color: #ccc;
}

.wd-download .icon-check {
    display: inline-block;
    vertical-align: -0.06rem;
    width: 0.34rem;
    height: 0.34rem;
    background: #c6c6c6 url(../image/right.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    margin-right: 0.13rem;
}

.wd-download .icon-tip {
    display: inline-block;
    vertical-align: -0.02rem;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../image/warn.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.15rem;
}

.wd-download .icon-down {
    vertical-align: -0.06rem;
}

.wd-download .txt {
    padding: 0.06rem 0.1rem 0.06rem 0.2rem;
    margin: 0.1rem 0 -0.1rem;
    font-size: 0.28rem;
    color: #817d7c;
    text-align: left;
}

.wd-download .txt a {
    color: #66cccc;
}

/***
	@Author:ray;
	@create date:2022-02-14;
***/

.news-block {
    overflow: hidden;
    background-color: #fff;
}

.news-head li {
    height: 0.78rem;
    line-height: 0.78rem;
    text-align: center;
    background-color: #fff;
    color: #999;
    border: solid 1px #ddd;
}

.news-head li+li {
    margin-left: -1px;
}

.news-head .on {
    background-color: #e6faf7;
    border-color: #0ab89d;
    position: relative;
    z-index: 1;
}

.news-list {
    background-color: #fff;
    padding: 0 0.3rem;
}

.news-list li {
    padding: 0.3rem 0;
    border-bottom: 1px solid #ddd;
}

.news-list a {
    display: block;
}

.news-list .item-hd {
    overflow: hidden;
}

.news-list .pic {
    width: 2.64rem;
    height: 1.76rem;
    border-radius: 0.1rem;
    float: left;
    margin-right: 0.2rem;
}

.news-list .tit {
    font-size: 0.32rem;
    font-weight: bold;
    color: #333;
    height: 0.52rem;
    line-height: 0.52rem;
    overflow: hidden;
}

.news-list .txt {
    height: 0.96rem;
    line-height: 0.48rem;
    color: #666;
    text-align: justify;
    margin-top: 0.18rem;
    overflow: hidden;
}

.news-list .item-ft {
    font-size: 0.24rem;
    overflow: hidden;
    margin-top: 0.2rem;
}

.news-list .attr {
    float: left;
    margin-right: 0.2rem;
    color: #999;
}

.news-list .val {
    color: #666;
}

.news-list .more {
    float: right;
    color: #0ab89d;
}

.news-list2 li {
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0.2rem 0;
}

.news-list2 a {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
    max-width: 5.6rem;
}

.news-list2 a::before {
    content: '';
    width: 0.12rem;
    height: 0.12rem;
    display: inline-block;
    vertical-align: 0.02rem;
    margin-right: 0.16rem;
    background-color: #ddd;
    border-radius: 50%;
}

.news-list2 .date {
    float: right;
    font-size: 0.24rem;
    color: #999;
}

.news-detail {
    padding: 0.3rem;
    background-color: #fff;
    margin-bottom: 0.2rem;
}

.news-detail-head {
    padding: 0.2rem 0 0.32rem;
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.28rem;
}

.news-detail-head .title {
    font-size: 0.36rem;
    font-weight: bold;
    color: #333;
}

.news-detail-head .attrs {
    font-size: 0;
    margin-top: 0.28rem;
}

.news-detail-head .attrs li {
    display: inline-block;
    vertical-align: top;
    font-size: 0.24rem;
    color: #999;
}

.news-detail-head .attrs li+li {
    margin-left: 0.6rem;
}

.news-detail-head .attrs .val {
    color: #666;
}

.news-detail-body {
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #666;
    text-align: justify;
}

.news-detail-body img {
    max-width: 100%;
    margin: 0.12rem 0;
}

.block-tab {
    font-size: 0;
    height: 0.72rem;
    line-height: 0.72rem;
    overflow: hidden;
    margin-bottom: 0.3rem;
}

.block-tab li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 0.32rem;
    background-color: #f8f8f8;
    color: #999;
    cursor: pointer;
    position: relative;
    border-radius: 0.08rem 0 0 0;
}

.block-tab li+li {
    border-radius: 0 0.08rem 0 0;
}

.block-tab li+li:after {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    border-top: 0.72rem solid #f8f8f8;
    border-left: 0.4rem solid transparent;
}

.block-tab .on {
    background-color: #0ab89d;
    color: #fff;
}

.block-tab .on:after {
    border-top: 0.72rem solid #0ab89d;
}

.course-box .block-title {
    border-bottom: 0;
    margin-bottom: 0.1rem;
}

.course-box .block-title .title:after {
    content: none;
}

/*** @Author:ray; @create date:2018-09-05;
***/

.not-found {
    width: 100%;
    text-align: center;
    padding: 1rem 0;
}

.not-found .pic {
    width: 4.8rem;
}

.not-found-404 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -2.42rem;
}

.not-found-404 .pic {
    width: 5.18rem;
    height: 3.28rem;
    display: inline-block;
    vertical-align: top;
}

.not-found-404 .txt {
    font-size: 0.24rem;
    color: #7c7b7b;
    margin-top: 0.2rem;
}

.not-found-404 .num {
    color: #0ab89d;
}

.not-found-404 .btn {
    border: 0;
    vertical-align: top;
    width: 4rem;
    padding: 0.2rem 0;
    background: #0ab89d;
    color: #FFF;
    font-size: 0.34rem;
    border-radius: 0.44rem;
    margin-top: 0.7rem;
}

.search-null {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -3.2rem;
    text-align: center;
}

.search-null .pic {
    width: 6.6rem;
    height: 3.06rem;
    vertical-align: top;
    margin-bottom: 0.2rem;
}

.search-null .txt {
    font-size: 0.28rem;
    color: #999;
    margin-bottom: 0.76rem;
}

.search-null .btn {
    display: inline-block;
    width: 3.6rem;
    padding: 0.24rem 0;
    background: #0ab89d;
    color: #FFF;
    font-size: 0.32rem;
    border: 0;
    border-radius: 0.08rem;
}

.block-chain {
    margin: 0.2rem 0;
}

.block-chain2 {
    margin-top: 0.2rem;
}

.block-chain2 .chain-box {
    background-color: #fffcf9;
    border: solid 1px #ffd9a8;
    box-shadow: none;
}

.chain-box {
    padding: 0.3rem;
    background-color: #f5f5f5;
    box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0.06rem;
    overflow: hidden;
}

.chain-box .chain-img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 0.2rem;
    float: left;
    margin: 0 0.2rem 0 0 !important;
}

.chain-box .chain-tit {
    height: 0.46rem;
    line-height: 0.46rem;
    font-size: 0.38rem;
    color: #333;
    overflow: hidden;
}

.chain-box .chain-txt {
    height: 0.72rem;
    line-height: 0.36rem;
    font-size: 0.26rem;
    color: #666;
    margin-top: 0.12rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.chain-box .chain-btn {
    width: 100%;
    margin-top: 0.3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.chain-box .chain-btn a {
    display: inline-block;
    vertical-align: top;
    width: 3.05rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.28rem;
    color: #fff;
    background-color: #4077ed;
    border-radius: 0.06rem;
    text-decoration: none;
}

.chain-box .chain-btn a+a {
    background-color: #0ab89d;
    margin-left: 0.2rem;
}

.chain-tip {
    padding: 0.16rem 0.24rem;
    line-height: 0.4rem;
    font-size: 0.22rem;
    color: #666;
    background: #f5f5f5;
    margin-top: 0.3rem;
}

.chain-tip b {
    color: #333;
    font-weight: normal;
}