.sBanner{background:#102f8a url('/email/images/email/mobile_banner.png') left top no-repeat;background-size: cover;}
.sBanner .inner{margin:0 auto;height:210px;text-align:center}
.sBanner h2{color:#fff;font-size:24px;padding-top:40px;padding-bottom:10px;}
.sBanner .d{color:#fff;font-size:14px;}

.sBanner .ul{display: flex;flex-flow: nowrap;justify-content: space-between;padding-top: 35px;margin: 0 auto;width: 85%;}
.sBanner .ul .li{color: #fff;font-size: 14px;}
.sBanner .ul .li img{width: 40px;height: 40px;}
.sBanner .ul .li h4{padding-top: 10px;}

.content_menu {width: 100%;overflow: hidden;}
.content_menu .content_title,.content_list .content_title,.content_list_one .content_title{font-size: 20px;text-align: center;padding: 20px 0;}
.content_menu #diyform .selectPkg{margin-bottom: 0;}
.content_menu #diyform .mainOrder{border: 0;}
.content_menu #diyform .mainOrder .pkgContent{background: #fff;overflow: hidden;padding: 20px 10px;font-size: 14px;color: #000;margin: 0 10px;}
.content_menu #diyform table,tr,td{border: 0;}
.content_menu #diyform .con_item{overflow: hidden;}
.content_menu #diyform .con_item{margin-bottom: 20px;}
.content_menu #diyform .con_item:last-child{margin-bottom: 0;}
.content_menu #diyform .con_item .itemLeft{float: left;min-width: 100px;line-height: 35px;text-align: left;padding-left: 10px;}
.content_menu #diyform .con_item .itemRight{float: left;padding-left: 0;overflow: hidden;width: calc(100% - 120px);}
.content_menu #diyform .con_item .itemRight input{padding: 10px 5px;float: left;  width: calc(100% - 84px);}
.content_menu #diyform .con_item .itemRight input.pkgInput{text-align: left;width: calc(100% - 22px);}
.content_menu #diyform .con_item .itemRight .numbtn{height: 35px;line-height: 35px;border: 1px solid #c2c2c2;display: inline-block;width: 35px;color: #9899;background: #ececec;float: left;text-align: center;}
.content_menu #diyform .con_item .itemRight .numbtn.reduce{border-right: 0;}
.content_menu #diyform .con_item .itemRight .numbtn.add{border-left: 0;}
.content_menu #diyform .con_item .itemRight .font-grey{    color: #999;font-size: 12px;padding-left: 10px;line-height: 35px;}
.content_menu #diyform .con_item .itemRight .price_box{color: #333;font-size: 12px;}
.content_menu #diyform .con_item .itemRight .price_box .price{color: red;font-size: 22px;font-family: 'Georgia';}
.content_menu #diyform .con_item .itemRight.rightButton{width: 100%;margin: 0 10px;}
.content_menu #diyform .con_item .itemRight.rightButton .packButton{background: #c00;color: #fff;width: calc(100% - 20px);border: none;
    height: 40px;}
.content_menu #diyform .con_item .itemRight.rightButton .packButton:hover{background: #f00;}
.content_menu #diyform .con_item .itemRight.marginTop span a{color: #0486eb;}
.content_menu #diyform .con_item .itemRight.marginTop span a:hover{color: #f00;}
.content_div{width: calc(100% - 20px);margin: 0 auto;}
.content_list{position: relative;}
.content_list .swiper-button-next,.content_list  .swiper-button-prev{display: block !important;}
.content_list .swiper-button-prev{background-image: url(/images/newpc/email_mobile_prev.png);width: 40px;height: 40px;top: 60%;background-size: 100%;}
.content_list  .swiper-button-next{background-image: url(/images/newpc/email_mobile_next.png);width: 40px;height: 40px;top: 60%;background-size: 100%;}
.content_list .content_ul{margin: 0 auto;}
.content_list .content_ul li{display: block;background: #fff;padding: 20px 0;text-align: center;}
.content_list .content_ul li img{width: 40px;}
.content_list .content_ul li .title{padding-top: 10px;font-size: 16px;}
.content_list li:hover{ box-shadow: 0px 0 10px #cccccc;}
.content_list.example .content_ul li img{width: 100px;}
.content_list.example .content_ul li .title{padding-top: 10px;font-size: 12px;}

.content_list{position: relative;}
.content_list_one .content_ul{margin: 0 auto;width: calc(100% - 20px);overflow: hidden;}
.content_list_one .content_ul li{display: block;background: #fff;padding: 20px 0;text-align: center;width: calc((100% - 20px)/3);float: left;margin-right: 10px;margin-bottom: 10px;}
.content_list_one .content_ul li:nth-of-type(3n){margin-right: 0;}
.content_list_one .content_ul li img{width: 40px;}
.content_list_one .content_ul li .title{padding-top: 10px;font-size: 16px;}

.tab_menu ul{padding: 0;overflow: hidden;width: 240px;margin: 0 auto;}
.tab_menu ul li.active{color: red;border-color: red;}
.tab_menu ul li{width: 80px;float: left;font-size: 18px;margin: 0 20px;padding-bottom: 15px;border-bottom: 2px solid transparent;cursor: pointer;}

.content_list .table_list .table_list_item .item{background: #fff;height: 35px;line-height: 35px;padding: 0 20px;border-bottom: 1px solid #e9e9e9;}
.content_list .table_list .table_list_item .item .right{float: right;background: url("/email/images/email/right_icon.png") no-repeat;width: 22px;height: 15px;margin-top: 10px;}
.content_list .table_list .table_list_item .item .left{float: left;}
.content_list .table_list .table_list_item .item .icon_bottom{margin: 0 auto;text-align: center;}
.content_list .table_list .table_list_item .item .icon_bottom img{width: 25px;margin-top: 10px;}
.content_list .table_list .table_list_item .item .icon_bottom img.rotate{transform: rotate(180deg);}
.content_list .table_list .table_list_item .item .icon_bottom2{margin: 0 auto;text-align: center;}
.content_list .table_list .table_list_item .item .icon_bottom2 img{width: 25px;margin-top: 10px;}
.content_list .table_list .table_list_item .item .icon_bottom2 img.rotate{transform: rotate(180deg);}
.content_list .table_list{margin-top: 20px;}
@media screen and (max-width: 360px){
    .itemLeft {
        width: 33%;
    }
    .content_menu #diyform table{
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 320px){
    .content_list.example .content_ul li .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .content_menu #diyform .con_item .itemRight .font-grey{display: none;}
    .content_menu #diyform .con_item .itemRight .agreePro span{height: auto;line-height: normal;margin-top: 10px;}
    .content_menu #diyform .con_item .itemRight.selectRight{width: 148px;}
}
@media screen and (max-width: 767px){
    #rating1, #rating2, .scaleNum {
        display: none;
    }
}

@media screen and (max-width: 767px) and (min-width: 414px){
    .itemRight {
         width: 100%;
    }
}


/*order��ʽ*/
.content_menu .content_title_left{font-size: 20px;text-align: left;padding: 20px;}
.content_menu .checkbox{border: 0;margin-right: 0;vertical-align: super;}

.content_menu #diyform .bottom_price{border-top: 1px solid #c2c2c2;background: #fff;position: fixed;bottom: 56px;width: 100% ;overflow: hidden;padding: 10px 0;}
.content_menu #diyform .bottom_price .price_left{float: left;margin-left: 10px;color: #666;line-height: 40px;}
.content_menu #diyform .bottom_price .price_left .price_box {display: inline-block;}
.content_menu #diyform .bottom_price .price_left .price_box .price{font-size: 22px;font-family:'Georgia'; }
.content_menu #diyform .bottom_price .price_right{float: right;margin-right: 10px;}
.content_menu #diyform .bottom_price .price_right .packButton{min-width: 120px;height: 40px;background: #c00;color: #fff;
    line-height: 40px;}
.content_menu #diyform .bottom_price .price_right .packButton:hover{background: #f00;}

.content_menu #diyform .itemRight a{cursor: pointer;color: #ddd;}
@media screen and (max-width: 767px) {
    .content_menu #diyform .con_item .itemRight input {
        padding: 0 5px;
        height: 35px;
        border: 1px solid #c2c2c2;
        text-align: center;
    }
    .content_menu #diyform .con_item .itemRight.overInput{
        padding: 0;
        float: left;
        width: calc(100% - 110px)!important;
    }
    .content_menu #diyform .con_item .itemRight input[type="checkbox"] {display: none;}
    .content_menu #diyform .con_item .itemRight.marginTop{line-height: inherit;margin-top: 8px;}
    .content_menu #diyform .con_item  .agreen_a{float: left;padding-left: 3px;}
    #checkbox{ width: 15px; height: 15px; border: 1px solid #ccc; border-radius: 2px; position: relative; display: inline-block;vertical-align: sub;float: left;}
    #checkbox span{ font-size: 16px; color: #c00; position: absolute; left: 0; bottom: 0; display: none; width: auto; height: auto; line-height: 1;}
    .content_menu #diyform .con_item .itemRight.selectRight{
        height: 37px;
        line-height: 37px;
        width: calc(100% - 120px) !important;
        /*width: 148px;*/
        background: #fff;
        border: 1px solid #c2c2c2;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url("/email/images/email/select_bottom.png") no-repeat;
        background-size: 12px;
        background-position: 95% 50%;
        padding-left: 10px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 360px) and (min-width: 359px){
    .content_menu #diyform .con_item .itemRight.selectRight{
        margin-right: 0;
    }
    .content_menu #diyform .con_item .itemRight.overInput{
        width: 200px !important;
    }
    .content_menu #diyform .con_item .itemRight input.pkgInput{
        width: calc(100% - 12px);
    }
}