html, body {
    font-family: Helvetica, "microsoft yahei","寰蒋闆呴粦";
    font-size: 10px;
    background: #ffffff;
    color: #f8f8f8;
}

body {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: pointer;
}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time, button {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, figcaption {
    font-weight: normal;
    font-style: normal;
}

ul, li, dl, dt, dd {
    list-style: none
}

fieldset, iframe, img {
    border: 0;
}

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

article, aside, footer, header, hgroup, nav, section, figure, figcaption, video {
    display: block;
}

a {
    text-decoration: none;
    color: #333;
}

input, select {
    outline: none;
    border: 0;
}

input[type="text"] {
    background-position-y: -1px;
}

i, cite, em, var, address {
    font-style: normal
}

a {
    outline: none;
}

a:active {
    outline: none;
}

* {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

b, strong {
    font-weight: bold;
}

/*娓呴櫎娴姩*/
.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clearfix {
    zoom: 1
}

span#my-name-con{
	white-space: nowrap!important;
    word-break: none!important;
    text-overflow: ellipsis!important;
}


@media screen and (max-device-width: 320px) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        -webkit-text-size-adjust: none
    }
}

/*鏂囧瓧澶勭悊鏍峰紡*/
.text-nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*******澶撮儴鍒�*******/
.header{
    position: relative;
    /*display: box;
    display: -webkit-box;*/
    height:44px;
    line-height: 44px;
    /*border:1px solid red;*/
    text-align: center;
   /*-webkit-box-align: center;*/
    background-color: #F3F3F3;
    /*overflow:hidden;*/
}

.btn{
    position: relative;
    display: inline-block;
    width:54px;
    color:#4A4A4A;
    font-size: 1.2rem;
    text-align: center;
    /*border:1px solid red;*/
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowarp;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.header .logo-mobile{
position: absolute;
width: 80px;
height: 24px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -12px;
}

span.btn.fr.my-name {
    padding-right: 10px;
}
.white-bg{
    background-color: #ffffff;
}


/****杞挱鍥剧殑鏍峰紡******/
.swiper-container .swiper-slide img{
    width:100%;
}
/*****杞挱鍥剧殑鏍峰紡缁撴潫******/

.box-show .box-pic {
    margin: 0px;
    /* margin-top: -3px; */
}
.box-show .box-pic img{
    width: 100%;
}

.box-lists{
    position: relative;
    margin:5px 0px 0px 0px;
}
.box-lists .box-list{
    position: relative;
    display: -webkit-box;
    display: box;
    background-color: #F3F3F3;
    /*background-color: #A09C9C;*/
    margin-top: 1px;
}
.box-lists .box-list p{
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    height: 39px;
    line-height: 39px;
    padding-left: 15px;
    font-size: 1.6rem;
    color:#4A4A4A;
}
.box-lists .box-list .mobile-p-box{
     padding-left: 40px;
}
.box-lists .box-list .mobile-icon{
    
    background-size: contain;
    width: 15px;
    height: 17px;
    position: absolute;
    left: 15px;
    top: 10px;
}



.iphone-icon{
    background: url("/m/images/iosIcon.png") no-repeat;
}
 .android-icon{
    background: url("/m/images/androidIcon.png") no-repeat;
}
/*****搴曢儴鏍峰紡*******/
.footer{
    position: relative;
    margin:10px 0px;
    padding: 0px 15px;
}
.footer p{
    font-size: 1.2rem;
    color: #9A9A9A;
}

/******鍥哄畾鐩掑瓙甯冨眬*****/
.fixed-pic-box{
    position: relative;
}
.fixed-pic-box .fixed-icon{
    position: fixed;
    bottom: 20px;
    right: 10px;
    background-image: url(/m/images/moveTop_1.png);
    background-size: 43px 43px;
    width: 43px;
    height: 43px;
    z-index: 1;
}

/********瀛愯彍鍗曞垪琛�*********/
.menu-lists{
    position: absolute;
    left: 0px;
    top: 44px;
    width: 100%;
    z-index: 999999;
    
    background-color: #ffffff;
}
.menu-lists li{
    height: 39px;
    line-height: 39px;
    color: #4A4A4A;
    font-size: 1.2rem;
    text-align: left;
    padding: 0px 30px;
    
}
.menu-lists li a{
    display: block;
    width: 100%;

    border-bottom: 1px solid #A4A4A4;
}
.menu-lists li:last-child a{
    border-bottom: none;
}


/*******鐧诲綍娉ㄥ唽*******/

.person-info{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,.7);
    z-index: 999998;
    
}

.person-info-box{
    border-radius: 10px;
    background-color: rgba(255,255,255,1);
    z-index: 999999;

}
.person-info .info-logo{
position: relative;
 height:100px;
 text-align: center;

}
.person-info .info-logo img{
    width:140px;
    height:43px;
    margin-top: 28px;
}
.box-padding{
    padding: 15px;
}

.info-choice{
    position: relative;
    display: -webkit-box;
    display: box;
}
.info-choice .info-btn{
    display: block;
    height: 35px;
    line-height: 35px;
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    font-size: 1.4rem;
    color: #4A4A4A;
    /*border-radius: 4px 4px 0 0;*/
    text-align: center;
}
.info-choice .info-btn-bg{
    background-color: #DADADA;
}
.info-write-box{
    padding: 25px 0px 10px 0px;
}
.write-input-box{
    position: relative;
    display: -webkit-box;
    display: box;
}
.info-write-login .write-input-box{
    padding: 0px 15px 25px 15px;
}
.info-write-register .write-input-box{
    padding: 0px 15px 12.5px 15px;
}
.write-input-box input{
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    height: 39px;
    line-height: 39px;
    border:1px solid #979797;
    border-radius: 6px;
    color:#9B9BA2;
    padding-left: 15px;
    font-size: 1.2rem;
}

.write-input-box .write-input-box-span{
    display: inline-block;
    font-size: 1.2rem;
    width:126px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    margin-left:9px;
}
.write-input-box .write-input-box-span.write-input-box-span-pic{
    color: #535353;
    background-color: #ffffff;
}
.write-input-box .write-input-box-span.write-input-box-span-ma{
    background-color: #FF6600;
    color: #ffffff;
    border-radius: 6px;
}

.write-input-btn{
        display: block;
        text-align: center;
		    padding: 0px 15px 0px 15px;
}
.write-input-btn span{
    display: inline-block;
    color: #4A4A4A;
    font-size: 1.2rem;
    /*width: 180px;*/
	width:100%;
    height: 39px;
    line-height: 39px;
    /*border-radius: 10px;*/
	border-radius: 4px;
}
.write-input-box.write-input-box-spcpadding{
    padding-bottom: 0px;
}
.write-input-box-p{
    padding: 0px 30px;
    margin:5px 0px;
    font-size:1.2rem; 
    color:#9B9B9B;
}
.write-input-btn span.write-btn-bg{
    color: #ffffff;
    background-color: #FF6600;
}
.write-input-btn span.write-btn-margin{
    margin-top: 10px;
}
.write-input-box-ser{
    padding: 0px 30px 20px 30px;
    margin:5px 0px;
    font-size:1.2rem; 
    color:#9B9B9B;
}
.write-input-box-ser .write-input-box-p-con{
    position: relative;
    top:3px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.write-input-box-ser a{
    color: #FF6600;
}

.person-info .info-logo img.person-info-close{
    position: absolute;
    right: 10px;
    top: -18px;
    width:23px;
    height: 23px;
}

.red-color{
    color: #FF6600!important;
}



/*******浜岀骇鑿滃崟********/
.menu-two{
position: relative;
display: -webkit-box;
display: box;
background-color: #fff;
}

.menu-two .menu-two-item{
    display: block;
    height: 41px;
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    font-size: 1.2rem;
    color: #333333;
    line-height: 41px;
    border-radius: 4px 4px 0 0;
    margin-left: 0px;
    text-align: center;
}
.menu-two.menu-two2 {
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: -1;
}
.menu-two.menu-two-fixed {
    position: fixed;
    width: 100%;
    z-index: 999999;
    top:0px;
}
/*********鍐呭鐩掑瓙妯″瀷*********/
.box-con{
    position: relative;
    background-color: #F3F3F3;
}
.box-con .con-title{
    display: inline-block;
    font-size: 1.6rem;
    color:#333333;
    line-height:26px; 
    height:26px;
    /*border:2px solid #333333;*/
    border-left:2px solid #333333;
    border-right:2px solid #333333;
    padding:0px 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.box-con .con-title-img{
    float: right;
    position: relative;
    right:10px;
    top:7px;
    display: inline-block;
}
.box-con .con-title-img img{
    width:31px;
    height:24px;
}
.box-con .con-detail{
    color: #535353;
    font-size: 1.2rem;
    
    line-height: 18px;
}

.box-con .con-detail.nocircle{
    padding: 5px 12px;
}
.box-con .con-detail.iscircle{
    padding: 5px 12px 5px 30px;
    position: relative;
}
.box-con .con-detail.iscircle:before{
    content: url('/m/images/Ovalsmall.png');
    position: absolute;
    left:10px;
    top:5px;
}
.box-con .con-detail.iscircle2{
    padding: 0px 12px 0px 30px;
}
.box-con .con-detail.iscircle2:before{
    content: '鈽�;
    top:0px;
    color: #FC3F1B;
}


.box-con .con-detail .con-detail-throw-row,.box-con .con-detail .con-detail-two-row,.box-con .con-detail .con-detail-one-row{
position: relative;
display: -webkit-box;
display: box;
padding: 5px 0px;
}
.box-con .con-detail .con-detail-table-box{
     display: block;
    /*height: 41px;*/
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    font-size: 1.2rem;
    color: #333333;
    /*line-height: 41px;*/
    border-radius: 4px 4px 0 0;
    margin-left: 0px;
    text-align: center;
}

.box-con .con-detail .con-detail-table-box.con-detail-table-box1{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
}
.box-con .con-detail .con-detail-table-box.con-detail-table-box2{
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex:2;
}

.box-con .con-detail .con-detail-table-box.con-detail-table-box-left{
    text-align: left;
}
.con-detail-throw-row-online{
border-bottom:2px solid #DB4453;
}
.con-detail-throw-row-online1{
    border-bottom:2px solid #4A90E2;
}
.box-con .con-detail .con-detail-table-box.con-detail-table-one-box{
color: #ffffff;
height: 28px;
line-height: 28px;
border-radius: 0px;
}
.box-con .con-detail .con-detail-table-box.con-detail-table-bgred{
background-color: #DB4453;
}
.box-con .con-detail .con-detail-table-box.con-detail-table-bgblue{
background-color: #4A90E2;
}
.box-con .con-detail .con-detail-bg-box{
position: relative;
background-color: #FF6600;
height:40px;
line-height: 40px;
text-align: center;
color: #ffffff;
}
.box-con .con-detail .con-detail-bg-box-down{
    margin-bottom: 16px;
    position: relative;
}
.box-con .con-detail .con-detail-bg-box-down:after{
    content: url(/m/images/Triangle.png);
    position: absolute;
    top: 40px;
    left: 50%;
}
.box-con .con-detail .con-detail-num{
    display: inline-block;
    font-size: 2.4rem;
    position: absolute;
    left: 10px;
    top: 5px;
}

.box-con .con-detail.con-detail-num-box{
    padding: 5px 12px 5px 30px;
    position: relative;
}

.box-con .con-detail .con-detail-num.con-detail-num1{
       color: #ffe000;

}
.box-con .con-detail .con-detail-num.con-detail-num2{
    color: #fe9404;
}
.box-con .con-detail .con-detail-num.con-detail-num3{
    color: #ff872b;
}
.box-con .con-detail .con-detail-num.con-detail-num4{
    color: #ff6f01;
}
.box-con .con-detail .con-detail-num.con-detail-num5{
    color: #ff6200;
}
.box-con .con-detail .con-detail-num.con-detail-num6{
    color: #ff2600;
}
.box-con .con-detail.nocircle .picop{
    width:54px;
    height: 36px;
    display: inherit;
    margin-right: 10px;
}
.box-con .con-detail.con-detail-nocircle-pic{
    -webkit-box-align: center;
    display: box;
    display: -webkit-box;
}

.consult-mobile-fixed{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 1.2rem;
    position: fixed;
    bottom:0px;
    left:0px;
    color: #FF6600;
    background-color: rgba(255,255,255,.8);
    z-index: 100;
}
.consult-mobile-fixed span{
    margin-left: 12px;
}
.consult-mobile-fixed img{
    position: absolute;
    width:23px;
    height: 23px;
    right:10px;
    top:5px;
}

.box-show .box-pic.box-pic-margin{
    margin-bottom: 10px;
}
.red-color{
    color:#FF6600!important;
}
.pic-text{
    position: relative;
    padding:0px 15px;
}
.pic-text-box{
    padding: 10px 0px 0px 0px;
    position: relative;
    display: -webkit-box;
    display: box;
}
.pic-text .pic-text-box.pic-text-box-line{
    border-bottom:2px solid #9B9B9B;
    padding-bottom: 7.5px;
}
.pic-text-box .start-pic{
    /*display: inline-block;*/
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
}
.pic-text-box .start-pic img{
    width:60px;
    height: 60px;
}
.pic-text-box .product-pic{
    /*display: inline-block;*/
    
}
.pic-text-box .product-pic{
    /*position: absolute;
    left:0px;
	-webkit-box-pack: center;
    -webkit-box-align: center;
    top:10px;*/
    width: 115px;
    /*height: 115px;*/
    margin-top:20px;
	margin-bottom:10px;
}
.pic-text-box .product-pic-small{
    /*position: absolute;*/
    display: block;
    /*left:0px;*/
    /*top:30px;*/
    /*top: 50%;*/
    /*margin-top: -26px;*/
    width: 48px;
    height: 48px;
}

.pic-text-box .start-con{
    color:#535353;
    font-size: 1.2rem;
    margin-left: 73.5px;
}
.pic-text-box .product-con{
    display: block;
    /*-webkit-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;*/
    color:#535353;
    font-size: 1.2rem;
    /*margin-left: 10px;
    margin-left: 130px;*/
    height: 95px;
}

.pic-text-box .product-con-small{
     display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    color:#535353;
    font-size: 1.2rem;
    /*margin-left: 63px;*/
    margin-left: 10px;
}
.pic-text-box-top{
    padding-top: 20px;
}
.pic-text-box-bottom{
    padding-bottom: 20px;
}
.pic-text-box .product-con-small .product-con-small-size{
    font-size: 1.4rem;
}

.pic-text-box .product-con-small p{
    font-size: 1.2rem;
}
.pic-text-box .product-con .text-size{
    font-size: 1.6rem;
}
.pic-text-box .product-con .text-size2{
    font-size: 1.4rem;
	margin-top:5px;
	display:inline-block;
}

.pic-text-box .product-con .product-con-mobile{
    /*position: relative;*/
    position: absolute;
	left:50%;
    bottom: 0px;
    height:30px;
    line-height: 30px;
	margin-left:-63px;
    text-align: center;
    padding: 0px 20px 0px 30px;
    display: inline-block;
	color:#ffffff;
    background-color:#ff6600;
   /* color:#5D5D5D;
    background-color:#F7F7F7;*/
    /*background-color:red;*/
    /*margin-top: 8px;*/
    border-radius: 4px;
}

.pic-text-box .product-con .product-con-mobile .mobile-icon {
    background-size: contain;
    width: 15px;
    height: 17px;
    position: absolute;
    left: 10px;
    top: 7px;
}
.iphone-icon {
    background: url("/m/images/iosIcon.png") no-repeat;
}

.iphone-icon-new{
    background: url("/m/images/iPhone.png") no-repeat;
}
.android-icon-new{
	background: url("/m/images/android.png") no-repeat;
}

.pic-text-box .start-con h3{
    margin-top: 5px;
    color: #FF6600;
    font-size: 1.6rem;
}
.pic-text-box .start-con p{
    margin-top: 15px;
    line-height: 20px;
}

.con-detail .con-title.con-title-spc1{
    color:#F6BB42;
    border-left: 2px solid #F6BB42;
    border-right: 2px solid #F6BB42;
}
.con-detail .con-title.con-title-spc2{
    color:#E9573E;
    border-left: 2px solid #E9573E;
    border-right: 2px solid #E9573E;
}
.con-detail .con-title.con-title-spc3{
    color:#FC4F08;
    border-left: 2px solid #FC4F08;
    border-right: 2px solid #FC4F08;
}
.box-con .con-detail .con-detail-two-row.con-detail-two-row-spcbottom{
    padding-bottom: 0px;   
}
.box-con .con-detail .con-detail-two-row.con-detail-two-row-spctop{
    padding-top: 0px;   
}

.color6{
    color: #5ec6aa!important;
}

.color7{
    color: #d870ad!important;
}
.color8{
    color: #4fc0e8!important;
}

.box-con .con-detail.con-detail-margin{
    margin-top: 2px;
    background-color: #F3F3F3;
}
.box-con-about{
    background-color: #ffffff;
}

.box-con .con-detail.con-detail-padding{
    padding-top: 10px;
    padding-bottom: 10px;
}
.con-detail-bg{
    background-color: #ffffff!important;
    border:1px solid #DADADA;
}


.con-detail-spc{
    padding: 10px 0px!important;
     color: #FF6600!important;
     font-size: 1.6rem!important;
     text-align: center;
}
.con-detail-spc-buy{
    padding: 10px 0px!important;
    padding-bottom: 15px!important;
    text-align: center;

}
/*.con-detail-spc-buy span{
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 200px;
    font-size: 1.8rem;
    background-color: #FF6600;
    color: #ffffff;
    border-radius: 6px;
}*/
.con-detail-spc-buy .product-con-mobile{
         position: relative; 
    /*position: absolute;*/
    bottom: 0px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px 20px 0px 30px;
    display: inline-block;
	background-color: #ff6600;
	color:#ffffff;
    /*color: #5D5D5D;*/
    /*background-color: #F7F7F7;*/
    /* background-color: red; */
    /* margin-top: 8px; */
    border-radius: 4px;
}
.con-detail-spc-buy .product-con-mobile .mobile-icon {
    background-size: contain;
    width: 15px;
    height: 17px;
    position: absolute;
    left: 10px;
    top: 7px;
}
.box-con-bgw{
    background-color: #ffffff;
}
.con-detail-spc-success{
    font-size: 1.4rem!important;
    color:#333333;
   
}
.con-detail-spc-success .con-detail-spc-success-online{
    padding: 10px 0px;
     border-bottom:1px solid #FF6600;
}
.con-detail-spc-success-data{
    padding: 10px 0px!important;
    padding-bottom: 15px!important;
    text-align: center;
    font-size: 1.4rem!important;
    color:#333333;
}
.con-detail-spc-success-data-color{
    color: #D0021B;
}

.box-con-book .label-menu{
    position: relative;
    display: -webkit-box;
    display: box;
}

.box-con-book{
    padding: 0px 15px;
}
.box-con-book .label-menu{
    font-size: 1.2rem;
    padding: 10px 0px;
}
.box-con-book .label-menu .label-menu-link{
    
}
.box-con-book .label-menu .label-menu-link a{
    text-decoration: underline;
    color: #FF6600;
}
.box-con-book .label-menu .label-menu-title{
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    color: #434343;
}

.book-con-box{
    position: relative;
     display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    overflow: hidden;
    padding: 5px 0px;
}
.book-con-box img{
    /*position: absolute;
    left: 0px;
    top:0px;*/
    width:90px;
    height: 120px;
}
.book-con-box .book-con-detail{
    margin-left: 10px;
    font-size: 1rem;
    color: #434343;
}
.book-con-box .book-con-detail p{
    line-height: 18px;
    margin: 10px 0px;
}

 .book-con-member{
    position: relative;
    display: -webkit-box;
    display: box;
    padding: 10px 0px;
}
.book-con-member .book-con-member-text{
    position: relative;
     display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    color: #434343;
    font-size: 1.2rem;
}

.book-con-member .book-con-member-text a{
    text-decoration: underline;
    color: #FF6600;
}

.book-con-member .link-download{
    position: relative;
    color: #434343;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px 15px 0px 30px;
    background-color: #F7F7F7;
     background-color: red; 
    border-radius: 4px;
}


.book-con-member .link-download .mobile-icon{
    
    background-size: contain;
    width: 15px;
    height: 17px;
    position: absolute;
    left: 10px;
    top: 6px;
}
.book-con-teach{
    padding:5px 0px 0px 0px;
    border-top:1px solid #9B9B9B;
    border-bottom:1px solid #9B9B9B;
    margin:5px 0px;
}
.book-con-teach .book-con-teach-title{
    color: #FF6600;
    font-size: 1.2rem;
}

.book-con-teach .book-con-teach-detail-less{
    color: #434343;
    font-size: 1.2rem;
}
.book-con-teach .book-con-teach-detail-downicon{
    text-align: right;
}
.book-con-teach .book-con-teach-detail-downicon img{
    width: 28px;
    height: 28px;
}
.book-con-catalog{
    padding:10px 0px;
}
.book-con-catalog .book-con-catalog-title{
    color: #FF6600;
    font-size: 1.2rem;
}
.book-con-catalog .book-con-catalog-detail{
    color: #434343;
    font-size: 1.2rem;
    padding-top:10px;
}
.book-con-catalog .book-con-catalog-detail p{
    line-height: 22px;
}

.box-con-list{
    padding: 0px 15px;
}


.box-con-list .box-con-list-title{
     position: relative;
    display: -webkit-box;
    display: box;
    padding: 5px 0px;
}

.box-con-list .box-con-list-title p{ 
    position: relative;
     display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    color:#434343;
    line-height: 30px;
    height: 30px;
}
.box-con-list .box-con-list-title img{
    width:28px;
    height: 28px;
}

.box-con-list .box-con-book-list{
     position: relative;
    display: -webkit-box;
    display: box;
}
.box-con-list .box-con-book-list .box-con-book-list-mo{
   position: relative;
     display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    color:#434343;

    height: 165px;
    overflow: hidden;
}
.box-con-list .box-con-book-list .box-con-book-list-mo img{
    width: 90px;
    height: 120px;
}
.box-con-list .box-con-book-list .box-con-book-list-mo p {
    position: absolute;
    left: 0px;
    bottom: 0px;
    line-height: 20px;
    height: 40px;
    display: box;
    overflow: hidden;
}

.order-card{
    position: relative;
    padding:0px 30px;

}
.order-card .order-card-title{
    font-size: 1.2rem;
    color:#333333;
    padding-top: 22px;
    padding-left:7.5px;
}

.order-card .order-card-padding{
    padding-top: 15px;
}

.order-card .order-card-btn-padding{
    padding: 25px 0px;

    
}

.search-box{
    padding:0px 15px;
    position: relative;
    display: -webkit-box;
    display: box;
    height:44px;
}
.search-box .search-small-box{
    display: inline-block;
    width:50px;
    height:44px;
    line-height: 44px;
    text-align: center;
    border-radius: 6px;
}
.search-box .arrow-left{
    
    background: url('/m/images/left.png') 44% 50% no-repeat;
    background-color: #E3E3E5;
    background-size: 28px 28px;
}
.search-box .arrow-right{
    color: #ffffff;
    font-size:1.2rem;
    background-color: #FF6600;
}
.search-box .search-box-input{
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    height: 42px;
    line-height: 42px;
    border: 1px solid #979797;
    border-radius: 6px;
    color: #9B9BA2;
    padding-left: 15px;
    font-size: 1.2rem;
    margin:0px 10px;
}

.course-list{
    padding:10px 15px 0px 15px;
}
.course-list .course-info{
    padding:0px 0px 0px 0px;
    color:#333333;
}

.course-list .course-info .course-info-level{
    padding-left:3px;
}
.course-list .course-info .course-grade{
    padding: 7.5px 0px 0px 0px;
}
.course-list .course-info .course-grade span{
    display: inline-block;
    line-height: 36px;
    height: 36px;
    text-align: center;
    background-color: #E3E3E5;
    padding: 0px 15px;
    border-radius: 6px;
    margin-right: 4px;
    margin-bottom: 10px;
}
.up-line{
    margin-top: -8px;
    padding-top: 8px;
    border-top:1px solid #333333;
}
.course-list .course-info .course-grade p{
    line-height: 36px;
    height: 36px;
    text-align: left;
    background-color: #E3E3E5;
    padding: 0px 0px 0px 10px;
    border-radius: 6px;
    margin-right: 4px;
    margin-bottom: 10px;
}

.submit-btn{
    background-color: #DADADA;
    text-align: right;
    padding:6px 15px;
}
.submit-btn .submit-btn-box{
    height: 36px;
    line-height: 36px;
    display: inline-block;
    padding: 0px 15px;
    border-radius: 6px;
    font-size: 1.2rem;
}

.submit-btn .submit-btn-box.submit-btn-reset{
    color: #333333;
    background-color: #F7F7F7;
    margin-right: 10px;
}
.submit-btn .submit-btn-box.submit-btn-ok{
    color: #ffffff;
    background-color: #FF6600;
}

.pay-type{
    position: relative;
    padding: 0px 20px;
    background-color: #ffffff;
}

.pay-type .pay-type-title{
    font-size: 1.2rem;
    color:#333333;
    padding-top: 22px;
    padding-left:7.5px;
}
.pay-type .pay-type-box.pay-type-box-downline{
    margin-top: 10px;
    border-top:1px solid #FF6600;
}
.pay-type .pay-type-box.pay-type-box-padding{
    padding-top: 7px;
}
.pay-type .pay-type-box .pay-type-box-study{
    position: relative;
    padding: 0px 8px;
}
.pay-type .pay-type-box .pay-type-box-study .pay-type-box-study-padding{
    padding-top: 10px;
    color: #333333;
    line-height: 39px;
}
.pay-type .pay-type-box .pay-type-box-study-shenzhou{
    padding:10px 0px;
    color: #333333;
    font-size: 1.2rem;
    line-height: 39px;
}

.pay-type-box.box-con{
    background-color: #ffffff;
}
.pay-type-box.box-con .con-detail .con-detail-table-box.con-detail-table-one-box{
    color: #333333;
    background-color: #F7F7F7;
}

.pay-type-box.box-con .con-detail .con-detail-table-box.red-color{
    background-color: #ffffff;
}

.pay-type .box-con .pay-type-box-study{
    padding: 0px;
}


.pay-type-box.box-con .con-detail .con-detail-table-box.con-detail-table-box1{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
}
.pay-type-box.box-con .con-detail .con-detail-table-box.con-detail-table-box2{
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    text-align: left;
}
.pay-type-box.box-con .con-detail .con-detail-table-box.con-detail-table-box3{
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    text-align: left;
}
.pay-type-box.box-con .con-detail .con-detail-table-box.con-detail-table-box4{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
}
.box-con .con-detail-spc1 .con-detail-one-row{
        padding: 0px 0px 0px 0px;
}

.pay-type-box.box-con .con-detail .con-detail-one-row-spc .con-detail-table-box.con-detail-table-one-box{
    background-color: #ffffff;
}

.write-input-box select{
        display: block;
    width: 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    height: 39px;
    line-height: 39px;
    border: 1px solid #979797;
    border-radius: 6px;
    color: #9B9BA2;
    padding-left: 15px;
    font-size: 1.2rem;
}

.write-input-box select option{
    border:1px solid #979797;
    /*background-color: red;*/
}

.write-input-btn span.write-btn-bg-spc {
    color: #333333;
    background-color: #F7F7F7;
    border:1px solid #979797;
    margin-left: 5px;
}

.my-name-con{
    position: absolute;
    right: 0px;
    top: 44px;
    width: 104px;
    z-index: 999999;
    background-color: #ffffff;
}
.my-name-con li {
    height: 39px;
    line-height: 39px;
    color: #4A4A4A;
    font-size: 1.2rem;
    text-align: left;
    padding: 0px 10px;
}
.my-name-con li a {
    text-align: center;
    display: block;
    width: 100%;
    border-bottom: 1px solid #A4A4A4;
}
.my-name-con li a.my-close{
    border-bottom: none;
}

.pay-type-title.pay-type-title-forget {
    text-align: center;
    font-size: 1.6rem;
    margin: 0px 0px 20px 0px;
}

.con-titl:target{
    padding-top:50px!important;
}


/***************娲诲姩***********/

.activity-picture{
    border-radius: 10px;
    border: 2px solid #dddddd;
    padding: 10px;
}
.activity-picture .activity-canvass{
    font-size: 1.6rem;
    color:#666666;
    padding:8px;
}
.activity-person-info,.activity-person-score{
    position: relative;
    padding: 10px;
}

.activity-person-info .activity-person-info-box,.activity-person-score .activity-person-score-box{
    position: relative;
    display: -webkit-box;
    display: box;
}

.activity-person-score{
    border-radius: 10px;
    border: 2px solid #dddddd;
}



.activity-person-info .activity-person-info-box .activity-person-info-box-title,.activity-person-score .activity-person-score-box .activity-person-score-box-title{
    display: inline-block;
    height:30px;
    line-height: 30px;
    font-size: 1.6rem;
    color:#666666;
    width:60px;
    /*border:1px solid red;*/
    /*text-align: center;*/
}
.activity-person-score .activity-person-score-box .activity-person-score-box-title{
    width: 80px;
}
.activity-person-info .activity-person-info-box .activity-person-info-box-con,.activity-person-score .activity-person-score-box .activity-person-score-box-con{
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    height:30px;
    line-height: 30px;
    font-size: 1.6rem;
    color:#666666;
    /*border:1px solid blue;*/
    overflow: hidden;
}

.activity-person-score .vote-btn{
    text-align: center;
}
.activity-person-score .vote-btn span{
    display: inline-block;
    height:40px;
    line-height: 40px;
    text-align: center;
    width: 140px;
    border:2px solid #ff6600;
    border-radius: 6px;
    color: #ff6600;
    font-size: 2.4rem;
    margin-top: 20px;
}
.activity-person-score .vote-btn span:hover{
    color:#ffffff;
    background-color: #ff6600;
}
.activity-person-score .must-vote{
    font-size: 1.4rem;
    color:#666666;
    line-height: 30px;
    margin-top: 10px;
}

.activity-person-video,.activity-person-say,.activity-person-same{
    position: relative;
    padding: 10px;
}

.activity-person-video h3,.activity-person-say h3,.activity-person-same h3{
    display: block;
    line-height: 30px;
    height: 30px;
    color: #666666;
    font-size: 1.8rem;
}

.activity-person-say-box{
    position: relative;
}
.activity-person-say-box .activity-person-say-box-textarea{
   /* margin-left: 100px;*/
    width: 94%;
    border: 2px solid #dddddd;
    height: 60px;
    padding: 10px;
    resize: none;
    font-size: 1.6rem;
    outline: none;
}

.activity-person-say-box .activity-person-say-box-speak-btn{
    display: inline-block;
    background-color: #dddddd;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 1.6rem;
    width: 80px;
    height: 40px;
}

.other-person-say-box{
    position: relative;
    border-bottom: 1px dotted #dddddd;
    padding: 10px;
}

.other-person-say-box p{
    font-size: 1.6rem;
    color:#666666;
    line-height: 30px;
	    display: -webkit-box;
    display: box;
    overflow: hidden;
}

.other-person-say-box .other-person-say-box-title{
    position: relative;
    display: -webkit-box;
    display: box;
}
.other-person-say-box .other-person-say-box-title span{
     display: block;
    width: 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    height:30px;
    line-height: 30px;
    font-size: 1.6rem;
    color:#666666;
    /*border:1px solid blue;*/
    text-align: center;
}

.other-person-say-box .other-person-say-box-title span:nth-child(1){
    text-align: left;
}
.other-person-say-box .other-person-say-box-title span:nth-child(2){
    text-align: right;
}
.same-person a{
    position: relative;
    display: -webkit-box;
    display: box;
    margin-top: 10px;
}
.same-person span{
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    height:50px;
    line-height: 50px;
    font-size: 1.6rem;
    color:#666666;
    /*border:1px solid blue;*/
    text-align: left;
    margin-left: 10px;
}


/*****************做活动页面**********************/
.m-big-pic{
    position: relative;
}
.m-big-pic img{
    width: 100%;
}


.m-sign-up{
    position: absolute;
    left: 50%;
    margin-left:-35px;
    bottom:5px;
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #FFE42A;
    font-size:1.2rem;
    color: #469185;
    border-radius: 4px;
}

.outer-sphere-box{
    padding: 10px 10px;
    /*border:1px solid red;*/
    padding-bottom:0px;
}
.introduce-box{
    width: 100%;
    border-radius: 6px;
    border:2px solid #FEEED9;
    /*height: 100px;*/
}
.introduce-box .three-box{
    position: relative;
    display: -webkit-box;
    display: box;
    padding: 5px 5px;
}
.introduce-box .three-box .con-three-box{
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    font-size: 1.2rem;
    color: #f88233;
    border-radius: 4px 4px 0 0;
    margin-left: 0px;
    text-align: center;
    padding: 0px 5px;
}
.introduce-box .three-box .con-three-box img{
    width:74px;
    height:36px;
    margin-top: 16px;
}
.introduce-box .three-box .con-three-box.color1{
    color: #f88233;
}
.introduce-box .three-box .con-three-box.color2{
    color: #52c1fe;
}
.introduce-box .three-box .con-three-box h3{
    border-bottom: 1px solid #b4e4ff;
    margin-bottom: 5px;
    text-align: center;
}
.introduce-box .three-box .con-three-box.border{
    border-left: 1px solid #b4e4ff;
    text-align: left;
}
/*.m-box{
    margin: 10px 0px;
    position: relative;
}
.m-box img{
    width: 100%;
}*/

/*.m-course-box .course-m5{
    width: 133px;
    height: 77px;
    position: absolute;
    top:44px;
    left:10px;
}

.m-course-box .course-m6{
    width: 133px;
    height: 77px;
    position: absolute;
    top:36px;
    right:15px;
}*/
.m-box{
    margin: 10px 0px;
    position: relative;
}
.m-video-box{
    background: url('/m/images/m3.png') no-repeat;
    background-size: 100% 100%;
    width:100%;
    height: 136px;
}
.m-course-box{
    background: url('/m/images/m4.png') no-repeat;
    background-size: 100% 100%;
    width:100%;
    height: 136px;
}
.m-course-box .course-m5{
    width: 133px;
    height: 77px;
    position: absolute;
    top:44px;
    left:10px;
}

.m-course-box .course-m6{
    width: 133px;
    height: 77px;
    position: absolute;
    top:36px;
    right:15px;
}
.m-class-box{
    background: url('/m/images/m7.png') no-repeat;
    background-size: 100% 100%;
    width:100%;
    height: 136px;
}
.m-class-box .small-box{
    display: inline-block;
    border-radius: 6px;
    width: 80px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size:1.1rem;
    color: #ffffff;
}
.m-class-box .small-box.color-border1{
    position: absolute;
    top:50px;
    left:50px;
    background-color: #73D9CE;
    border:2px solid #57C9BD;
}

.m-class-box .small-box.color-border2{
    position: absolute;
    top:40px;
    right:50px;
    background-color: #A789C9;
    border:2px solid #7B58A2;
}
.m-class-box .small-box.color-border3{
    position: absolute;
    bottom:30px;
    right:40px;
    background-color: #F590BD;
    border:2px solid #E0619A;
}

.m-class-box .small-box.color-border4{
    position: absolute;
    bottom:20px;
    left:70px;
    background-color: #64DEFF;
    border:2px solid #34B2D4;
}


.m-classing-box{
    background: url('/m/images/m8.png') no-repeat;
    background-size: 100% 100%;
    width:100%;
    height: 136px;
}
.m-classing-box img{
    width: 110px;
    height: 80px;
    position: absolute;
    top:40px;
    left:20px;
}
.m-classing-box p{
    color: #92E4EE;
    font-size:1.452rem;
    position: absolute;
    left:160px;
    top:40px;
}

.m-con-box{
    background: url('/m/images/m10.png') no-repeat;
    background-size: 100% 100%;
    width:100%;
    /*height: 210px;*/
    padding-bottom: 5px;
}
.m-con-box p{
    padding-top: 36px;
    color: #FBA637;
    font-size:1rem;
    text-align: center;
}
.m-con-box .m-con-pic-box{
    /*padding-top: 80px;*/
    /*border:1px solid red;*/
    position: relative;
    display: -webkit-box;
    display: box;
    /*padding: 5px 5px;*/
}
.m-con-box .m-con-pic-box .m-con-pic-box-four{
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    font-size: 1.2rem;
    color: #f88233;
    border-radius: 4px 4px 0 0;
    margin-left: 0px;
    text-align: center;
    padding: 0px 5px;
}
.m-con-box .m-con-pic-box .m-con-pic-box-four img{
    width: 52px;
    height: 66px;
}
.m-doing-box{
    background: url('/m/images/m15.png') no-repeat;
    background-size: 100% 100%;
    /*width:100%;*/
    padding-bottom: 10px;
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 5px;
}
.m-doing-box p{
    position: relative;
    /*padding-top: 36px;*/
    color: #FBA637;
    margin-top: 5px;
    font-size:1rem;
    text-align: left;
}
.m-doing-box p.one:before{
    content: url('/m/images/m16.png');
    position: absolute;
    top: 0px;
    left: -17px;
}
.m-doing-box p.two:before{
    content: url('/m/images/m17.png');
    position: absolute;
    top: 0px;
    left: -17px;
}
.m-doing-box p.three:before{
    content: url('/m/images/m18.png');
    position: absolute;
    top: 0px;
    left: -17px;
}
.m-doing-box p.four:before{
    content: url('/m/images/m19.png');
    position: absolute;
    top: 0px;
    left: -17px;
}
.m-doing-box p.five:before{
    content: url('/m/images/m20.png');
    position: absolute;
    top: 0px;
    left: -17px;
}
.m-object{
    background: url('/m/images/m21.png') no-repeat;
    background-size: 100% 100%;
    width:100%;
    height: 136px;
    padding-bottom: 5px;
}

.m-object .course-m22{
    width: 80px;
    height: 80px;
    position: absolute;
    top:44px;
    left:10px;
}
.m-object p{
    padding-top: 40px;
    margin-left: 100px;
    color:#9de6f0;
    font-size:1.452rem;

}

.m-teaching{
    background: url('/m/images/m23.png') no-repeat;
    background-size: 100% 100%;
    width:100%;
    /*height: 136px;*/
    padding-bottom: 5px;
}


.m-teaching .m-teaching-big-p{
    position: relative;
    padding-top:20px;
    padding-left: 20px;
    padding-right:10px;
    font-size:1.156rem;
    line-height: 20px;
    color: #569ea8;
}
.m-teaching .m-teaching-big-p .course-m24{
    position: absolute;
    left:0px;
    top:28px;
    width: 20px;
    height: 20px;
}
.m-teaching .m-teaching-small-p{
    font-size:1.156rem;
    color: #fdcf93;
    padding: 0px 5px;
    margin: 5px 0px;
}

.m-teaching .m-teaching-small-p .m-teaching-small-p-span{
    color: #4896a1;
}

.m-teaching .m-teaching-small-p.m-teaching-small-p-spc{
    background-color: #ff0000;
    color: #ffffff;
    padding-top:5px;
    padding-bottom: 5px;
}

.m-star-teaching{
    font-size:1.378rem;
    color: #569ea8;
    padding:5px;
    padding-left: 15px;
}
.m-star-teaching .m-star-teaching-span{
    display: inline-block;
    width: 132px;
    height:24px;
    line-height: 24px;
    text-align: center;
    background-color: #ffe42a;
    border-radius: 6px;
    margin-left: 5px;
    font-size:1rem;
}

.student-say-box{
    padding:5px;
    position: relative;
    display: -webkit-box;
    display: box;
}
.student-say-box img{
    width: 50px;
    height: 90px;
}
.student-say-box .student-say-p{
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    /*height: 170px;*/
    /*line-height: 170px;*/
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    margin-left: 10px;
    color: #fdcf93;
}

.m-star-teaching-price{
    color: #fa9818;
    font-size: 1.678rem;

}
.m-money{
    position: relative;
    color: #ff6666;
    font-size:1.067rem;
    padding-left: 15px;
}
.m-money .course-m29{
    position: absolute;
    right: 0px;
    bottom: 15px;
    width: 120px;
    height: 70px;
}
.fixed-button{
    position: fixed;
    left: 0px;
    bottom:0px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    z-index:1;
    background-color: rgba(0,0,0,.1)
}

.fixed-button span{
    display: inline-block;
    width: 88px;
    height: 40px;
    line-height: 40px;
    background-color:#ffe42a;
    color: #74a66f;
    font-size: 1.556rem;
    text-align: center;
    border-radius: 6px;
    z-index: 1;
    /*margin-right: 20px;*/
}
.fixed-button span:first-child{
    margin-right: 20px;
}

.bg-all{
    position: absolute;
    top:0px;
    left: 0px;
    background-color: rgba(0,0,0,1);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.bg-all .bg-all-box{
    position: absolute;
    top:7%;
    width: 90%;
    left:50%;
    margin-left: -45%;
    margin-top: -175px;
    height: 350px;
    background-color: #FFFFFF;
    border-radius: 6px;
    border:2px solid #69d7fa;
    /*margin:0 auto;*/
    text-align: center;

}
.bg-all .bg-all-box input{
    width: 80%;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border:1px solid #ECECEC;
    border-radius: 6px;
}
.bg-all .bg-all-box input.m-name{
    margin-top: 30px;
}
.bg-all .bg-all-box input.m-phone,.bg-all .bg-all-box input.m-school{
    margin: 10px 0px;
}
.bg-all .bg-all-box span{
    display: inline-block;
    border-radius: 6px;
    width: 38%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #666666;
    background-color: #CCCCCC;
    font-size:1.067rem;
}
.bg-all .bg-all-box select{
    width: 38%;
    background-color: #cccccc;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.bg-all .m-load{
    background-color: #ffe42a!important;
    margin-top: 30px;
    font-size:1.6rem!important;
    margin-right: 3%;
}
.bg-all .m-close{
    background-color: #dddddd!important;
    font-size:1.6rem!important;
}

.my-overview-title {
    background-color: #52c1fe;
    /*height: 44px;*/
    color: #fff;
    font-size: 1.5rem;
    position: relative;
    /**position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
    width: 100%;**/
}
.my-overview-bai {
    position: relative;
    display: -webkit-box;
    display: box;
}
.my-overview-box1 {
    display: -webkit-box;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 41px;
    font-size:1.067rem;
}
.my-overview-box1 a{
	display:inline-block;
	color:#ffffff;
}
.w1 {
    width: 30%;
}
.w2 {
    width: 15%;
}
.w3 {
    width: 30%;
}
.w4{
	width:15%
}
.w5{
	width:10%
}

.w11 {
    width: 30%;
}
.w22 {
    width:15%;
}
.w33 {
    width: 30%;
}
.w44{
	width:15%
}


.w111 {
    width: 30%;
}
.w222 {
    width:25%;
}
.w333 {
    width: 30%;
}
.w444{
	width:15%
}


.line-color1 {
    color: #fffc01;
    border-bottom: 4px solid #fffc01;
}

.bg-all .course-m30.m-close{
	position:absolute;
	top:6px;
	right:10px;
	width:17px;
	height:16px;
	background-color:#ffffff!important;
}

.course-m31{
	width:14px;
	height:14px;
}

.m-star-teaching .m-star-teaching-span a{
	color: #569ea8;
}


.pic-text-box-header{
	display:block;
	text-align:center;
}