﻿*
{
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
    font-family: Arial, Microsoft YaHei, "微软雅黑";
}

a
{
    text-decoration: none;
    cursor: pointer;
}

a:hover
{
    color: #ff9900;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

input[type="button"]
{
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

img
{
    border: none;
}

body
{
    font-family: Arial, Microsoft YaHei, "微软雅黑";
}

ul, ul li
{
    list-style: none;
}

input[type="button"]
{
    cursor: pointer;
}

input[type="checkbox"]
{
    -webkit-appearance: none;
    background: url(../images/checkbox.png) no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
    border-radius: 0;
}

input[type="checkbox"]:checked
{
    background: url(../images/ischeck.png) no-repeat;
    background-size: 100%;
}

.container
{
    margin: 0 auto;
    width: 1200px;
}

.nav ul li
{
    float: left;
    position: relative; /*z-index: 3;*/
}

.wrapper
{
    overflow: hidden;
    width: 100%;
    min-width: 1240px;
    background: #f6f6f6 url(/News/images/index-bg.png) repeat-x;
}

i, cite, em, var, address, dfn
{
    font-style: normal;
}

/*-------头部-------*/
.header, .footer
{
    width: 100%;
    background-color: #fff;
}

.header
{
    height: 100px;
    box-shadow: 0px 1px 1px #eee; /*overflow: hidden;*/
}

.header .logo, .header .nav
{
    float: left;
    padding-top: 36px;
}

.header .search
{
    float: right;
}

.header .logo
{
    padding-top: 10px;
    width: 240px;
}

.header .nav .main-nav li a
{
    padding: 0 20px;
    color: #979797;
    font-size: 14px;
}

.header .nav .main-nav li.select a, .header .nav .main-nav li a:hover
{
    color: #ff9900;
}

.header .nav .main-nav li ul
{
    display: none;
    position: absolute;
    z-index: 10;
    width: 137px;
    left: -21px; /*top: 24px;*/
    overflow: hidden;
    background: url(../images/navlibg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding: 2px 3px;
    padding-top: 9px;
    padding-bottom: 3px;
    box-sizing: border-box;
    border-radius: 10px;
}

/*.header .nav .main-nav li ul
{
    background: url(../images/navlibg2.png) no-repeat;
    background-size: 100% 100%;
    }*/

.header .nav .main-nav li:hover ul
{
    display: block;
}

.header .nav .main-nav li ul li
{
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    font-size: 12px;
}

.header .nav .main-nav li.select ul li a, .header .nav .main-nav li ul li a
{
    width: 100%;
    display: block;
    height: 35px;
    line-height: 37px;
    overflow: hidden;
    padding: 0;
    color: #666;
    font-size: 12px;
}

.header .nav .main-nav li.select ul li a:hover, .header .nav .main-nav li ul li a:hover
{
    color: #fff;
    background-color: #ff9900;
}

.header .nav .main-nav li ul li:first-child a:hover
{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.header .nav .main-nav li ul li:last-child a:hover
{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.header .headright
{
    position: relative;
    float: right;
    padding-top: 20px;
}

.header .headright .report
{
    display: none;
    text-align: right;
    font-family: Microsoft YaHei, "微软雅黑";
    font-size: 14px;
    color: #ff9900;
}

.header .search
{
    position: relative;
    float: right;
    padding-top: 10px;
}

.header .search .text-search
{
    float: right;
    padding-left: 6px;
    width: 172px;
    height: 28px;
    outline: none;
    border: 1px solid #eee;
    border-radius: 4px;
}

.header .search .btn-search
{
    position: absolute;
    top: 17px;
    right: 5px;
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
    background: url(/News/images/icon-search.png) no-repeat;
    -webkit-appearance: none;
}

.header .search .btn-search:hover
{
    background: url(/News/images/icon-search.png) no-repeat;
}

.sub-nav
{
    width: 100%;
    height: 72px;
}

.sub-nav .sub-nav-list
{
    float: left;
    padding-top: 30px;
    color: #777;
    font-size: 14px;
}

.sub-nav .sub-nav-list ul
{
    list-style: none;
}

.sub-nav .sub-nav-list ul li
{
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    background: url(/News/images/icon-list-bg.png) no-repeat top 7px right 0;
    position: inherit;
}

.sub-nav .sub-nav-list ul li:last-child
{
    background: none;
}

.sub-nav .sub-nav-list ul li a
{
    color: #777;
}

.sub-nav .sub-nav-list ul li.this a, .sub-nav .sub-nav-list ul li a:hover
{
    color: #282828;
}

.sub-nav .user-info
{
    padding-top: 30px;
    float: right;
}

.sub-nav .user-info .nav-info
{
    float: right;
}

.sub-nav .user-info .nav-info li
{
    margin-top: 2px;
    padding: 0px 18px;
    border-left: 1px solid #d2d2d2;
    line-height: 12px;
}

.sub-nav .user-info .nav-info li.li-first
{
    border: none;
}

.sub-nav .user-info .nav-info li.li-first a
{
    padding-left: 18px;
}

.sub-nav .user-info .nav-info li a
{
    color: #777;
    font-size: 14px;
    padding-left: 20px;
}

.sub-nav .user-info .nav-info li a:hover
{
    color: #ff9900;
}

.sub-nav .user-info .nav-info li a.user
{
    background: url(../images/user.png) no-repeat left 0px top 1px;
}

.sub-nav .user-info .nav-info li a.user:hover
{
    background: url(../images/hover-user.png) no-repeat left 0px top 1px;
}

.sub-nav .user-info .nav-info li a.user i
{
    float: right;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background: url(../images/vip.png) no-repeat;
    position: relative;
    top: -1px;
}

.sub-nav .user-info .nav-info li a.reg
{
    background: url(../images/reg.png) no-repeat left 0px top 1px;
}

.sub-nav .user-info .nav-info li a.reg:hover
{
    background: url(../images/hover-reg.png) no-repeat left 0px top 1px;
}

.sub-nav .user-info .nav-info li a.exit
{
    background: url(../images/exit.png) no-repeat left 0px top 1px;
}

.sub-nav .user-info .nav-info li a.exit:hover
{
    background: url(../images/hover-exit.png) no-repeat left 0px top 1px;
}

.sub-nav .user-info .nav-info li a.message
{
    background: url(../images/message.png) no-repeat left 0px top 2px;
}

.sub-nav .user-info .nav-info li a.message:hover
{
    background: url(../images/hover-message.png) no-repeat left 0px top 2px;
}

.sub-nav .user-info .nav-info li a.message i
{
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ff9900;
    border-radius: 50%;
    position: relative;
    top: -8px;
    right: -1px;
}

.sub-nav .user-info .shop-cart
{
    float: right;
    padding: 0 20px;
}

.sub-nav .user-info .shop-cart span img
{
    width: 16px;
    height: 14px;
}

.sub-nav .user-info .shop-cart span.shop-text
{
    background: url(../images/icon-cart.png) no-repeat left top;
    background-size: 17px 14px;
    position: relative;
    top: -1px;
    padding: 0 5px;
    color: #777;
    font-size: 14px;
    padding-left: 23px;
}

.sub-nav .user-info .shop-cart:hover span.shop-text
{
    background: url(../images/hover-icon-cart.png) no-repeat left top;
    background-size: 17px 14px;
    color: #ff9900;
}

.sub-nav .user-info .shop-cart:hover span.shop-text:hover
{
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sub-nav .user-info .shop-cart span.shop-num
{
    position: relative;
    top: -3px;
    display: inline-block;
    width: 21px;
    height: 20px;
    border: 1px solid #909090;
    border-radius: 50%;
    background-color: #acacac;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
}

.sub-nav .user-info .shop-cart span.shop-num strong
{
    color: #fff;
    font-size: 12px;
}

.sub-nav .user-info .shop-cart span.have
{
    border: 1px solid #ff9900;
    background-color: #ff9900;
}

.sub-nav .user-info .shop-cart span.have strong
{
    color: #fff;
    font-size: 12px;
}

/*-------底部-------*/
.footer
{
    height: 268px;
    box-shadow: 0px -1px 1px #f2f2f2;
}

.footer .siteinfo
{
    padding: 40px 0 30px 0; /* height: 100px; */
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}

.footer .siteinfo .nav
{
    float: left;
}

.footer .siteinfo .nav .footer-nav li
{
    width: 158px;
}

.footer .siteinfo .nav .footer-nav > li h3
{
    padding-bottom: 14px;
    color: #646464;
    font-size: 13px;
    text-align: left;
}

.footer .siteinfo .nav .footer-nav > li li
{
    padding: 4px 0;
    color: #969696;
    font-size: 12px;
}

.footer .siteinfo .nav .footer-nav > li li a
{
    color: #969696;
}

.footer .siteinfo .nav .footer-nav > li li a:hover
{
    color: #ff9900;
}

.footer .siteinfo .service
{
    float: right;
}

.footer .siteinfo .service .serviceinfo
{
    float: left;
    margin-top: 5px;
    margin-right: 42px;
}

.footer .siteinfo .service .serviceinfo ul li
{
    text-align: right;
}

.footer .siteinfo .service .serviceinfo ul li.tel a
{
    color: #ff9900;
    text-align: right;
    font-size: 28px;
    cursor: text;
}

.footer .siteinfo .service .serviceinfo ul li.tel img
{
    width: auto;
    height: 24px;
    position: relative;
    top: 1px;
    right: 6px;
}

.footer .siteinfo .service .serviceinfo ul li.time
{
    margin-top: 7px;
    color: #acacac;
    text-align: right;
    font-size: 12px;
    position: relative;
    right: -5px;
}

.footer .siteinfo .service .serviceinfo ul li.online a
{
    float: right;
    margin-top: 12px;
    padding: 0 0 0 28px;
    width: 130px;
    height: 32px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: -webkit-linear-gradient(#fcfcfc,#f5f5f5);
    background: linear-gradient(#fcfcfc,#f5f5f5);
    color: #ff9900;
    text-align: left;
    font-size: 12px;
    line-height: 32px;
    cursor: pointer;
}

.footer .siteinfo .service .serviceinfo ul li.online a:hover
{
    background: #fff;
}

.footer .siteinfo .service .serviceinfo ul li.online a span img
{
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.footer .siteinfo .service .qr
{
    float: right;
}

.footer .siteinfo .service .qr .qr-img img
{
    width: 86px;
    height: 86px;
}

.footer .siteinfo .service .qr ul li.info
{
    /*margin-top: 3px;*/
    color: #acacac;
    font-size: 12px;
    text-align: center;
}

.footer .copyright
{
    padding: 15px 0px 0px 3px;
}

.footer .copyright h4
{
    float: left; /*margin-right: 15px;*/
    margin-right: 11px;
    color: #999999;
    font-weight: normal;
    font-size: 12px;
}

.footer .copyright ul
{
    float: left;
}

.footer .copyright ul li
{
    float: left;
    margin-top: 3px; /*padding: 0px 15px;*/
    padding: 0px 11px;
    border-left: 1px solid #e6e6e6;
    color: #999999;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
}

.footer .copyright ul li a
{
    color: #999999;
}

.footer .copyright h6
{
    clear: both;
    padding-top: 8px;
    font-weight: normal;
}

.footer .copyright h6 a
{
    float: left;
    margin-right: 31px;
    color: #999;
    font-size: 12px;
}

.footer .copyright ul li a:hover, .footer .copyright h6 a:hover
{
    color: #ff9900;
}

.footer .copyright h6 a.bglogin
{
    margin-top: 4px;
    display: inline-block;
    width: 52px;
    height: 11px;
    background: url(../images/bg-login2.jpg) no-repeat;
    display:none;
}

.footer .copyright h6 a.bglogin:hover
{
    opacity: .8;
}

.footer .copyright h6 span
{
    float: left;
    color: #c6c6c6;
}


/*--------首页/主体---------*/
.main .menu, .main .hot-goods, .main .select-goods
{
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 8px;
    background-color: #fff;
}

.main .menu .left-menu
{
    float: left;
    width: 232px;
}

.main .menu .left-menu ul
{
    margin-top: 21px;
    margin-bottom: 21px;
    list-style: none;
}

.main .menu .left-menu ul li
{
    display: inline-block;
    width: 102%;
    height: 43px;
}

.main .menu .left-menu ul li:hover
{
    background-color: #ff9900;
}

.main .menu .left-menu ul li a
{
    display: inline-block;
    box-sizing: border-box;
    padding: 12px 0px 11px 30px;
    width: 100%;
    height: 42px;
    background: url(/News/images/icon-more.png) no-repeat top 17px right 30px;
    color: #707473;
    font-size: 14px;
}

.main .menu .left-menu ul li a:hover
{
    background: url(/News/images/icon-more-hover.png) no-repeat top 17px right 30px;
    color: #fff;
}

.main .menu .menu-info
{
    border-top: 1px solid #eee;
}

.main .menu .con-menu
{
    overflow: hidden;
    box-sizing: border-box;
    width: 966px;
}

.main .menu .con-menu .video-box
{
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 322px;
    height: 236px;
    border-left: 1px solid rgba(255,255,255,.35);
    border-top: 1px solid rgba(255,255,255,.35);
}

.main .menu .con-menu .video-box:nth-child(1), .main .menu .con-menu .video-box:nth-child(2), .main .menu .con-menu .video-box:nth-child(3)
{
    border-top: none;
}

.main .menu .con-menu .video-box a, .main .menu .con-menu .video-box .bg
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.main .menu .con-menu .video-box a
{
    z-index: 1;
    background: url(/News/images/icon-play.png) 50% 60% no-repeat;
}

.main .menu .con-menu .video-box .bg
{
    z-index: 2;
    background: #000;
    opacity: .1;
}

.main .menu .con-menu .video-box .bg:hover
{
    /*background: #fff;*/
    opacity: 0;
    cursor: pointer;
}

.main .menu .con-menu .video-box .video-title
{
    position: absolute;
    top: 78px;
    z-index: 1;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.main .title-card
{
    position: relative;
}

.main .title-card h5
{
    margin-top: 27px;
    margin-bottom: 12px;
    margin-left: 15px;
    color: #777;
    font-weight: normal;
    font-size: 22px;
}

.main .title-card .more
{
    position: absolute;
    top: 5px;
    right: 0;
}

.main .title-card .more a
{
    display: inline-block;
    width: 42px;
    background: url(/News/images/icon-more2.png) no-repeat top 7px right 0;
    color: #f90;
    font-size: 14px;
    margin-right: 20px;
}

.main .title-card .more a:hover
{
    opacity: .8;
}

.main .hot-goods, .main .select-goods
{
    width: 100%;
}

.main .hot-goods ul li.box, .main .select-goods ul li.box
{
    position: relative;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    width: 33.333%;
    height: 400px;
    border-right: 1px solid #f2f2f2;
    text-align: center;
}

.main .hot-goods ul li.box
{
    height: 470px;
    border-right: 1px solid #f2f2f2;
}

.main .hot-goods ul li.box:last-child
{
    border-right: none;
}

.main .hot-goods ul li.box h6
{
    margin-top: 50px;
    color: #707473;
    font-weight: normal;
    font-size: 16px;
}

.main .select-goods ul li.box h6
{
    margin-top: 30px;
    color: #707473;
    font-weight: normal;
    font-size: 16px;
}

/*.main .hot-goods ul li.box a
{
    display: inline-block;
    margin-top: 12px;
    width: 85px;
    height: 26px;
    border: 1px solid #ff8d00;
    border-radius: 13px;
    background-color: #ffe6c2;
    color: #ff9900;
    font-size: 12px;
    line-height: 27px;
}

.main .hot-goods ul li.box a:hover
{
    background-color: #ff8d00;
    color: #fff;
}*/

.main .hot-goods ul li.box p.goods-info, .main .select-goods ul li.box p.goods-info
{
    margin-top: 15px;
    color: #a9a8a8;
    font-weight: normal;
    font-size: 12px;
}
.main .hot-goods ul li.box p.goods-info
{
    position:relative;
    bottom:7px;
    }
.main .hot-goods ul li.box .goods-img img, .main .select-goods ul li.box .goods-img img
{
    display: block;
    margin: 10px auto;
    width: 227px;
    height: auto;
    margin-top: 45px;
    margin-bottom: 25px;
}

.main .hot-goods ul li.box .btn-opeartion, .main .select-goods ul li.box .btn-opeartion
{
    width: 215px;
    position: absolute;
    left: 15%;
    text-align: center;
    z-index: 7;
}

.main .hot-goods ul li.box .btn-opeartion
{
    left: 24%;
    bottom: 82px;
}

.main .hot-goods ul li.box .btn-opeartion .btn-addshop, .main .select-goods ul li.box .btn-opeartion .btn-addshop, .main .hot-goods ul li.box .btn-opeartion .btn-collection, .main .select-goods ul li.box .btn-opeartion .btn-collection, .video-tutorial .recommend .select-goods ul li.box input, .main .select-goods ul li.box .btn-opeartion .btn-noshop
{
    display: none;
    box-sizing: border-box;
    padding: 6px 10px;
    width: 90px;
    border: 1px solid #ff9900;
    border-radius: 6px;
    font-size: 13px;
    font-family: Arial, Microsoft YaHei;
    -webkit-appearance: none;
    background-color: #ff9900;
    color: #fff;
    cursor: pointer;
}

.main .select-goods ul li.box .btn-opeartion .btn-addshop, .main .select-goods ul li.box .btn-opeartion .btn-collection, .main .select-goods ul li.box .btn-opeartion .btn-noshop
{
    margin-top: 10px;
}

.main .hot-goods ul li.box .btn-opeartion .btn-collection, .main .select-goods ul li.box .btn-opeartion .btn-collection, .video-tutorial .recommend .select-goods ul li.box .btn-collection
{
    margin-left: 8px;
    border: 1px solid #eee;
    background-color: #fafafa;
    background-image: -webkit-linear-gradient(#fff,#fafafa);
    background-image: linear-gradient(#fff,#fafafa);
    color: #666;
}

.main .hot-goods ul li.box .btn-opeartion .btn-addshop:hover, .main .select-goods ul li.box .btn-opeartion .btn-addshop:hover, .main .hot-goods ul li.box .btn-opeartion .btn-collection:hover, .main .select-goods ul li.box .btn-opeartion .btn-collection:hover
{
    opacity: .8;
}

.main .hot-goods ul li.box:hover .btn-opeartion .btn-addshop, .main .select-goods ul li.box:hover .btn-opeartion .btn-addshop, .main .hot-goods ul li.box:hover .btn-opeartion .btn-collection, .main .select-goods ul li.box:hover .btn-opeartion .btn-collection, .video-tutorial .recommend .select-goods ul li.box:hover input
{
    display: inline-block;
}

/*即将推出按钮*/
.main .select-goods ul li.box:hover .btn-opeartion .btn-noshop
{
    margin-top: 10px;
    display: inline-block;
    color: #fff;
    background-color: #cecece;
    border: 1px solid #cecece;
    box-sizing: border-box;
    padding: 6px 10px;
    width: 90px;
    border-radius: 6px;
    font-size: 13px;
    font-family: Arial, Microsoft YaHei;
    -webkit-appearance: none;
    cursor: pointer;
}

.main .select-goods ul li.box
{
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 25%;
}

.main .select-goods ul li.border-top
{
    border-bottom: 1px solid #f2f2f2;
}

.main .select-goods ul li.box h6
{
    font-size: 15px;
}

.main .select-goods ul li.box h6
{
    margin-top: 12px;
    font-size: 15px;
}

.main .select-goods ul li.box p.goods-info
{
    margin-top: 7px;
}

.main .hot-goods ul li.box p.price, .main .select-goods ul li.box p.price
{
    /* margin-top: 18px; */
    text-align: center;
    line-height: 3rem; /* vertical-align: baseline; */
    font-size: 18px;
    font-family: Arial;
}

.main .hot-goods ul li.box p.price
{
    margin-top: 0px;
    line-height: 1rem;
}

.main .hot-goods ul li.box:hover .btn-opeartion .price, .main .select-goods ul li.box:hover .btn-opeartion .price
{
    display: none;
}

.main .hot-goods ul li.box p.price i, .main .select-goods ul li.box p.price i
{
    color: #ff9900;
    font-size: 12px;
}

.main .hot-goods ul li.box p.price span, .main .select-goods ul li.box p.price span
{
    color: #ff9900;
    font-size: 16px;
}

.main .select-goods ul li.box-first
{
    width: 50%;
    border-bottom: 1px solid #eee;
    background: url(../images/box-first2.png) no-repeat;
}

.main .select-goods ul li.box-first h6
{
    margin-top: 35px;
    padding-left: 40px;
    text-align: left;
    font-size: 24px;
    font-family: Microsoft YaHei, "微软雅黑";
    color: #646464;
}

.main .select-goods ul li.box-first p.goods-info
{
    margin-top: 15px;
    padding-left: 40px;
    text-align: left;
    font-size: 14px;
    color: #a9a9a9;
}

.main .select-goods ul li.box-first p.price
{
    margin-top: 25px;
    padding-left: 40px; /*float: left;*/
    width: 35%;
    color: #ff9900;
    text-align: left;
    font-size: 20px;
    line-height: normal;
}

.main .select-goods ul li.box-first .goods-img
{
    position: absolute;
    right: 42px;
    bottom: 25px;
    z-index: 0;
    width: 55%;
    height: auto;
}

.main .select-goods ul li.box-first .goods-img img
{
    float: right;
    margin: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.main .select-goods ul li.box-first p.price span
{
    font-weight: normal;
}

.main .select-goods
{
    margin-bottom: 60px;
}

.main .hot-goods ul li.box a, .main .select-goods ul li.box a
{
    position: absolute;
    top: 0;
    left: 0; /*z-index: 10;*/
    width: 100%;
    height: 100%;
}

.main .hot-goods ul li.box:hover, .main .select-goods ul li.box:hover
{
    box-shadow: 0 0 38px rgba(0,0,0,.08) inset;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}

.main .select-goods ul li.box-first img
{
    width: 100%;
    height: 100%;
}

/*参考难易度*/
.main .hot-goods ul li.box .star
{
    color: #cecece;
    font-size: 14px;
    position: relative;
    top: 55px;
}

.main .select-goods ul li.box .star
{
    color: #cecece;
    font-size: 14px;
    position: relative;
    top: 50px;
}

.main .select-goods ul li.box-first .star
{
    color: #cecece;
    font-size: 14px;
    position: relative;
    top: 10px;
    left: 40px;
    float: left;
}

.main .hot-goods ul li.box .star span, .main .select-goods ul li.box .star span
{
    font-size: 12px;
    position: relative;
    top: -5px;
}

.main div.select-goods ul li.box-first .star span
{
    color: #999;
    font-family: Arial, Microsoft YaHei, "微软雅黑";
}

.main .hot-goods ul li.box .star .this-star, .main .select-goods ul li.box .star .this-star
{
    display: inline-block;
    overflow: hidden;
    width: 92px;
    height: 20px;
    padding-top: 9px;
}

.main .hot-goods ul li.box .star .this-star span, .main .select-goods ul li.box .star .this-star span
{
    width: 15px;
    font-size: 15px;
}

.main .hot-goods ul li.box .star .this-star span.yes-star, .main .hot-goods ul li.box .star .this-star span.no-star, .main .select-goods ul li.box .star .this-star span.yes-star, .main .select-goods ul li.box .star .this-star span.no-star
{
    display: inline-block;
    overflow: hidden;
    width: 13px;
    height: 13px;
    background: url(../images/is-star.png) no-repeat;
    background-size: auto 12px;
    margin-left: 3px;
}

.main .hot-goods ul li.box .star .this-star span.no-star, .main .select-goods ul li.box .star .this-star span.no-star
{
    background: url(../images/no-star.png) no-repeat;
    background-size: auto 12px;
}


/*----------弹出框样式----------*/
.mask, .headmask, .getcashmask
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(51,51,51,.5);
}

.pop, .getcashpop
{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 11;
    display: none;
    margin-top: -300px;
    margin-left: -220px;
    width: 480px;
    border-radius: 8px;
    background-color: #fff;
}

.pop .title, .getcashpop .title
{
    position: relative;
    width: 100%;
    height: 70px;
    border: none;
    border-bottom: 1px solid #eee;
    color: #666;
    text-align: center;
    font-size: 18px;
    line-height: 70px;
}

.pop .title .close, .getcashpop .title .close
{
    position: absolute;
    top: 25px;
    right: 25px;
    width: 14px;
    height: 14px;
    background: url(/News/images/close-icon.png) no-repeat;
    background-size: 14px;
    cursor: pointer;
}

.pop .title .close, .getcashpop .title .close:hover
{
    opacity: .8;
}

.pop .con, .getcashpop .con
{
    box-sizing: border-box;
    padding: 40px;
    width: 100%;
}

.pop .con input[type="text"], .pop .con select, .getcashpop .con input[type="text"], .getcashpop .con select
{
    box-sizing: border-box;
    margin-bottom: 15px;
    padding-left: 15px;
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    border-radius: 8px;
    color: #666;
    font-size: 16px;
    line-height: 16px;
    font-family: Arial, Microsoft YaHei;
    -webkit-appearance: none;
}

.pop .con input.nochange[type="text"], .getcashpop .con input.nochange[type="text"]
{
    border: 1px solid #eee;
    background-color: #f8f8f8;
}

.pop .con select, .getcashpop .con select
{
    background: url(/News/images/select-icon.png) no-repeat top 20px right 12px;
}

.pop .con .info input[type="checkbox"], .getcashpop .con .info input[type="checkbox"]
{
    position: relative;
    top: 3px;
    margin-right: 8px;
}

.pop .con .info span, .getcashpop .con .info span
{
    color: #747474;
    font-size: 12px;
}

.pop .con .btn_ok, .getcashpop .con .btn_ok
{
    margin-top: 25px;
    width: 100%;
    height: 50px;
    border-color: inherit;
    border-style: none;
    border-width: medium;
    border-radius: 8px;
    background: #ff9900; /*CSS线性渐变*/
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #ffa51f),color-stop(1, #ff9900)); /*IE*/
    color: #fff;
    font-size: 18px;
    font-family: Arial, Microsoft YaHei;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa51f', endColorstr='#ff9900')";
}

.pop .con .btn_ok:hover, .getcashpop .con .btn_ok:hover
{
    opacity: .8;
}

/*------------提示框------------*/
.prompt-pop, .headprompt-pop
{
    position: fixed;
    top: 50%;
    left: 43%;
    z-index: 11;
    display: none;
    margin-top: -200px;
    margin-left: -150px;
    width: 436px;
    height: 280px;
    border-radius: 8px;
    background-color: #fff;
}

.prompt-pop .title, .headprompt-pop .title
{
    position: relative;
    width: 100%;
    height: 60px;
    border: none;
    border-bottom: 1px solid #eee;
    color: #666;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
}

.prompt-pop .title .close, .headprompt-pop .title .close
{
    position: absolute;
    top: 23px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(/News/images/close-icon.png) no-repeat;
    background-size: 14px;
    cursor: pointer;
}

.prompt-pop .con, .headprompt-pop .con
{
    box-sizing: border-box;
    padding-top: 60px;
    width: 100%;
    height: 160px;
    border-bottom: 1px solid #eee;
    color: #666;
    text-align: center;
    font-size: 16px;
}

.prompt-pop .btn, .headprompt-pop .btn
{
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height: 60px;
    color: #666;
    font-size: 16px;
}

.prompt-pop .btn input, .headprompt-pop .btn input
{
    width: 100px;
    height: 40px;
    border: 1px solid #eee;
    border-radius: 8px;
    background-color: #fff;
    color: #666;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Microsoft YaHei;
}

.prompt-pop .btn .cancel, .headprompt-pop .btn .cancel
{
    color: #666;
    float: right;
    background-color: #fafafa;
    background-image: -webkit-linear-gradient(#fff,#fafafa);
    background-image: linear-gradient(#fff,#eee);
}

.prompt-pop .btn .cancel:hover, .headprompt-pop .btn .cancel:hover
{
    opacity: .8;
}

.prompt-pop .btn .confirm, .headprompt-pop .btn .confirm
{
    color: #fff;
    float: left;
    background-color: #ff9900;
    background-image: -webkit-linear-gradient(#ff9900,#ff9900);
    background-image: linear-gradient(#ff9900,#ff9900);
    border: 1px solid #ff9900;
}

.prompt-pop .btn .confirm:hover, .headprompt-pop .btn .confirm:hover
{
    opacity: .8;
}

/*------------列表页的标题------------*/
.sub .container
{
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 60px;
    background-color: #fff;
}

.subheader
{
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #eee;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.subheader ul
{
    list-style: none; /*margin-left: 30px;*/
}

.subheader ul li
{
    float: left; /*padding: 20px 0;*/
    box-sizing: border-box;
}

.subheader ul li a
{
    display: inline-block;
    font-size: 16px;
    color: #666;
    padding: 20px 30px; /*border-right: 1px solid #e6e6e7;*/
}

.subheader ul li:hover, .subheader ul li.this
{
    cursor: pointer;
    border-bottom: 1px solid #ff9900;
}

.subheader ul li.last a, .subheader ul li:last-child a
{
    border-right: none;
    box-sizing: border-box;
}

.subheader ul li:hover a, .subheader ul li.this a
{
    color: #ff9900;
}

/*.subheader ul li:first-child a
{
    padding-left: 0;
}*/


.subcontent
{
    width: 100%;
    min-height: 400px;
}



/*------------会员中心（左侧栏）-------------*/
.member-menu
{
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 20px;
    width: 220px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
}

.member-menu .userheader
{
    box-sizing: border-box;
    padding: 15px;
}

.member-menu .userheader ul
{
    list-style: none;
}

.member-menu .userheader img
{
    width: 185px;
    height: 185px;
}

.member-menu ul li
{
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    border-top: 1px solid #eee;
    line-height: 50px;
}

.member-menu ul li a, .menu ul li a:visited
{
    display: block;
    box-sizing: border-box;
    padding-left: 32px;
    width: 100%;
    background: #fff url(/News/images/icon-more.png) no-repeat top 20px right 25px;
    color: #707473;
    font-size: 14px;
}

.member-menu ul li a:hover, .member-menu ul li a.this
{
    background: #ff9900 url(/News/images/icon-more-hover.png) no-repeat top 20px right 25px;
    color: #fff;
}

.member-menu ul li a i
{
    /*display: inline-block;     background-color: #f90;     color: #fff;     width: 19px;     height: 18px;     border-radius: 50%;     margin-top: 16px;     margin-left: 10px;     line-height: 20px;     text-align: center;     font-size: 12px;*/
}

.member-menu ul li a i span
{
    display: inline-block;
    background-color: #f90;
    color: #fff;
    width: auto;
    height: 18px;
    border-radius: 9px;
    margin-top: 16px;
    margin-left: 10px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    padding: 0 6px;
}

.member-menu ul li a:hover i span, .member-menu ul li a.this i span
{
    background-color: #fff;
    color: #f90;
}

/*会员页面--内容*/
.member .member-content
{
    overflow: hidden;
    margin-bottom: 60px;
}

.member .member-content .shopping
{
    margin-bottom: 0px;
}

.nodatetext
{
    width: 100%;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #fff;
    color: #999;
    font-size: 14px;
}

/*------加入购物车------*/
.add-cart-pop
{
    margin-top: -150px;
    margin-left: -155px;
    width: 350px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    color: #666;
    -webkit-box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);
    -moz-box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);
    box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);
    z-index: 100;
    border: 1px solid #eee;
}

.add-cart-pop p
{
    margin-top: 20px;
    font-size: 20px;
}

.add-cart-pop p.text
{
    color: #999;
    font-size: 12px;
}

.textcontent
{
    padding: 50px 60px;
    color: #888;
    line-height: 2rem;
    font-size: 14px;
    font-family: Arial, Microsoft YaHei, "微软雅黑";
}

.textcontent h1, .textcontent h2, .textcontent h3, .textcontent h4, .textcontent h5
{
    font-weight: normal;
    padding: 0 60px;
}

.textcontent .coon h1, .textcontent .coon h2, .textcontent .coon h3, .textcontent .coon h4, .textcontent .coon h5
{
    font-weight: normal;
    padding: 0;
    padding-bottom: 10px;
}

.textcontent p
{
    /*margin-left: 5px;*/
    display: block;
    padding: 0px 50px;
}

.textcontent .coon p
{
    padding: 0;
}

.textcontent strong
{
    font-size: 16px;
    font-family: Arial, Microsoft YaHei, "微软雅黑";
}

.textcontent a, .textcontent a:visited
{
    color: #ff9900;
}

.textcontent a:hover
{
    opacity: .8;
    color: #ff9900;
}


/*提现提示*/
.getcash
{
    margin-top: -200px;
    margin-left: -400px;
}

.getcash p
{
    font-family: Microsoft YaHei, "微软雅黑";
    font-size: 20px;
    color: #666;
    text-align: center;
}

.getcash .con
{
    padding-top: 55px;
}

.getcash .con input.btn_ok
{
    width: 180px;
    margin: 0 auto;
    margin-top: 50px;
}

/*----------------多张图片上传--------------*/
#test img
{
    float: left;
    padding: 20px 15px;
    padding-top: 18px;
    margin-right: 10px;
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}

#fileList
{
    overflow: hidden;
}

#fileList div
{
    overflow: hidden;
    float: left;
    margin-right: 10px;
    position: relative;
    margin-bottom: 10px;
}

#fileList div img
{
    border-radius: 4px;
    border: 1px solid #eee;
}

.fileList
{
    overflow: hidden;
}

.AddMore img
{
    float: left;
    padding: 25px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.fileList div
{
    overflow: hidden;
    float: left;
    margin-right: 10px;
    position: relative;
    margin-bottom: 10px;
}

.close
{
    position: absolute;
    right: -1px;
    top: 0px;
    background: url(/News/images/closex.jpg) no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    border: none;
    border-radius: 0px;
}

/*暂无数据*/
.nothing
{
    padding: 100px 50px;
    background: #fff;
    text-align: center;
    border: 1px solid #eee;
    border-top: 0;
}

.nothing img
{
    width: 216px;
}



.sendimg img
{
    position: relative;
    top: 7px;
    margin-left: 5px;
}
