/*



*/

/* {word-break:break-all;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";}*/

body {

    margin: 0;

    font-size: 14px;

    color: #333333;

    -webkit-user-select: none;

    font-family: "微软雅黑","宋体";

    font-weight: normal;

    /*background: rgb(247, 248, 250);*/

}



ul li {

    list-style-type: none;

}



ol li {

    list-style-type: decimal;

}



ul,form {

    margin: 0px;

    padding: 0px;

}



form {

    margin: 0px;

}



td {

    font-size: 14px;

}



img {

    border: none;

}



a:link,a:visited,a:active,a:hover {

    color: #333333;

    text-decoration: none;

}



a.b:link,a.b:visited,a.b:active,a.b:hover {

    text-decoration: none;

    color: #007AFF;

}



a,button,input {

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -webkit-tap-highlight-color: transparent;

}



input,textarea,select {

    outline: none;

}



.f_red {

    color: red;

}



.f_blue {

    color: blue;

}



.f_green {

    color: green;

}



.f_orange {

    color: #FF6600;

}



.f_gray {

    color: #666666;

}



.f_price {

    color: #FF0000;

}



.f_r {

    float: right;

}



.t_c {

    text-align: center;

}



.t_r {

    text-align: right;

}



.c_b {

    clear: both;

}



.cont90 {

    width: 90%;

    margin: 0 auto;

}



/*.f_b {font-weight:bold;}*/

.lh20 {

    line-height: 200%;

}



.px14 {

    font-size: 14px;

}



.px12 {

    font-size: 12px;

}



.px11 {

    font-size: 11px;

}



.px10 {

    font-size: 10px;

}



.dsn {

    display: none;

}



.img-circle {

    border-radius: 50%;

}



.blank-10 {

    height: 10px;

    clear: both;

}



.blank-16 {

    height: 36px;

    clear: both;

}



.blank-20 {

    height: 10px;

    clear: both;

    background: rgb(247, 248, 250);

}



.blank-32 {

    height: 32px;

    clear: both;

}



.blank-35 {

    height: 36px;

    clear: both;

}



.main {

    background: #FFFFFF;

    clear: both;

}



.bd-t {

    border-top: #D9D9D9 1px solid;

}



.bd-r {

    border-right: #D9D9D9 1px solid;

}



.bd-b {

    border-bottom: #D9D9D9 1px solid;

}



.bd-l {

    border-left: #D9D9D9 1px solid;

}



.noBor {

    border: none

}



.btn,.btn-red,.btn-green,.btn-blue,.btn-orange {

    color: #FFFFFF;

    font-size: 18px;

    width: 90%;

    display: block;

    margin: 0 auto;

    line-height: 44px;

    border: none;

    border-radius: 4px;

    text-align: center;

    -webkit-appearance: none;

}



.btn {

    background: #FFFFFF;

    border: #E4E4E4 1px solid;

    color: #000000;

}



.btn:hover {

    background: #DEDEDE;

    border: #CDCDCD 1px solid;

}



.btn-green {

    background: #00a67c;

}



.btn-green:hover {

    background: #008E6A;

}



.btn-blue {

    background: #007AFF;

}



.btn-blue:hover {

    background: #0569D5;

}



.btn-orange {

    background: #FF8800;

}



.btn-orange:hover {

    background: #FF6600;

}



.btn-red {

    background: #E64340;

}



.btn-red:hover {

    background: #CE3C39;

}



.input-checkbox {

    width: 24px;

    height: 24px;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-checkbox.png') no-repeat;

    background-size: 24px 24px;

}



.input-checkbox-checked {

    width: 24px;

    height: 24px;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-checkbox-checked.png') no-repeat;

    background-size: 24px 24px;

}



.head-bar-fix {

    height: 48px;

    clear: both;

}



.head-bar {

    width: 100%;

    height: 48px;

    line-height: 48px;

    overflow: hidden;

    background: #00a67c;

    /*border-bottom:#B2B2B2 1px solid;*/

    position: fixed;

    z-index: 9;

    left: 0;

    top: 0;

}



.head-bar img {

    width: 24px;

    /*height:24px;*/

    vertical-align: top;

    padding-top: 12px;

}



.head-bar span {

    color: #fff;

    font-size: 18px;

}



.head-bar-title {

    position: absolute;

    z-index: 9;

    left: 80px;

    right: 80px;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

    word-wrap: normal;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    color: #fff;

}



.head-bar-left {

    float: left;

    padding: 0 0 0 10px;

}



.head-bar-back {

    float: left;

    padding: 0 0 0 5px;

}



.head-bar-right {

    float: right;

    padding: 0 10px 0 0;

}



.foot-bar-fix {

    height: 48px;

    clear: both;

}



.foot-bar {

    width: 100%;

    height: 48px;

    overflow: hidden;

    background: #F8F8F8;

    border-top: #B2B2B2 1px solid;

    position: fixed;

    z-index: 9;

    left: 0;

    bottom: 0;

}



.foot-bar li {

    width: 25%;

    height: 48px;

    float: left;

    text-align: center;

    font-size: 11px;

}



.foot-bar span {

    display: block;

    padding-top: 32px;

}



.foot-bar em {

    font-style: normal;

    font-size: 10px;

    position: relative;

    z-index: 10;

    display: block;

    width: 5px;

    height: 5px;

    left: 50%;

    margin: -38px 0 0 8px;

    background: #FF0000;

    border: 1px solid #F43531;

    border-radius: 5px;

}



.foot-bar .icon-home {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-home.png') no-repeat center 5px;

    background-size: 24px 24px;

}



.foot-bar .icon-home-on {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-home-on.png') no-repeat center 5px;

    background-size: 24px 24px;

}



.foot-bar .icon-channel {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-channel.png') no-repeat center 5px;

    background-size: 24px 24px;

}



.foot-bar .icon-channel-on {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-channel-on.png') no-repeat center 5px;

    background-size: 24px 24px;

}



.foot-bar .icon-my {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-my.png') no-repeat center 5px;

    background-size: 24px 24px;

}



.foot-bar .icon-my-on {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-my-on.png') no-repeat center 5px;

    background-size: 24px 24px;

}



.foot-bar .icon-more {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-more.png') no-repeat center 5px;

    background-size: 24px 24px;

}



.foot-bar .icon-more-on {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-more-on.png') no-repeat center 5px;

    background-size: 24px 24px;

}



.foot-bar .icon-home span,.foot-bar .icon-channel span,.foot-bar .icon-my span,.foot-bar .icon-more span {

    color: #7A7E83;

}



.foot-bar .icon-home-on span,.foot-bar .icon-channel-on span,.foot-bar .icon-my-on span,.foot-bar .icon-more-on span {

    color: #007AFF;

}



.foot-comment {

    text-align: right;

    margin: 10px 10px 0 0;

    line-height: 28px;

    font-size: 16px;

}



.foot-comment div {

    position: absolute;

    z-index: 10;

    left: 10px;

    right: 60px;

    text-align: center;

    background: #FFFFFF;

    color: #999999;

    font-size: 14px;

}



.my-cart {

    width: 46px;

    height: 46px;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/home-cart.png') no-repeat center center;

    background-size: 46px 46px;

    opacity: 0.9;

    position: fixed;

    z-index: 10;

    right: 10px;

    bottom: 60px;

}



.my-cart em {

    display: block;

    height: 16px;

    line-height: 16px;

    padding: 0 6px 0 6px;

    float: right;

    font-size: 12px;

    color: #FFFFFF;

    font-style: normal;

    background: #FF0000;

    border-radius: 50%;

}



.user-info {

    height: 84px;

    border-bottom: #D9D9D9 1px solid;

    border-top: #D9D9D9 1px solid;

    background: #FFFFFF url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/list-set.png') no-repeat right center;

    background-size: 23px 13px;

}



.user-info img {

    float: left;

    border-radius: 50%;

    margin: 10px 16px 0 16px;

}



.user-info div {

    float: left;

    line-height: 26px;

    margin: 16px 0 0 0;

}



.user-info strong {

    font-size: 18px;

    font-weight: normal;

}



.list-set {

    background: #FFFFFF;

    font-size: 1.6rem;

}



/*.list-set div {margin-left:15px;height:50px;line-height:50px;padding:0 35px 0 0;overflow:hidden;background:url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/list-set.png') no-repeat right center;background-size:23px 13px;}*/

.list-set a {

    display: block;

    width: 100%;

    height: 44px;

    line-height: 44px;

}



.list-set em {

    display: block;

    height: 16px;

    line-height: 16px;

    padding: 0 6px 0 6px;

    float: right;

    font-size: 12px;

    color: #FFFFFF;

    font-style: normal;

    background: #FF0000;

    border-radius: 10px;

    margin-top: 14px;

}



.list-set span {

    float: right;

    font-size: 14px;

    color: #333333;

    padding-left: 10px;

}



.list-set li:first-child div {

    border: none;

}



.list-set input,.list-set select {

    border: #EEEEEE 1px solid;

    border-radius: 0;

    -webkit-appearance: none;

    padding: 4px;

    font-size: 14px;

}



.list-set-img div {

    margin-left: 10px;

}



.list-set-img img {

    width: 24px;

    height: 24px;

    float: left;

    z-index: 9;

    margin-top: 12px;

}



.rlas,.list-txt {

    border-top: #D9D9D9 1px solid;

    font-size: 16px;

    clear: both;

}



.rlas li ,.list-txt li {

    height: 44px;

    line-height: 44px;

    padding: 0 30px 0 15px;

    overflow: hidden;

    border-bottom: #D9D9D9 1px solid;

    background: #FFFFFF url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/list-set.png') no-repeat right center;

    background-size: 23px 13px;

    font-weight: normal;

}



.rlas a,.list-txt a {

    display: block;

    width: 100%;

    height: 44px;

}



.rlas span,.list-txt span {

    float: right;

    font-size: 11px;

    color: #6D6D72;

    padding-left: 10px;

}



.rlas h2 {

    font-size: 16px;

    padding: 0 5px;

    float: left;

}



.list-img {

    height: 80px;

    background: #FFFFFF;

    overflow: hidden;

    clear: both;

    border-bottom: #D9D9D9 1px solid;

    padding: 0 10px;

}



.list-img img {

    float: left;

    margin: 10px 10px 10px 0;

}



.list-img ul {

    margin: 10px 0 0 0;

}



.list-img li {

    height: 20px;

    line-height: 20px;

    overflow: hidden;

}



.list-img strong {

    font-size: 16px;

    display: block;

    width: 100%;

    font-weight: normal;

}



.list-img strong span {

    font-size: 16px;

}



.list-img em {

    font-size: 12px;

    color: #666666;

    font-style: normal;

}



.list-img i {

    font-size: 12px;

    color: #F23030;

    font-style: normal;

    float: right;

}



.list-img span {

    font-size: 12px;

    color: #666666;

}



.list-img .price {

    font-size: 12px;

    color: #FF0000;

}



.list-img .vip {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-vip.png') no-repeat 0 center;

    background-size: 14px 14px;

    padding-left: 15px;

}



.list-img .check {

    float: right;

    width: 32px;

    height: 30px;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-check.png') no-repeat center center;

    background-size: 20px 20px;

}



.list-img .checked {

    float: right;

    width: 32px;

    height: 30px;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-checked.png') no-repeat center center;

    background-size: 20px 20px;

}



.list-img .sheet {

    float: right;

    width: 32px;

    height: 30px;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-sheet.png') no-repeat center center;

    background-size: 20px 20px;

}



.t10 {

    padding-top: 10px;

}



.list-user {

    height: 32px;

    overflow: hidden;

    padding: 0 16px;

    margin-top: 10px;

}



.list-user img {

    float: left;

}



.list-user ul {

    position: absolute;

    left: 58px;

    right: 16px;

}



.list-user li {

    line-height: 16px;

    color: #999999;

}



.list-user span {

    float: right;

    font-size: 12px;

}



.list-user em {

    font-size: 11px;

    font-style: normal;

}



/*登陆*/

.list-inp,.list-inp2 {

    background: #FFFFFF;

    width: 80%;

    margin: 1rem auto 0.5em;

}



.list-inp2 {

    margin: 1rem auto 1.5em;

}



.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="number"],.list-inp input[type="tel"],.list-inp input[type="email"] {

    background: url('https://m.in-en.com/images/login-zh.png') no-repeat left center;

    width: 100%;

    height: 60px;

    line-height: 60px;

    border: none;

    padding-left: 20px;

    font-size: 16px;

    border-bottom: 1px #f2f2f2 solid;

    background-size: 20px;

}



.list-inp2 input[type="text"],.list-inp2 input[type="password"],.list-inp2 input[type="number"],.list-inp2 input[type="tel"],.list-inp2 input[type="email"] {

    background: url('https://m.in-en.com/images/login-mm.png') no-repeat left center;

    width: 100%;

    height: 60px;

    line-height: 60px;

    border: none;

    padding-left: 20px;

    font-size: 16px;

    border-bottom: 1px #f2f2f2 solid;

    background-size: 20px;

}



.login-wjmm,.login-ljzc {

    color: #a4a3a3;

    font-size: 14px;

    text-align: center;

    font-size: 14px;

    padding-top: 2%;

}



.login-wjmm a {

    color: #a4a3a3;

}



.login-ljzc {

    padding-top: 25%;

}



.login-ljzc a {

    color: #03a67b;

}



.list-pay {

    background: #FFFFFF;

    border-top: #D9D9D9 1px solid;

    border-bottom: #D9D9D9 1px solid;

    font-size: 18px;

}



.list-pay li {

    background: #FFFFFF;

}



.list-pay div {

    margin-left: 50px;

    height: 44px;

    line-height: 44px;

    overflow: hidden;

    border-top: #D9D9D9 1px solid;

}



.list-pay em {

    display: block;

    height: 16px;

    line-height: 16px;

    padding: 0 6px;

    float: right;

    font-size: 12px;

    margin-top: 7px;

}



.list-pay span {

    float: right;

    font-size: 12px;

    color: #666666;

}



.list-pay li:first-child div {

    border: none;

}



.list-pay img {

    width: 24px;

    height: 24px;

    position: absolute;

    z-index: 9;

    margin: 10px 0 0 -36px;

    border-radius: 4px;

}



.list-pay .check {

    width: 32px;

    height: 30px;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-check.png') no-repeat center center;

    background-size: 24px 24px;

}



.list-pay .checked {

    width: 32px;

    height: 30px;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-checked.png') no-repeat center center;

    background-size: 24px 24px;

}



.list-tab {

    padding: 16px;

    background: #FFFFFF;

}



.list-tab ul {

    border: #007AFF 1px solid;

    border-radius: 4px;

    height: 24px;

    line-height: 24px;

    font-size: 12px;

    text-align: center;

    display: -moz-box;

    display: -webkit-box;

    display: box;

}



.list-tab li {

    color: #007AFF;

    -moz-box-flex: 1;

    -webkit-box-flex: 1;

    box-flex: 1;

}



.list-tab li:first-child {

    border-right: #007AFF 1px solid;

}



.list-tab li:last-child {

    border-left: #007AFF 1px solid;

}



.list-tab span {

    color: #007AFF;

    display: block;

    width: 100%;

    height: 100%;

}



.list-tab .on {

    background: #007AFF;

    color: #FFFFFF;

}



.list-tab .on span {

    color: #FFFFFF;

}



.list-menu {

    background: #FFFFFF url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/bg-menu.png') repeat-x 0 bottom;

    height: 44px;

    overflow-x: auto;

    font-size: 16px;

}



.list-menu ul {

    width: 10000px;

    padding: 0 10px;

}



.list-menu li {

    height: 42px;

    line-height: 42px;

    padding: 0 10px;

    border-bottom: #EFEFF4 2px solid;

    float: left;

}



.list-menu .on {

    border-bottom: #007AFF 2px solid;

    color: #007AFF;

}



.letter {

    height: auto;

}



.letter ul {

    margin: 0 auto;

}



.list-empty {

    padding: 40px 20px;

    line-height: 200%;

    background: #FFFFFF;

    text-align: center;

}



.order-t {

    height: 44px;

    line-height: 44px;

    padding: 0 32px 0 16px;

    overflow: hidden;

    background: #FFFFFF url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/list-set.png') no-repeat right center;

    background-size: 23px 13px;

}



.order-t em {

    font-size: 12px;

    font-style: normal;

    float: right;

}



.order-p {

    height: 44px;

    line-height: 44px;

    padding: 0 16px;

    overflow: hidden;

    background: #FFFFFF;

}



.order-p input[type="text"] {

    width: 50%;

    border: #B2B2B2 1px solid;

    padding: 4px 6px;

    border-radius: 0;

    font-size: 14px;

    -webkit-appearance: none;

}



.order-b {

    height: 50px;

    padding: 0 16px;

    overflow: hidden;

    text-align: right;

}



.order-b a {

    display: inline-block;

    width: 72px;

    height: 24px;

    line-height: 24px;

    background: #FFFFFF;

    border: #D9D9D9 1px solid;

    border-radius: 10px;

    margin: 12px 0 0 16px;

    font-size: 12px;

    text-align: center;

}



.title {

    font-size: 20px;

    line-height: 22px;

    padding: 16px;

}



.info {

    font-size: 14px;

    padding: 0 16px 16px 16px;

    color: #666666;

    border-bottom: #D9D9D9 1px solid;

}



.info li {

    width: 100%;

    text-align: center;

    list-style-type: none;

}



.content {

    border-bottom: #D9D9D9 1px solid;

}



.content,.content p {

    font-size: 14px;

    line-height: 180%;

    padding: 10px 16px;

    font-weight: normal;

}



.content a {

    font-weight: normal;

}



.content img {

    max-width: 98%;

    height: auto;

    margin: 0 0 15px 0;

}



.content table {

    max-width: 98%;

    height: auto;

}



.content a {

    color: #007AFF;

}



.award {

    padding: 32px;

    text-align: center;

}



.award div {

    width: 80px;

    height: 44px;

    line-height: 44px;

    font-size: 20px;

    font-weight: bold;

    letter-spacing: 2px;

    margin: auto;

    background: #FFFFFF;

    color: #E94657;

    border: #E94657 2px solid;

    border-radius: 10px;

}



.award div:hover {

    background: #E94657;

    color: #FFFFFF;

}



.content-msg {

    font-size: 16px;

    line-height: 30px;

    padding: 44px 15px 44px 10px;

    text-align: center;

}



.head {

    height: 44px;

    line-height: 44px;

    font-size: 18px;

    padding: 0 16px;

}



.contact {

    padding: 10px 16px;

    font-size: 16px;

    line-height: 200%;

}



.pages {

    height: 44px;

    line-height: 44px;

    text-align: center;

    background: #F7F7F7;

    clear: both;

    font-size: 16px;

}



.pages a {

    padding-left: 10px;

}



.album {

    padding: 10px 0;

    text-align: center;

}



.album_o {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 5px;

    background: #FFFFFF;

    border: 1px solid #007AFF;

    border-radius: 10px;

}



.album_c {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 5px;

    background: #007AFF;

    border: 1px solid #007AFF;

    border-radius: 10px;

}



.share_icon {

    display: none;

}



.ui-ok {

    background: #FFFFFF url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-ok.png') no-repeat center 44px;

    background-size: 100px 100px;

    padding: 188px 16px 44px 16px;

    text-align: center;

}



.ui-ko {

    background: #FFFFFF url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/icon-ko.png') no-repeat center 44px;

    background-size: 100px 100px;

    padding: 188px 16px 44px 16px;

    text-align: center;

}



.ui-ok p,.ui-ko p {

    margin: 0;

    font-size: 20px;

    font-weight: bold;

    padding-bottom: 44px;

}



.ui-ok div,.ui-ko div {

    font-size: 16px;

    color: #999999;

    padding-bottom: 44px;

}



.ui-ok input,.ui-ko input {

    margin-bottom: 16px;

}



.ui-form {

    background: #FFFFFF;

    /*padding:0 16px;*/

    width: 90%;

    margin: 0 auto;

}



.ui-form p {

    padding: 16px 0 3px;

    margin: 0;

    font-size: 16px;

    font-weight: bold;

    clear: both;

}



.ui-form div {

    line-height: 32px;

}



.ui-form em {

    padding-left: 6px;

    font-size: 12px;

    color: #FF0000;

}



.ui-form b {

    float: right;

    font-size: 12px;

    color: #FF0000;

    font-weight: normal;

}



.ui-form label {

    display: inline;

    margin: 0 0 0 6px;

    font-size: 16px;

}



.ui-form input[type="text"],.ui-form input[type="password"],.ui-form input[type="search"],.ui-form input[type="tel"],.ui-form input[type="number"],.ui-form input[type="email"],.ui-form input[type="url"] {

    box-sizing: border-box;

    width: 100%;

    height: 44px;

    line-height: 44px;

    border: #B2B2B2 1px solid;

    padding: 0 6px;

    border-radius: 0;

    font-size: 14px;

    -webkit-appearance: none;

}



.ui-form input[type="search"] {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/ico-search.png') no-repeat 6px center;

    background-size: 16px 16px;

    padding: 0 28px;

}



.ui-form input[type="date"] {

    width: 150px;

    height: 44px;

    line-height: 44px;

    border: #B2B2B2 1px solid;

    border-radius: 0;

    padding: 0 10px;

    font-size: 14px;

    -webkit-appearance: none;

    background: none;

}



.ui-form input[type="datetime-local"] {

    width: 180px;

    height: 44px;

    line-height: 44px;

    border: #B2B2B2 1px solid;

    border-radius: 0;

    padding: 0 10px;

    font-size: 14px;

    -webkit-appearance: none;

}



.ui-form input[type="radio"] {

    border: #B2B2B2 1px solid;

}



.ui-form input[type="checkbox"] {

    border: #B2B2B2 1px solid;

}



.ui-form select {

    padding: 0 3px;

    font-size: 14px;

    height: 3em;

    line-height: 3em;

    border: #e2e2e2 1px solid;

    margin: 0 10px 10px 0;

    background: #FFFFFF url("/images/pl_down.png") no-repeat 98% center;

    width: 100%;

}



.ui-form textarea {

    box-sizing: border-box;

    width: 100%;

    height: 72px;

    line-height: 24px;

    padding: 3px;

    font-size: 14px;

    border: #B2B2B2 1px solid;

    -webkit-appearance: none;

}



.ui-form #captcha {

    width: 100px;

}



.ui-form #answer {

    width: 80%;

}



.webuploader-container {

    position: relative;

}



.webuploader-element-invisible {

    position: absolute !important;

    clip: rect(1px 1px 1px 1px);

    clip: rect(1px,1px,1px,1px);

}



.webuploader-pick {

    position: relative;

    display: inline-block;

    cursor: pointer;

    width: 80px;

    height: 80px;

}



.webuploader-pick-hover {

}



.webuploader-pick-disable {

    opacity: 0.6;

    pointer-events: none;

}



.ui-form-thumb-show {

    width: 80px;

    height: 60px;

    border: #EDEEF1 1px solid;

    margin-right: 16px;

    float: left;

    display: none;

}



.ui-form-thumb-show img {

    width: 80px;

    height: 60px;

    border: none;

}



.ui-form-thumb-upload {

    width: 80px;

    height: 60px;

    overflow: hidden;

    border: #EDEEF1 1px solid;

    float: left;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/upload-image.png') no-repeat center center;

    background-size: 40px 40px;

}



.ui-form-album-show {

    width: 80px;

    height: 80px;

    border: #EDEEF1 1px solid;

    margin-right: 16px;

    float: left;

    display: none;

}



.ui-form-album-show img {

    width: 80px;

    height: 80px;

    border: none;

}



.ui-form-album-upload {

    width: 80px;

    height: 80px;

    overflow: hidden;

    border: #EDEEF1 1px solid;

    float: left;

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/upload-image.png') no-repeat center center;

    background-size: 40px 40px;

}



.ui-form-file-upload {

    position: relative;

    width: 32px;

    height: 30px;

    overflow: hidden;

    float: right;

    background: #FFFFFF url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/upload-file.png') no-repeat center center;

    background-size: 16px 16px;

    margin: -31px 2px 0 0;

}



.ui-editor-toolbar {

    background: #F8F8F8;

    height: 36px;

    line-height: 36px;

    padding-left: 10px;

    border-top: #B2B2B2 1px solid;

}



.ui-editor-toolbar li {

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    float: left;

    color: #7F8393;

    font-size: 20px;

    cursor: pointer;

    font-family: Verdana;

}



.ui-editor-img {

    background: url('http://localhost/DESTOON-7.0-UTF8-20190122/destoon/mobile/images/editor-img.png') no-repeat center center;

    background-size: 20px 20px;

    overflow: hidden;

}



.ui-editor-bold {

}



.ui-editor-italic {

    font-style: italic;

}



.ui-editor-underline {

    text-decoration: underline;

}



.ui-editor-content {

    /*border-bottom:#B2B2B2 1px solid;*/

    background: #F5f5f5;

    height: 200px;

    padding: 10px;

    font-size: 16px;

    width: 100%;

}



.ui-editor-content img {

    max-width: 100%;

    height: auto;

}



.ui-editor-content a {

    color: #007AFF;

}



.ui-toast {

    height: 32px;

    line-height: 32px;

    overflow: hidden;

    display: inline-block;

    padding: 0 16px;

    background: #000000;

    opacity: 0.8;

    color: #FFFFFF;

    border-radius: 6px;

    position: fixed;

    z-index: 99;

    top: 76px;

    font-size: 14px;

    display: none;

}



.ui-sheet {

    opacity: 0.9;

    position: fixed;

    z-index: 99;

    left: 8px;

    right: 8px;

    bottom: 0;

    display: none;

}



.ui-sheet div {

    background: #FFFFFF;

    border-radius: 4px;

}



.ui-sheet li {

    height: 44px;

    line-height: 44px;

    overflow: hidden;

    text-align: center;

    font-size: 20px;

    color: #007AFF;

    border-top: #D9D9D9 1px solid;

}



.ui-sheet p {

    height: 44px;

    line-height: 44px;

    text-align: center;

    font-size: 20px;

    color: #007AFF;

    margin: 8px 0;

    background: #FFFFFF;

    border-radius: 4px;

    font-weight: normal;

}



.ui-sheet em {

    padding: 10px;

    line-height: 24px;

    font-size: 14px;

    color: #999999;

    font-style: normal;

    text-align: center;

    display: block;

}



.ui-sheet span {

    color: #007AFF;

    display: block;

    width: 100%;

}



.ui-mask {

    position: fixed;

    z-index: 98;

    left: 0;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #000000;

    opacity: 0.5;

    display: none;

}



.ui-icon-loading {

    background: url('lib/jquery/images/ajax-loader.gif');

    background-size: 2.875em 2.875em;

}



/*我的*/

.myTop {

    background: url("/images/top_bg.jpg") no-repeat top center;

    height: 150px;

    background-size: 100% 100%;

    padding-top: 40px;

    position: relative

}



.user_tx {

    width: 70px;

    height: 70px;

    background: #fff;

    border: 3px solid #45bdb3;

    border-radius: 50%;

    margin-left: 5%;

    margin-right: 8px;

}



.user_tx img {

    border-radius: 50%;

}



.user_name * {

    color: #fff !important;

}



.setup {

    position: absolute;

    top: 10px;

    right: 3%;

    width: 25px;

    height: 25px;

}



.myList ul {

    padding-top: 1em;

}



.myList ul li {

    padding: 0 1em;

    border-bottom: 1px solid #e8e8e8;

    height: 3em;

    line-height: 3em;

    background: url("/images/my-message.png") no-repeat 1em center;

    background-size: 22px auto;

    padding-left: 46px;

}



.myList ul li:nth-child(2) {

    background-image: url("/images/my-chat.png")

}



.myList ul li:nth-child(3) {

    background-image: url("/images/my-cart.png")

}



.myList ul li:nth-child(4) {

    background-image: url("/images/my-member.png")

}



.myList ul li:nth-child(5) {

    background-image: url("/images/my-info.png")

}



.myList ul li:nth-child(5) {

    background-image: url("/images/my-biz.png")

}



.myList ul li a {

    display: block;

    background: url("/images/arr_right.jpg") no-repeat 98% center;

    background-size: 8px auto;

}



.exit {

    background-color: #00a67c;

    width: 70%;

    height: 3em;

    line-height: 3em;

    border-radius: 5px;

    margin: 100px auto 0;

    display: block;

    color: #fff;

}



/*会员中心*/

.list-set ul li {

    overflow: hidden;

    border-bottom: 1px solid #eeeeee;

    background: url("/images/arr_right.jpg") no-repeat 96% center;

    background-size: 6px auto;

    color: #a7a7aa;

}



.list-set div {

    padding-right: 35px;

    overflow: hidden;

    font-size: 1.6rem;

}



.list-set div img {

    margin-right: 5px;

}



.list-set li span {

    float: right;

    font-size: 14px;

    color: #333333;

    padding-left: 10px;

}



.list-btn {

    margin: 2.5em auto 0;

}



.btn,.btn-red,.btn-green,.btn-blue,.btn-orange {

    color: #FFFFFF;

    font-size: 18px;

    width: 100%;

    margin: 0 auto;

    display: block;

    line-height: 44px;

    border: none;

    border-radius: 4px;

    text-align: center;

    -webkit-appearance: none;

}



.btn-green {

    background: #00a67c;

}



.forget li {

    line-height: 2.5em;

}



/*广告购买*/

.ui-form textarea {

    box-sizing: border-box;

    width: 100%;

    height: 72px;

    line-height: 24px;

    padding: 3px;

    font-size: 14px;

    border: none;

    background: #f5f5f5;

    -webkit-appearance: none;

    border-radius: 5px;

    border: none;

}



.ui-form input[type="text"], .ui-form input[type="password"], .ui-form input[type="search"], .ui-form input[type="tel"], .ui-form input[type="number"], .ui-form input[type="email"], .ui-form input[type="url"] {

    box-sizing: border-box;

    width: 100%;

    height: 44px;

    line-height: 44px;

    border: none;

    padding: 0 0;

    border-radius: 3px;

    font-size: 15px;

    -webkit-appearance: none;

    border-bottom: 1px solid #e0e0e0;

    /* color: #e0e0e0; */

}



/*右上角设置点进去账户详情*/

.setupDet ul li,.upgrade ul li {

    height: 3em;

    line-height: 3em;

    padding-left: 10px;

}



.setupDet ul li {

    background: none;

}



.setupDet ul li div {

    padding-right: 10px;

}



/*推广排名*/

#spreads .list-img {

    height: auto;

    padding: 10px;

}



#spreads .list-img ul {

    margin: 0;

}





/*样式重置*/

html {

    font-family: "微软雅黑","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    font-size: 62.5%;

}



body {

    margin: 0;

    height: 100%;

    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;

    background-color: #fff;

    color: #333;

}



article,aside,details,figcaption,figure,footer,header,main,nav,section,summary {

    display: block;

}



audio,canvas,progress,video {

    display: inline-block;

    vertical-align: baseline;

}



audio:not([controls]) {

    display: none;

    height: 0;

}



[hidden],template {

    display: none;

}



svg:not(:root) {

    overflow: hidden;

}



a {

    background: transparent;

    text-decoration: none;

    -webkit-tap-highlight-color: transparent;

}



a:active {

    outline: 0;

}



a {

    color: #333;

}



em {

    font-style: normal;

    color: #C0C0C0;

}



abbr[title] {

    border-bottom: 1px dotted;

}



b,strong {

    font-weight: bold;

}



dfn {

    font-style: italic;

}



mark {

    background: #ff0;

    color: #000;

}



img {

    border: 0;

    vertical-align: middle;

    max-width: 100%;

    height: auto;

    width: auto\9;

}



pre {

    overflow: auto/*如果溢出框，则应该提供滚动机制*/;

    white-space: pre/*空白符被保留*/;

    white-space: pre-wrap/*空白符被保留，正常进行换行*/;

    word-wrap: break-word/*在长单词或 URL 地址内部进行换行。*/;

}



code,kbd,pre,samp {

    font-family: monospace/*字体与自身不成比例*/;

    font-size: 1em;

}



button,input,optgroup,select,textarea {

    color: inherit/*从父级继承颜色*/;

    font: inherit/*从父级继承字体*/;

    margin: 0;

    border: 0;

}



button {

    overflow: visible;

    /*默认值,内容不会被修剪*/

}



button,select {

    text-transform: none;

    /*控制文本的大小写,标准文本*/

}



button,html input[type="button"],input[type="reset"],input[type="submit"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    cursor: pointer;

}



button[disabled],html input[disabled] {

    cursor: default;

    /*默认光标*/

}



button::-moz-focus-inner,input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



/*定义火狐网页按钮*/

input {

    line-height: normal;

}



input:focus,textarea:focus/*focus伪类在元素获得焦点时向元素添加特殊的样式*/

{

    outline: none;

}



input[type="checkbox"],input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}



input[type="search"] {

    -webkit-appearance: textfield;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



legend {

    border: 0;

    padding: 0;

}



textarea {

    overflow: auto;

    resize: none;

}



optgroup {

    font-weight: bold;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



td,th {

    padding: 0;

}



html,button,input,select,textarea {

    font-family: "微软雅黑","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;

}



h1,h2,h3,h4,h5,h6,p,figure,form,blockquote {

    margin: 0;

}



ul,ol,li,dl,dd {

    margin: 0;

    padding: 0;

}



ul,ol,li {

    list-style: none outside none;

}



h1,h2,h3 {

    line-height: 2;

    font-weight: normal;

}



h1 {

    font-size: 1.8rem;

}



h2 {

    font-size: 1.4rem;

}



h3 {

    font-size: 1.2rem;

}



body,html {

    max-width: 750px;

    margin: 0 auto;

}



html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,code, em,img,s,small,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,section,summary,audio,video,input {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], button {

    -webkit-appearance: none;

}



.content90 {

    width: 90%;

    margin: 2rem auto;

}



.content94 {

    width: 92%;

    margin: 0 auto;

}



.content98 {

    width: 98%;

    margin: 0 auto;

}



.padd3 {

    padding: 0 3%;

}



.padd5 {

    padding: 0 5%;

}



.last {

    margin-right: 0!important;

    border: none!important;

}



.oh {

    overflow: hidden;

}



.tl {

    text-align: left;

}



.ter {

    text-align: right;

}



.tec {

    text-align: center;

}



.pd {

    padding: 0 3%;

    display: block

}



.pdb {

    padding-bottom: 1rem;

}



.mb1 {

    margin-bottom: 1rem;

}



.mt {

    margin-top: 2em;

}



.mt1 {

    margin-top: 1rem;

}



.mb2 {

    margin-bottom: 2rem;

}



.mr2 {

    margin-right: 2rem;

}



.ovh {

    overflow: hidden;

}



.fs16 {

    font-size: 1.6rem;

}



.lh2 {

    line-height: 2em;

}



.bb1 {

    border-bottom: .1rem solid #cccccc;

}



.bb1e {

    border-bottom: .1rem solid #eeeeee;

}



.orange {

    color: #ff9000;

}



.gray {

    color: #999999;

}



.w100 {

    width: 100%;

}



select {

    outline: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

}



i,em,b {

    font-style: normal;

}



.fix {

    *zoom:1;}



.fix:after, .fix:before {

    display: block;

    content: ".";

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden;

}



/***头部定位****/

footer {

    position: fixed;

    bottom: 0;

    width: 100%;

}



/*header start*/

header {

    padding: 0 3%;

    background-color: #00a67c;

    overflow: hidden;

    height: 60px;

    line-height: 60px;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    width: 100%;

}



.logo {

    height: 60px;

    width: 32%;

    margin-right: 4%;

}



.logo a {

    display: block;

}



.logo img {

    max-width: 100%;

    max-height: 50px;

}



.searchBox {

    float: left;

    position: relative;

    width: 50%;

    height: 25px;

    margin-top: 20px;

    position: relative

}



.search {

    float: left;

    background: #fff;

    padding-left: 10px;

    border-radius: 5px;

    font-size: 1.4rem;

    width: 100%;

    height: 25px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

}



.searchBtn {

    background: url("../images/search_icon.jpg") no-repeat center;

    background-size: 15px auto;

    position: absolute;

    top: 0;

    right: 0;

    width: 50px;

    height: 25px;

}



.siteMenu {

    width: 6%;

    background: url("/images/menu_icon.png") no-repeat center;

    float: right;

    display: block;

    height: 60px;

    background-size: 100% auto;

}



nav {

    margin-top: 60px;

    background-color: #373740;

    overflow: hidden;

    padding: 0 2% .6em;

    font-size: 1.5rem;

}



nav a {

    color: #bdbdbd;

    width: auto !important;

    margin: .6em 3% 0;

    float: left;

}



.wrapper {

    position: relative;

    height: 38px;

    width: 100%;

    overflow: hidden;

    margin: 0 auto;

    box-shadow: 0 0px 7px 1px rgba(0, 0, 0, .2);

    z-index: 9;

}



.wrapper .scroller {

    position: absolute

}



.wrapper .scroller li {

    height: 38px;

    color: #333;

    float: left;

    line-height: 38px;

    font-size: 1.6rem;

    text-align: center;

}



.wrapper .scroller li a {

    color: #333;

    display: block;

    margin: 0 .5rem;

    padding: 0 .4rem

}



.wrapper .scroller li.cur a {

    color: #1cbb9b;

    height: 38px;

    border-bottom: .1rem solid #1cbb9b

}



/*底部导航*/

footer {

    width: 100%;

    background-color: #fff;

    border-top: .1rem solid #ebebeb;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 999;

}



footer ul {

    padding: .5rem 0 0.1rem;

    overflow: hidden;

}



footer li {

    float: left;

    width: 25%;

    text-align: center;

    font-size: 1.3rem;

    line-height: 2rem;

}



footer li.active a {

    color: #00a67c;

}



p[class^="img_icon"] {

    background: url("/images/home_icon.png") no-repeat center;

    width: 100%;

    height: 24px;

    background-size: 25px;

}



p.img_icon2 {

    background-image: url("/images/shangji_icon.png")

}



p.img_icon3 {

    background-image: url("/images/zhanhui_icon.png")

}



p.img_icon4 {

    background-image: url("/images/my_icon.png")

}



footer li:nth-child(1).active p:nth-child(1) {

    background-image: url("/images/icon_1.png")

}



footer li:nth-child(2).active p:nth-child(1) {

    background-image: url("/images/icon_2.png")

}



footer li:nth-child(3).active p:nth-child(1) {

    background-image: url("/images/icon_3.png")

}



footer li:nth-child(4).active p:nth-child(1) {

    background-image: url("/images/icon_4.png")

}



/*侧面滑出导航*/

.childNav {

    margin-bottom: 2em;

}



.childNav h5 {

    font-size: 1.6rem;

    border-bottom: 1px solid #ebebeb;

    line-height: 2em;

}



.childList a {

    text-align: center;

    border: 1px solid #ebebeb;

    border-radius: 20px;

    display: inline-block;

    line-height: 1.8em;

    font-size: 1.4rem;

    margin: 1rem 2% 0;

    padding: 0 5%;

}



.navigation-is-open main {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.cd-nav-trigger {

    position: fixed;

    z-index: 10000;

    right: 0;

    top: 10px;

    height: 42px;

    width: 42px;

    border-radius: 50/* image replacement */overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    -webkit-transition: -webkit-transform 0.5s;

    -moz-transition: -moz-transform 0.5s;

    transition: transform 0.5s;

}



.cd-nav-trigger .cd-nav-icon {

    position: absolute;

    left: 50%;

    top: 50%;

    bottom: auto;

    right: auto;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    width: 22px;

    height: 2px;

    background-color: #ffffff;

}



.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: inherit;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;

    -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;

    transition: transform 0.5s, width 0.5s, top 0.3s;

}



.cd-nav-trigger .cd-nav-icon::before {

    -webkit-transform-origin: right top;

    -moz-transform-origin: right top;

    -ms-transform-origin: right top;

    -o-transform-origin: right top;

    transform-origin: right top;

    -webkit-transform: translateY(-6px);

    -moz-transform: translateY(-6px);

    -ms-transform: translateY(-6px);

    -o-transform: translateY(-6px);

    transform: translateY(-6px);

}



.cd-nav-trigger .cd-nav-icon::after {

    -webkit-transform-origin: right bottom;

    -moz-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    -o-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translateY(6px);

    -moz-transform: translateY(6px);

    -ms-transform: translateY(6px);

    -o-transform: translateY(6px);

    transform: translateY(6px);

}



.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {

    top: 2px;

}



.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {

    top: -2px;

}



.cd-nav-trigger svg {

    position: absolute;

    top: 0;

    left: 0;

}



.navigation-is-open .cd-nav-trigger {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.navigation-is-open .cd-nav-icon {

    background-color: #333;

}



.navigation-is-open .cd-nav-trigger .cd-nav-icon::after, .navigation-is-open .cd-nav-trigger .cd-nav-icon::before {

    width: 50%;

    -webkit-transition: -webkit-transform 0.5s, width 0.5s;

    -moz-transition: -moz-transform 0.5s, width 0.5s;

    transition: transform 0.5s, width 0.5s;

}



.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {

    top: 0;

}



.navigation-is-open .cd-nav-trigger circle {

    stroke-dashoffset: 0;

    -webkit-transition: stroke-dashoffset 0.4s 0.3s;

    -moz-transition: stroke-dashoffset 0.4s 0.3s;

    transition: stroke-dashoffset 0.4s 0.3s;

}



.cd-nav {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: #ffffff;

    visibility: hidden;

    -webkit-transition: visibility 0s 0.7s;

    -moz-transition: visibility 0s 0.7s;

    transition: visibility 0s 0.7s;

}



.cd-nav .cd-navigation-wrapper {

    height: 100%;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    padding: 40px 20px;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-transition: -webkit-transform 0.7s;

    -moz-transition: -moz-transform 0.7s;

    transition: transform 0.7s;

    -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);

    -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);

    transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);

}



.navigation-is-open .cd-nav {

    visibility: visible;

    -webkit-transition: visibility 0s 0s;

    -moz-transition: visibility 0s 0s;

    transition: visibility 0s 0s;

}



.navigation-is-open .cd-nav .cd-navigation-wrapper {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

    -webkit-transition: -webkit-transform 0.5s;

    -moz-transition: -moz-transform 0.5s;

    transition: transform 0.5s;

    -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);

    -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);

    transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);

}



/*返回顶部*/

.top,.home,.fanhui {

    position: fixed;

    right: 1em;

    bottom: 170px;

    width: 40px;

    height: 40px;

    z-index: 999;

}



.home {

    bottom: 120px !important;

}



/*.fanhui{bottom: 170px !important;}*/

.top img {

    width: 100%;

    height: 100%;

}



/*列表页和详情页的头部*/

.goBack img {

    width: 10px;

}



.pageTitle img {

    max-height: 40px;

    margin-top: -10px;

}



.pageTitle {

    color: #fff;

    font-weight: 700;

    font-size: 1.6rem;

    height: 50px;

    margin-top: 5px;

    text-align: center;

}



.pageTitle span {

    padding-left: 5px;

}



/*栏目模块--首页和详情页会用到*/

.title {

    line-height: 1rem;

    padding-left: 0;

}



.title h3 {

    border-left: 0.4rem solid #00a67c;

    font-size: 1.6rem;

    padding-left: .5rem;

    line-height: 1.6rem;

}



.title .fr,.title .fr a {

    font-size: 1.4rem;

    color: #999;

    line-height: 1.6rem;

}



.module {

    margin-bottom: 4em;

}



@media (max-width: 321px) {

    .searchBox {

        width:53%;

    }



    .search {

        height: 22px;

        font-size: 1.4rem;

        padding-left: 5px;

    }



    .searchBtn {

        width: 30px;

    }



    nav {

        font-size: 0.4rem;

    }



    .rightIcon {

        width: 27%;

    }



    .commentIcon, .shareIcon {

        width: 47%;

    }



    .xunjia {

        width: 51%;

    }

}



.marTop60 {

    margin-top: 60px;

}





* {

    word-break: break-all;

    font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";

}



body {

    -webkit-user-select: none;

}



a,button,input {

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -webkit-tap-highlight-color: transparent;

}



.head-bar-fix {

    height: 48px;

    background: #F7F7F7;

    clear: both;

}



.head-bar {

    width: 100%;

    height: 48px;

    line-height: 48px;

    overflow: hidden;

    background: #00a67c;

    /*border-bottom:#017f5f 2px solid;*/

    position: fixed;

    z-index: 9;

    left: 0;

    top: 0;

    right: 0;

}



.head-bar img {

    width: 24px;

    height: 24px;

    vertical-align: -5px;

    padding-top: 0px;

}



.head-bar span {

    color: #FFF;

    font-size: 18px;

}



.head-bar-title {

    color: #fff;

    margin: 0 50px;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

    word-wrap: normal;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.head-bar a:alink {

    color: #FFF;

}



.head-bar a:hover {

    color: #FF00;

    text-decoration: underline;

}



.head-bar a:visited {

    color: #efefef;

}



.head-bar a:active {

    color: #efefef;

}



.head-bar-back {

    position: absolute;

    left: 0;

    top: 0;

    padding: 0 0 0 5px;

    z-index: 8;

}



.head-bar-right {

    float: right;

    padding: 0 10px 0 0;

}



#msgbox {

    width: 100%;

    height: 49px;

    line-height: 49px;

    overflow: hidden;

    position: absolute;

    z-index: 10;

    background: #000000;

    top: 0;

    left: 0;

    color: #FFFFFF;

    padding: 0 0 0 15px;

    font-size: 16px;

    font-weight: bold;

}



.main_tb {

    width: 100%;

    overflow: scroll;

}



.tl {

    width: 80px;

    padding-right: 15px;

    letter-spacing: 0px;

}



.btn_b,.btn_g,.btn_r,.btn {

    -webkit-appearance: none;

}



.warn {

    padding: 10px;

    border-bottom: #FF8822 1px solid;

    background: #FFFFDD;

    font-size: 12px;

}



.btns input {

    width: 80px;

    float: right;

    margin: 10px 10px 0 0;

    line-height: 28px;

    font-size: 14px;

}



.sch {

    padding: 16px;

}



.iuser {

    margin-top: 20px;

}



.iuser ul li {

    margin-bottom: 5px;

}



.head_img {

    border-radius: 50%;

    width: 80px;

    height: 80px;

    margin-left: 10px;

}



.iuser_money .fr {

    padding-right: 30px;

}



.icount ul {

    overflow: hidden;

    border-top: 1px solid #eee;

    margin-top: 10px;

    padding-top: 20px;

    width: 90%;

    margin: 10px auto 20px;

}



.icount ul li {

    width: 31.9%;

    float: left;

    background: #f1f1f1;

    height: 67px;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 10px;

    margin-bottom: 5px;

    margin-right: 5px;

    text-align: center;

    border-radius: 5px;

}



.icount ul li img {

    margin-right: 3px;

}



.ihead {

    border-bottom: #E8E8E8 1px solid;

    height: 30px;

    line-height: 30px;

    padding: 0 10px 0 10px;

    margin: 10px 0 0 0;

}



.ihead strong {

    font-size: 14px;

}



.ibody {

    background: #FFFFFF;

}



.inote {

    padding: 5px;

}



.inote textarea {

    border: #9CB8CC 1px dotted;

    padding: 3px;

    width: 99%;

    height: 30px;

    word-break: break-all;

    color: #444444;

}



.isys {

    padding: 5px 5px 5px 10px;

}



.isys li {

    height: 26px;

    line-height: 26px;

    overflow: hidden;

    padding: 0 5px 0 15px;

    background: url('https://www.in-en.com/member/image/message_sys.gif') no-repeat 0 5px;

}



.ibiz {

    border-top: #E8E8E8 2px solid;

    margin-bottom: 16px;

}