/*============================================================================\
|@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@|\\
|@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@|\\\
|@@@@@@@@    @@@@@@@@@@@@@@@@@@@@@@@@@@@'     '@@@@   @@@@' @@@@@@@@@@@@@@@@@|\\\
|@@@@@@@      @@@@@@@@@@@@@@@@@@@@@@@@@    @@   @@@@@@@@o   @@@@@@@@@@@@@@@@@|\\\
|@@@@@@   o\  o@@@        @@@       '@@      ;@@@@@   @      @@@'  _  'o@@@@@|\\\
|@@@@@o   @@   @@@   @@@   @@   @@   !@@@@       @@   @@!   @@@   ''''  @@@@@|\\\
|@@@@@          @@   @@@   @@   @@   /@   @@@!   @@   @@!   @@@   @@@@@@@@@@@|\\\
|@@@@    @@@@    @        @@@       ,@@@._      @@@.  @@@.   @@@       @@@@@@|\\\
|@@@@@@@@@@@@@@@@@   @@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@|\\\
|@@@@@@@@@@@@@@@@@   @@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@|\\\
|@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ appsite.cn @@@|\\\
|@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ She ZhiWei @@@|\\\
|@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@|\\\
|============================================================================|\\\
|																			 |\\\
|	AppSite Front Core Functions											 |\\\
|	Copyright: Donsee.cn 2018.05 - 2018.09									 |\\\
|	Author	 : Sprite														 |\\\
|	Email	 : hello@shezw.com												 |\\\
| 																			 |\\\
 \===========================================================================\\\\
  \===========================================================================\\\
   \===========================================================================\\
*/

/* * BASE * */
@media ( min-width:320px ){ html.a-rem{font-size:16px;} }
@media ( min-width:360px ){ html.a-rem{font-size:18px;} }
@media ( min-width:375px ){ html.a-rem{font-size:18.75px;} }
@media ( min-width:384px ){ html.a-rem{font-size:19.2px;} }
@media ( min-width:414px ){ html.a-rem{font-size:20.7px;} }
@media ( min-width:448px ){ html.a-rem{font-size:22.4px;} }
@media ( min-width:480px ){ html.a-rem{font-size:24px;} }
@media ( min-width:512px ){ html.a-rem{font-size:25.6px;} }
@media ( min-width:544px ){ html.a-rem{font-size:27.2px;} }
@media ( min-width:576px ){ html.a-rem{font-size:28.8px;} }
@media ( min-width:608px ){ html.a-rem{font-size:30.4px;} }
@media ( min-width:640px ){ html.a-rem{font-size:32px;} }
@media ( min-width:750px ){ html.a-rem{font-size:37.5px;} }



/* colors */

.a-color-1{color:#111111 !important;} .a-color-1:hover{color:#0b0b0b;}
.a-color-2{color:#222222 !important;} .a-color-2:hover{color:#1c1c1c;}
.a-color-3{color:#333333 !important;} .a-color-3:hover{color:#2d2d2d;}
.a-color-4{color:#444444 !important;} .a-color-4:hover{color:#3e3e3e;}
.a-color-5{color:#555555 !important;} .a-color-5:hover{color:#505050;}
.a-color-6{color:#666666 !important;} .a-color-6:hover{color:#616161;}
.a-color-8{color:#888888 !important;} .a-color-8:hover{color:#838383;}
.a-color-a{color:#aaaaaa !important;} .a-color-a:hover{color:#969696;}
.a-color-c{color:#cccccc !important;} .a-color-c:hover{color:#c8c8c8;}
.a-color-e{color:#eeeeee !important;} .a-color-e:hover{color:#eaeaea;}
.a-color-primary{color:#68bbbb !important;} .a-color-primary:hover{color:#63b6b6;}
.a-color-secondary{color:#3fa2e9 !important;} .a-color-secondary:hover{color:#3b97e4;}
.a-color-white{color:#ffffff !important;} .a-color-white:hover{color:#fbfbfb;}
.a-color-red{color:#fb6767 !important;} .a-color-red:hover{color:#f85d5d;}
.a-color-danger{color:#ff3366 !important;} .a-color-danger:hover{color:#fa2d61;}
.a-color-pink{color:#ff98d6 !important;} .a-color-pink:hover{color:#fa93d1;}
.a-color-purper{color:#959df9 !important;} .a-color-purper:hover{color:#8a95f0;}
.a-color-blue{color:#3caeff !important;} .a-color-blue:hover{color:#33a5f6;}
.a-color-bgreen{color:#39c2d0 !important;} .a-color-bgreen:hover{color:#30b7c6;}
.a-color-green{color:#70c374 !important;} .a-color-green:hover{color:#65bc87;}
.a-color-yellow{color:#ffe720 !important;} .a-color-yellow:hover{color:#fae215;}
.a-color-gold{color:#f7d17b !important;} .a-color-gold:hover{color:#ecc672;}
.a-color-orange{color:#ff8f55 !important;} .a-color-orange:hover{color:#fa8a50;}
.a-color-brown{color:#b7aa95 !important;} .a-color-brown:hover{color:#b2a590;}
.a-color-dark{color:#333333 !important;} .a-color-dark:hover{color:#2d2d2d;}
.a-color-gray{color:#666666 !important;} .a-color-gray:hover{color:#616161;}
.a-color-lightgray{color:#aaaaaa !important;} .a-color-lightgray:hover{color:#969696;}
.a-color-light{color:#cccccc !important;} .a-color-light:hover{color:#c8c8c8;}

.a-bg-1{background-color:#111111 !important;background:#111111 !important;}
.a-bg-2{background-color:#222222 !important;background:#222222 !important;}
.a-bg-3{background-color:#333333 !important;background:#333333 !important;}
.a-bg-4{background-color:#444444 !important;background:#444444 !important;}
.a-bg-5{background-color:#555555 !important;background:#555555 !important;}
.a-bg-6{background-color:#666666 !important;background:#666666 !important;}
.a-bg-8{background-color:#888888 !important;background:#888888 !important;}
.a-bg-a{background-color:#aaaaaa !important;background:#aaaaaa !important;}
.a-bg-c{background-color:#cccccc !important;background:#cccccc !important;}
.a-bg-e{background-color:#eeeeee !important;background:#eeeeee !important;}
.a-bg-primary{background-color:#68bbbb !important;background:#68bbbb !important;}
.a-bg-secondary{background-color:#3fa2e9 !important;background:#3fa2e9 !important;}
.a-bg-white{background-color:#ffffff !important;background:#ffffff !important;}
.a-bg-red{background-color:#fb6767 !important;background:#fb6767 !important;}
.a-bg-danger{background-color:#ff3366 !important;background:#ff3366 !important;}
.a-bg-pink{background-color:#ff98d6 !important;background:#ff98d6 !important;}
.a-bg-purper{background-color:#959df9 !important;background:#959df9 !important;}
.a-bg-blue{background-color:#3caeff !important;background:#3caeff !important;}
.a-bg-bgreen{background-color:#39c2d0 !important;background:#39c2d0 !important;}
.a-bg-green{background-color:#70c374 !important;background:#70c374 !important;}
.a-bg-yellow{background-color:#ffe720 !important;background:#ffe720 !important;}
.a-bg-gold{background-color:#f7d17b !important;background:#f7d17b !important;}
.a-bg-orange{background-color:#ff8f55 !important;background:#ff8f55 !important;}
.a-bg-brown{background-color:#b7aa95 !important;background:#b7aa95 !important;}
.a-bg-dark{background-color:#333333 !important;background:#333333 !important;}
.a-bg-gray{background-color:#666666 !important;background:#666666 !important;}
.a-bg-lightgray{background-color:#aaaaaa !important;background:#aaaaaa !important;}
.a-bg-light{background-color:#cccccc !important;background:#cccccc !important;}
.a-bg-transptant{background-color:transparent !important;background:transparent !important;}

.a-bg-1:hover{background-color:#0b0b0b !important;background:#0b0b0b !important;}
.a-bg-2:hover{background-color:#1c1c1c !important;background:#1c1c1c !important;}
.a-bg-3:hover, .a-bg-dark:hover{background-color:#2d2d2d !important;background:#2d2d2d !important;}
.a-bg-4:hover{background-color:#3e3e3e !important;background:#3e3e3e !important;}
.a-bg-5:hover{background-color:#505050 !important;background:#505050 !important;}
.a-bg-6:hover, .a-bg-gray:hover{background-color:#616161 !important;background:#616161 !important;}
.a-bg-8:hover{background-color:#838383 !important;background:#838383 !important;}
.a-bg-a:hover, .a-bg-lightgray:hover{background-color:#969696 !important;background:#969696 !important;}
.a-bg-c:hover, .a-bg-light:hover{background-color:#c8c8c8 !important;background:#c8c8c8 !important;}
.a-bg-e:hover{background-color:#eaeaea !important;background:#eaeaea !important;}
.a-bg-primary:hover{background-color:#63b6b6 !important;background:#63b6b6 !important;}
.a-bg-secondary:hover{background-color:#3b97e4 !important;background:#3b97e4 !important;}
.a-bg-white:hover{background-color:#ffffff !important;background:#ffffff !important;}
.a-bg-red:hover{background-color:#f85d5d !important;background:#f85d5d !important;}
.a-bg-danger:hover{background-color:#fa2d61 !important;background:#fa2d61 !important;}
.a-bg-pink:hover{background-color:#fa93d1 !important;background:#fa93d1 !important;}
.a-bg-purper:hover{background-color:#8a95f0 !important;background:#8a95f0 !important;}
.a-bg-blue:hover{background-color:#33a5f6 !important;background:#33a5f6 !important;}
.a-bg-bgreen:hover{background-color:#30b7c6 !important;background:#30b7c6 !important;}
.a-bg-green:hover{background-color:#65bc87 !important;background:#65bc87 !important;}
.a-bg-yellow:hover{background-color:#fae215 !important;background:#fae215 !important;}
.a-bg-gold:hover{background-color:#ecc672 !important;background:#ecc672 !important;}
.a-bg-orange:hover{background-color:#fa8a50 !important;background:#fa8a50 !important;}
.a-bg-brown:hover{background-color:#b2a590 !important;background:#b2a590 !important;}
.a-bg-transptant:hover{background-color:transparent !important;background:transparent !important;}

.a-gradient-primary{background:linear-gradient(#68d77d,#98d3fe) !important;}
.a-gradient-dark{background:linear-gradient( 0deg, #68d77d 0%, #98d3fe 100%) !important;}

.a-border-1{border-color:#111111 !important;} .a-border-1:hover{border-color:#0b0b0b !important;}
.a-border-2{border-color:#222222 !important;} .a-border-2:hover{border-color:#1c1c1c !important;}
.a-border-3{border-color:#333333 !important;} .a-border-3:hover{border-color:#2d2d2d !important;}
.a-border-4{border-color:#444444 !important;} .a-border-4:hover{border-color:#3e3e3e !important;}
.a-border-5{border-color:#555555 !important;} .a-border-5:hover{border-color:#505050 !important;}
.a-border-6{border-color:#666666 !important;} .a-border-6:hover{border-color:#616161 !important;}
.a-border-8{border-color:#888888 !important;} .a-border-8:hover{border-color:#838383 !important;}
.a-border-a{border-color:#aaaaaa !important;} .a-border-a:hover{border-color:#969696 !important;}
.a-border-c{border-color:#cccccc !important;} .a-border-c:hover{border-color:#c8c8c8 !important;}
.a-border-e{border-color:#eeeeee !important;} .a-border-e:hover{border-color:#eaeaea !important;}
.a-border-primary{border-color:#68bbbb !important;} .a-border-primary:hover{border-color:#63b6b6 !important;}
.a-border-secondary{border-color:#3fa2e9 !important;} .a-border-secondary:hover{border-color:#3b97e4 !important;}
.a-border-white{border-color:#ffffff !important;} .a-border-white:hover{border-color:#fbfbfb !important;}
.a-border-red{border-color:#fb6767 !important;} .a-border-red:hover{border-color:#f85d5d !important;}
.a-border-danger{border-color:#ff3366 !important;} .a-border-danger:hover{border-color:#fa2d61 !important;}
.a-border-pink{border-color:#ff98d6 !important;} .a-border-pink:hover{border-color:#fa93d1 !important;}
.a-border-purper{border-color:#959df9 !important;} .a-border-purper:hover{border-color:#8a95f0 !important;}
.a-border-blue{border-color:#3caeff !important;} .a-border-blue:hover{border-color:#33a5f6 !important;}
.a-border-bgreen{border-color:#39c2d0 !important;} .a-border-bgreen:hover{border-color:#30b7c6 !important;}
.a-border-green{border-color:#70c374 !important;} .a-border-green:hover{border-color:#65bc87 !important;}
.a-border-yellow{border-color:#ffe720 !important;} .a-border-yellow:hover{border-color:#fae215 !important;}
.a-border-gold{border-color:#f7d17b !important;} .a-border-gold:hover{border-color:#ecc672 !important;}
.a-border-orange{border-color:#ff8f55 !important;} .a-border-orange:hover{border-color:#fa8a50 !important;}
.a-border-brown{border-color:#b7aa95 !important;} .a-border-brown:hover{border-color:#b2a590 !important;}
.a-border-dark{border-color:#333333 !important;} .a-border-dark:hover{border-color:#2d2d2d !important;}
.a-border-gray{border-color:#666666 !important;} .a-border-gray:hover{border-color:#616161 !important;}
.a-border-lightgray{border-color:#aaaaaa !important;} .a-border-lightgray:hover{border-color:#969696 !important;}
.a-border-light{border-color:#cccccc !important;} .a-border-light:hover{border-color:#c8c8c8 !important;}

.a-shadow-xs{box-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.2) }
.a-shadow-s{box-shadow:0 0.2rem 1rem rgba(0,0,0,0.15) }
.a-shadow{box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15) }
.a-shadow-l{box-shadow:0 1rem 4rem rgba(0,0,0,0.125) }
.a-shadow-xl{box-shadow:0 2rem 7.5rem rgba(0,0,0,0.125) }

.a-shadow-dark-xs{box-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.3) }
.a-shadow-dark-s{box-shadow:0 0.2rem 1rem rgba(0,0,0,0.2) }
.a-shadow-dark{box-shadow:0 0.5rem 2rem rgba(0,0,0,0.2) }
.a-shadow-dark-l{box-shadow:0 1rem 4rem rgba(0,0,0,0.15) }
.a-shadow-dark-xl{box-shadow:0 2rem 7.5rem rgba(0,0,0,0.15) }

.a-shadow-light-xs{box-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.1) }
.a-shadow-light-s{box-shadow:0 0.2rem 1rem rgba(0,0,0,0.075) }
.a-shadow-light{box-shadow:0 0.5rem 2rem rgba(0,0,0,0.075) }
.a-shadow-light-l{box-shadow:0 1rem 4rem rgba(0,0,0,0.05) }
.a-shadow-light-xl{box-shadow:0 2rem 7.5rem rgba(0,0,0,0.05) }

.a-round-xxs{border-radius:0.15rem;}
.a-round-xs{border-radius:0.2rem;}
.a-round-s{border-radius:0.4rem;}
.a-round{border-radius:0.5rem;}
.a-round-l{border-radius:1rem;}
.a-round-xl{border-radius:2rem;}
.a-round-xxl{border-radius:3rem;}

.a-round-circle{border-radius:50%;}



/** layout **/
.a-block{display:block !important;}
.a-inline{display:inline !important;}
.a-iBlock{display:inline-block !important;}



/* gird */
.a-w-20{width:20rem;}
.a-w-18{width:18rem;}
.a-w-16{width:16rem;}
.a-w-15{width:15rem;}
.a-w-12{width:12rem;}
.a-w-10{width:10rem;}
.a-w-8{width:8rem;}
.a-w-5{width:5rem;}
.a-w-4{width:4rem;}
.a-w-3{width:3rem;}
.a-w-2{width:2rem;}
.a-w-1{width:1rem;}

.a-h-20{height:20rem;}
.a-h-18{height:18rem;}
.a-h-16{height:16rem;}
.a-h-15{height:15rem;}
.a-h-12{height:12rem;}
.a-h-10{height:10rem;}
.a-h-8{height:8rem;}
.a-h-5{height:5rem;}
.a-h-4{height:4rem;}
.a-h-3{height:3rem;}
.a-h-2{height:2rem;}
.a-h-1{height:1rem;}

.a-mg-1{margin:1rem;}.a-mg1-s{margin:.1rem;}.a-mg6-s{margin:.6rem;}
.a-mg-2{margin:2rem;}.a-mg2-s{margin:.2rem;}.a-mg7-s{margin:.7rem;}
.a-mg-3{margin:3rem;}.a-mg3-s{margin:.3rem;}.a-mg8-s{margin:.8rem;}
.a-mg-4{margin:4rem;}.a-mg4-s{margin:.4rem;}.a-mg9-s{margin:.9rem;}
.a-mg-5{margin:5rem;}.a-mg5-s{margin:.5rem;}

.a-mgl-1{margin-left:1rem;}.a-mgl-s1{margin-left:.1rem;}.a-mgl-s6{margin-left:.6rem;}
.a-mgl-2{margin-left:2rem;}.a-mgl-s2{margin-left:.2rem;}.a-mgl-s7{margin-left:.7rem;}
.a-mgl-3{margin-left:3rem;}.a-mgl-s3{margin-left:.3rem;}.a-mgl-s8{margin-left:.8rem;}
.a-mgl-4{margin-left:4rem;}.a-mgl-s4{margin-left:.4rem;}.a-mgl-s9{margin-left:.9rem;}
.a-mgl-5{margin-left:5rem;}.a-mgl-s5{margin-left:.5rem;}

.a-mgr-1{margin-right:1rem;}.a-mgr-s1{margin-right:.1rem;}.a-mgr-s6{margin-right:.6rem;}
.a-mgr-2{margin-right:2rem;}.a-mgr-s2{margin-right:.2rem;}.a-mgr-s7{margin-right:.7rem;}
.a-mgr-3{margin-right:3rem;}.a-mgr-s3{margin-right:.3rem;}.a-mgr-s8{margin-right:.8rem;}
.a-mgr-4{margin-right:4rem;}.a-mgr-s4{margin-right:.4rem;}.a-mgr-s9{margin-right:.9rem;}
.a-mgr-5{margin-right:5rem;}.a-mgr-s5{margin-right:.5rem;}

.a-mgt-1{margin-top:1rem;}.a-mgt-s1{margin-top:.1rem;}.a-mgt-s6{margin-top:.6rem;}
.a-mgt-2{margin-top:2rem;}.a-mgt-s2{margin-top:.2rem;}.a-mgt-s7{margin-top:.7rem;}
.a-mgt-3{margin-top:3rem;}.a-mgt-s3{margin-top:.3rem;}.a-mgt-s8{margin-top:.8rem;}
.a-mgt-4{margin-top:4rem;}.a-mgt-s4{margin-top:.4rem;}.a-mgt-s9{margin-top:.9rem;}
.a-mgt-5{margin-top:5rem;}.a-mgt-s5{margin-top:.5rem;}

.a-mgb-1{margin-bottom:1rem;}.a-mgb-s1{margin-bottom:.1rem;}.a-mgb-s6{margin-bottom:.6rem;}
.a-mgb-2{margin-bottom:2rem;}.a-mgb-s2{margin-bottom:.2rem;}.a-mgb-s7{margin-bottom:.7rem;}
.a-mgb-3{margin-bottom:3rem;}.a-mgb-s3{margin-bottom:.3rem;}.a-mgb-s8{margin-bottom:.8rem;}
.a-mgb-4{margin-bottom:4rem;}.a-mgb-s4{margin-bottom:.4rem;}.a-mgb-s9{margin-bottom:.9rem;}
.a-mgb-5{margin-bottom:5rem;}.a-mgb-s5{margin-bottom:.5rem;}


.a-pd-1{padding:1rem;}.a-pd1-s{padding:.1rem;}.a-pd6-s{padding:.6rem;}
.a-pd-2{padding:2rem;}.a-pd2-s{padding:.2rem;}.a-pd7-s{padding:.7rem;}
.a-pd-3{padding:3rem;}.a-pd3-s{padding:.3rem;}.a-pd8-s{padding:.8rem;}
.a-pd-4{padding:4rem;}.a-pd4-s{padding:.4rem;}.a-pd9-s{padding:.9rem;}
.a-pd-5{padding:5rem;}.a-pd5-s{padding:.5rem;}

.a-pdl-1{padding-left:1rem;}.a-pdl-s1{padding-left:.1rem;}.a-pdl-s6{padding-left:.6rem;}
.a-pdl-2{padding-left:2rem;}.a-pdl-s2{padding-left:.2rem;}.a-pdl-s7{padding-left:.7rem;}
.a-pdl-3{padding-left:3rem;}.a-pdl-s3{padding-left:.3rem;}.a-pdl-s8{padding-left:.8rem;}
.a-pdl-4{padding-left:4rem;}.a-pdl-s4{padding-left:.4rem;}.a-pdl-s9{padding-left:.9rem;}
.a-pdl-5{padding-left:5rem;}.a-pdl-s5{padding-left:.5rem;}

.a-pdr-1{padding-right:1rem;}.a-pdr-s1{padding-right:.1rem;}.a-pdr-s6{padding-right:.6rem;}
.a-pdr-2{padding-right:2rem;}.a-pdr-s2{padding-right:.2rem;}.a-pdr-s7{padding-right:.7rem;}
.a-pdr-3{padding-right:3rem;}.a-pdr-s3{padding-right:.3rem;}.a-pdr-s8{padding-right:.8rem;}
.a-pdr-4{padding-right:4rem;}.a-pdr-s4{padding-right:.4rem;}.a-pdr-s9{padding-right:.9rem;}
.a-pdr-5{padding-right:5rem;}.a-pdr-s5{padding-right:.5rem;}

.a-pdt-1{padding-top:1rem;}.a-pdt-s1{padding-top:.1rem;}.a-pdt-s6{padding-top:.6rem;}
.a-pdt-2{padding-top:2rem;}.a-pdt-s2{padding-top:.2rem;}.a-pdt-s7{padding-top:.7rem;}
.a-pdt-3{padding-top:3rem;}.a-pdt-s3{padding-top:.3rem;}.a-pdt-s8{padding-top:.8rem;}
.a-pdt-4{padding-top:4rem;}.a-pdt-s4{padding-top:.4rem;}.a-pdt-s9{padding-top:.9rem;}
.a-pdt-5{padding-top:5rem;}.a-pdt-s5{padding-top:.5rem;}

.a-pdb-1{padding-bottom:1rem;}.a-pdb-s1{padding-bottom:.1rem;}.a-pdb-s6{padding-bottom:.6rem;}
.a-pdb-2{padding-bottom:2rem;}.a-pdb-s2{padding-bottom:.2rem;}.a-pdb-s7{padding-bottom:.7rem;}
.a-pdb-3{padding-bottom:3rem;}.a-pdb-s3{padding-bottom:.3rem;}.a-pdb-s8{padding-bottom:.8rem;}
.a-pdb-4{padding-bottom:4rem;}.a-pdb-s4{padding-bottom:.4rem;}.a-pdb-s9{padding-bottom:.9rem;}
.a-pdb-5{padding-bottom:5rem;}.a-pdb-s5{padding-bottom:.5rem;}


.a-center{text-align:center !important;}
.a-left{text-align:left !important;}
.a-right{text-align:right !important;}

.a-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.a-underline{ text-decoration: underline; }
.a-deleteline{ text-decoration: line-through; }

.a-fl-l{float:left !important;}
.a-fl-r{float:right !important;}

/* font-size  */
.a-text-xxs{font-size:0.6rem !important; line-height: 1.6;}
.a-text-xs{font-size:0.7rem !important; line-height: 1.6;}
.a-text-s{font-size:0.8rem !important; line-height: 1.6;}
.a-text-m{font-size:0.9rem !important; line-height: 1.6;}
.a-text-l{font-size:1rem !important; line-height: 1.6;}
.a-text-xl{font-size:1.2rem !important; line-height: 1.6;}
.a-text-xxl{font-size:1.4rem !important; line-height: 1.6;}
.a-text-h{font-size:1.6rem !important; line-height: 1.6;}
.a-text-xh{font-size:1.8rem !important; line-height: 1.6;}
.a-text-xxh{font-size:2rem !important; line-height: 1.6;}



/* font-family */
.ft-AmericanTW{font-family:"AmericanTypewriter"}
.ft-AmericanTW-B{font-family:"AmericanTypewriter-Bold"}
.ft-AppleGothic{font-family:"AppleGothic"}
.ft-Arial{font-family:"Arial"}
.ft-ArialMT{font-family:"ArialMT"}
.ft-Arial-B{font-family:"Arial-BoldMT"}
.ft-Arial-BI{font-family:"Arial-BoldItalicMT"}
.ft-Arial-I{font-family:"Arial-ItalicMT"}
.ft-Arial-RB{font-family:"ArialRoundedMTBold"}
.ft-Arial-UNI{font-family:"ArialUnicodeMS"}
.ft-Courier{font-family:"Courier"}
.ft-Courier-BO{font-family:"Courier-BoldOblique"}
.ft-Courier-O{font-family:"Courier-Oblique"}
.ft-Courier-B{font-family:"Courier-Bold"}
.ft-Courier-N{font-family:"Courier New"}
.ft-Courier-BM{font-family:"CourierNewPS-BoldMT"}
.ft-Courier-IM{font-family:"CourierNewPS-ItalicMT"}
.ft-Courier-BIM{font-family:"CourierNewPS-BoldItalicMT"}
.ft-Courier-NM{font-family:"CourierNewPSMT"}
.ft-DBLCDTemp{font-family:"DB LCD Temp"}
.ft-DBLCDTempBlack{font-family:"DBLCDTempBlack"}
.ft-Georgia{font-family:"Georgia"}
.ft-Georgia-B{font-family:"Georgia-Bold"}
.ft-Georgia-BI{font-family:"Georgia-BoldItalic"}
.ft-Georgia-I{font-family:"Georgia-Italic"}
.ft-Helvetica{font-family:"Helvetica"}
.ft-Helvetica-O{font-family:"Helvetica-Oblique"}
.ft-Helvetica-BO{font-family:"Helvetica-BoldOblique"}
.ft-Helvetica-B{font-family:"Helvetica-Bold"}
.ft-HelveticaN{font-family:"HelveticaNeue"}
.ft-HelveticaN-B{font-family:"HelveticaNeue-Bold"}
.ft-HiraKakuProN-W3{font-family:"HiraKakuProN-W3"}
.ft-HiraKakuProN-W6{font-family:"HiraKakuProN-W6"}
.ft-MarkerFelt{font-family:"Marker Felt"}
.ft-MarkerFelt-T{font-family:"MarkerFelt-Thin"}
.ft-STHeitiJ-M{font-family:"STHeitiJ-Medium"}
.ft-STHeitiJ-L{font-family:"STHeitiJ-Light"}
.ft-STHeitiK-M{font-family:"STHeitiK-Medium"}
.ft-STHeitiK-L{font-family:"STHeitiK-Light"}
.ft-STHeitiSC-M{font-family:"STHeitiSC-Medium"}
.ft-STHeitiSC-L{font-family:"STHeitiSC-Light"}
.ft-STHeitiTC-L{font-family:"STHeitiTC-Light"}
.ft-STHeitiTC-M{font-family:"STHeitiTC-Medium"}
.ft-Times{font-family:"TimesNewRomanPSMT"}
.ft-Times-B{font-family:"TimesNewRomanPS-BoldMT"}
.ft-Times-BI{font-family:"TimesNewRomanPS-BoldItalicMT"}
.ft-Times-I{font-family:"TimesNewRomanPS-ItalicMT"}
.ft-TrebuchetMS{font-family:"TrebuchetMS"}
.ft-TrebuchetMS-Italic{font-family:"TrebuchetMS-Italic"}
.ft-Trebuchet-B{font-family:"Trebuchet-BoldItalic"}
.ft-TrebuchetMS-B{font-family:"TrebuchetMS-Bold"}
.ft-Verdana{font-family:"Verdana"}
.ft-Verdana-B{font-family:"Verdana-Bold"}
.ft-Verdana-BI{font-family:"Verdana-BoldItalic"}
.ft-Verdana-I{font-family:"Verdana-Italic"}
.ft-Zapfino{font-family:"Zapfino"}

/**
Chinese Fonts
 */
.ft-SY-SongR{ font-family: "思源宋体 CN Regular" }
.ft-SY-SongH{ font-family: "思源宋体 CN Heavy" }
.ft-FY-Sunzhongshan{ font-family: 'FangYuansunzhongshan' }
.ft-ZTQ-JiXiangSong{ font-family: '字体圈欣意吉祥宋' }
.ft-FoXi{ font-family: '演示佛系体' }
.ft-FZ-Kai{ font-family: '方正楷体简体' }
.ft-YRD-ZhuShiR{ font-family: '杨任东竹石体 Regular' }
.ft-YRD-ZhuShiH{ font-family: '杨任东竹石体 Heavy' }
.ft-YYP-QiuHongKai{ font-family: '演示秋鸿楷' }

.a-only .a-topbar{height:4rem;width:20rem;text-align:center;line-height:2.8rem;padding-top:1.2rem;position:fixed;top:0;z-index:10;color:#333;background:#fff;border-bottom:1px solid #eee}
.a-only .a-topbar.noStatusBar{height:2.8rem;padding-top:0}
.a-only .a-topbar .title{font-size:1rem}
.a-only .a-topbar .title .a-icon{font-size:1rem}
.a-only .a-topbar .leftBtn .a-icon, .a-only .a-topbar .rightBtn .a-icon{margin:0 .25rem;font-size:1rem}
.a-only .a-topbar .leftBtn, .a-only .a-topbar .rightBtn{max-width:5.4rem;height:2.8rem;display:inline-block;font-size:1rem;position:absolute;bottom:0;color:#999}
.a-only .a-topbar .leftBtn{text-align:left;left:.5rem}
.a-only .a-topbar .rightBtn{text-align:right;right:.5rem}
.a-only .a-topbar .rightBtn.textBtn{font-style:normal;width:unset;padding:0 .5rem}
.a-only .a-topbar .functionBtn{position:absolute;margin:0 1rem;font-size:1.2rem;color:#999}
.a-only .a-topbar.transparent{z-index:5;background:0 0;border:none;color:#fff}
.a-only .a-topbar.transparent .title{width:15rem;overflow:hidden;display:inline-block;height:2rem;white-space:nowrap;text-overflow:ellipsis;color:#fff}
.a-only .a-topbar.transparent .backBtn{color:#fff}

.a-only .a-bottombar{position:fixed;width:20rem;height:3rem;bottom:0;z-index:10;border-top:1px solid #f5f5f5;background:#fff}
.a-only .a-bottombar .tabs{padding:0;margin:0;list-style:none;text-align:center;height:3rem;display:inline-block;padding-top:2px;float:left;position:relative}
.a-only .a-bottombar .tabs .a-icon{font-size:1.4rem;width:1.4rem;height:1.4rem;line-height:1.4rem;margin-top:.2rem;display:inline-block;color:#bbbbc5}
.a-only .a-bottombar .tabs .a-icon img{height:90%;display:inline-block;margin-top:.1rem;margin-bottom:-.1rem}
.a-only .a-bottombar .tabs .title{font-size:.75rem;margin-bottom:0;line-height:.6rem;margin-top:.05rem;padding-top:.15rem;font-weight:500;color:#bbbbc5}
.a-only .a-bottombar .tabs.current, .a-only .a-bottombar .tabs.current .a-icon, .a-only .a-bottombar .tabs.current .title{color:#68bbbb}
.a-only .a-bottombar .tabs .noticePoint{right:.55rem;top:-.2rem}

.a-only .a-content{min-height:85%}
.a-only .a-content.-a-topbar{position:relative;top:4rem}
.a-only .a-content.-a-bottombar{padding-bottom:3rem}

.a-only .a-list{background:#f9f9f9}
.a-only .a-list .group{padding-bottom:.75rem;overflow:hidden;transition:all .25s ease-out 0s}
.a-only .a-list .group.closed{height:0;padding-bottom:0;overflow:hidden}
.a-only .a-list .settingList{width:20rem;height:2.8rem;line-height:2.8rem;position:relative;background:#fff;border-bottom:1px solid #f5f5f5;clear:both}
.a-only .a-list .icon{width:1.8rem;height:1.8rem;line-height:1.8rem;margin:.5rem;display:inline-block;text-align:center;font-size:1.4rem;float:left}
.a-only .a-list .title{display:inline-block;font-size:.8rem;color:#777780;min-width:1rem}
.a-only .a-list .count, .a-only .a-list .status{float:right;margin-right:.8rem;font-size:.72rem;font-weight:400;color:#9999a0}
.a-only .a-list span:first-child[class*=title]{margin-left:1rem}
.a-only .a-list span:last-child[class*=title]{margin-right:1rem}
.a-only .a-list .textList{background:#fff;padding:.2rem 0 .3rem;border-bottom:.05rem solid #eee}
.a-only .a-list .subject{padding:.5rem 1rem;font-size:.9rem;text-align:center;color:#666}
.a-only .a-list .subject .a-icon{font-size:.9rem}
.a-only .a-list .subject .essential{font-size:.9rem}
.a-only .a-list .subject.left{text-align:left}
.a-only .a-list .subject.right{text-align:right}
.a-only .a-list .coverList .cover{padding:0 1rem .35rem 1rem}

.a-only .a-form{padding:.5rem 1rem}
.a-only .a-form .a-field{margin-bottom:.5rem}

.a-only .a-field label.intro{display:block;width:100%;font-size:.8rem;line-height:1.4;color:#888;margin:.25rem 0}
.a-only .a-field label{display:inline-block;font-size:.9rem;margin:0 0 .3rem;color:#666;margin-right:.5rem}
.a-only .a-field label:first-child{margin-right:0}
.a-only .a-field input, .a-only .a-field select{width:100%;line-height:1.6rem;padding:.1rem .5rem;font-size:.8rem;box-sizing:border-box;font-weight:400;display:inline-block;color:#333;background:#f3f3f3;border-radius:.2rem}
.a-only .a-field input[type=checkbox]{position:relative;padding:0;width:1rem;height:1rem;display:inline-block;border:1px solid #eee;float:left;margin-right:.25rem}
.a-only .a-field input[type=checkbox]:checked:before{font-family:'ApsIcon';content:'\e651';position:absolute;font-size:1.2rem;width:1rem;height:1rem;left:-.15rem;top:0;line-height:1rem;color:#39c2d0}
.a-only .a-field input[type=radio]{display:inline-block;position:relative;padding:0;width:1rem;height:1rem;margin-right:.25rem;border:1px solid #eee;border-radius:50%;background:#eee;float:left}
.a-only .a-field input[type=radio]:checked:before{font-family:'ApsIcon';content:'\e60b';position:absolute;width:1rem;height:1rem;left:0;top:0;line-height:1rem;color:#39c2d0;FONT-SIZE:1rem}
.a-only .a-field input[type=tel]{font-weight:400}
.a-only .a-field input.a-VerifyCode{width:10rem;margin-right:.5rem;float:left}
.a-only .a-field .a-RequestCode{width:7rem;line-height:1rem;font-size:.8rem;margin-left:.5rem;margin-right:0;padding:.4rem;box-sizing:border-box;color:#fff;text-align:center;border-radius:.3rem}
.a-only .a-field textarea{width:18rem;line-height:1.2rem;padding:.5rem .75rem;min-height:7.5rem;font-size:.9rem;box-sizing:border-box;font-weight:400;display:inline-block;color:#333;background:#f3f3f3;border-radius:.3rem}
button.a-fullButton{width:100%;height:2.4rem;font-size:1rem;margin:.5rem 0;border-radius:.3rem;box-sizing:border-box}
button.a-fullButton.line{border:.1rem solid;background:0 0}

.a-field.locked{opacity:.5}
.a-field.invalid{display:none}
.a-field :disabled, .a-only button:disabled{opacity:.5}

.a-field{}
.a-field-main{}
textarea.a-field-main{ min-height: 64px; }
textarea.a-field-main.large{ min-height: 128px; }

.a-field-selector{}

.a-field .a-field-clear {position: absolute;height: 50%;right: 5%;top: 25%;margin-top: 0;cursor: pointer;color: #bbb;}
.a-field .a-field-clear:hover{color:#888;}

/* appsiteJS.gui */
.a-mask{ position: fixed;top: 0;left: 0;z-index: 1040; width: 100%; height: 100%; background:rgba(20,25,30,0.4); }
.a-main{ z-index: 1500; }

.a-toast{position:fixed;z-index: 1100;padding:1em;}
.a-toast .alert-white{ box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1); }
.a-toast .alert{ margin-bottom: 0; }
.a-toast.topleft-toast{top:0;left:0}
.a-toast.topcenter-toast{top:0;left:50%;transform:translate(-50%,0)}
.a-toast.topright-toast{top:0;right:0}
.a-toast.bottomleft-toast{bottom:0;left:0}
.a-toast.bottomcenter-toast{bottom:0;left:50%;transform:translate(-50%,0)}
.a-toast.bottomright-toast{bottom:0;right:0}
.a-toast.center-toast{top:50%;left:50%;transform:translate(-50%,-50%)}

.a-loading {
    text-align: center;
}

.a-loading .a-icon {
    display: block;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}
.a-loading-inner {text-align: center;padding: 0.5rem; }
.a-loading-inner .a-icon{ font-size:1.2rem; }

.a-only .a-toast{position:fixed;z-index:5000;text-align:center;width:20rem;top:13rem;margin:auto}
.a-only .a-toast .a-toast-message{display:inline-block;min-width:6rem;border-radius:.4rem;font-size:.9rem;padding:1rem 1rem;margin:auto;background:#fff;color:#888}
.a-only .a-toast i{margin:.2rem auto;display:block;font-size:1.5rem}

.a-modal{ width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000}
.a-only .a-modal .title{text-align:center;height:2.4rem;line-height:2.8rem;font-size:1rem}
.a-only .a-modal .view{background:#fff;width:15rem;margin:0 auto;margin-top:7rem;border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);position:relative;min-width:200px;padding:.25rem 0}
.android .a-modal .view{margin-top:1rem}
.a-only .a-modal .contents{width:12rem;margin:0 auto;max-height:11rem;overflow:scroll;text-align:center;line-height:1.4rem;font-size:.9rem;color:#666}
.a-only .a-modal .inputBox{-webkit-appearance:none;border:none;padding:.4rem;width:10rem;background:#eee;margin:.5rem 0;border-radius:.3rem;color:#333}
.a-only .a-modal textarea.inputBox{height:4rem;width:11rem}
.a-only .a-modal .buttons{height:3rem;line-height:3rem;text-align:center;width:100%;color:#5aa8ff;font-size:.9rem}
.a-only .a-modal .button{display:inline-block;width:35%}
.a-only .a-modal .button.cancel{color:#888}

.a-popup{width:100%;height:100%;position:fixed;top:0;margin:auto;z-index:7500}
.a-only .a-popup .a-popupSpace{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,.4)}
.a-only .a-popup .a-popupClose{position:absolute;right:-.5rem;top:-.5rem;width:1.8rem;height:1.8rem;background:#fff;border-radius:.8rem;line-height:1.8rem;text-align:center;font-size:1.5rem}
.a-only .a-popup .a-popupMain{padding:1rem;margin:1rem;top:2.5rem;background:#fff;max-height:30rem;min-height:25rem;z-index:5;position:absolute;width:18rem;border-radius:.5rem}
.a-only .a-popup .a-popupContent{max-height:23rem;overflow-y:scroll}
.a-only .a-popup .a-popupContent img, .a-only .a-popup .a-popupContent video{max-width:100%;display:block;margin:auto}
.a-only .a-popup .page-media-title{font-size:.9rem;text-align:center;margin-bottom:.2rem;font-weight:400;color:#333;padding:.5rem}
.a-only .a-popup .row{padding:.1rem;font-size:.9rem;color:#666;font-weight:400}

.a-menu{width:100%;height:100%;min-height:4rem;position:fixed;bottom:0;z-index:10001}
.a-only .a-menu .space{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.4);z-index:1}
.a-only .a-menu .main{width:18rem;position:absolute;bottom:1rem;left:1rem;text-align:center;color:#333;font-size:.8rem;border-radius:.5rem;z-index:2}
.a-only .a-menu .main .close, .a-only .a-menu .main .title{background:#f5f5f5;height:2.4rem;line-height:2.4rem}
.a-only .a-menu .main .title{border-radius:.5rem .5rem 0 0;border-bottom:1px solid #ddd;color:#666}
.a-only .a-menu .main .close{border-radius:0 0 .5rem .5rem;border-top:1px solid #ddd;color:#666}
.a-only .a-menu .main .menus{background:#f5f5f5}
.a-only .a-menu button{width:100%;height:2.2rem;line-height:2rem;background:0 0;border-bottom:1px solid #ddd;color:#333}
.a-only .a-menu button:last-child{border-bottom:none}
.a-only .a-empty{width:100%;min-height:1rem;padding:1.5rem 0;font-size:.8rem;color:#888;text-align:center}
.a-only .a-empty img{display:block;margin:1rem auto}
.a-only .a-loading-global .content{background:rgba(0,0,0,.7);width:5rem;height:4.3rem;margin:0 auto;border-radius:.5rem;padding-top:.7rem;margin-top:5rem}
.a-only .a-loading{width:100%;height:100%;z-index:100000;position:fixed;left:0;top:0;background:#fff}
.a-only .a-loading.transptant{background:rgba(0,0,0,.3)}
.a-only .a-loading .logo{text-align:center;margin-top:12.5rem}
.a-only .a-loading-inner{width:100%;height:2rem;line-height:2rem;position:absolute;z-index:10;font-size:.9rem;text-align:center;color:#888;background:rgba(230,230,230,.8);padding:1rem 0;box-sizing:content-box}
.a-only .a-loading-inner .a-icon{width:1.4rem;height:1.4rem;line-height:1.4rem;margin:.25rem;font-size:1.4rem}
.a-only .a-loading-inner .a-icon i{font-size:1.4rem}
.a-only .a-loading-global{width:5rem;min-height:5rem;font-size:.8rem;text-align:center;color:#aaa;margin:0 7.5rem;background:rgba(0,0,0,.7);border-radius:1rem;padding:.5rem;position:fixed;top:12rem;z-index:1000}
.a-only .a-loading-global .a-icon{display:block;font-size:2rem;height:2rem;line-height:2rem;width:2rem;margin:0 auto;margin-top:.25rem;margin-bottom:.2rem}
.a-only .a-switch{background:#fff;width:20rem;text-align:left;border-bottom:1px solid #eee;overflow-x:scroll;overflow-y:hidden;position:relative;scroll-behavior:smooth;overscroll-behavior:smooth}
.a-only .a-switch.dropDown{scroll-behavior:unset;overflow-y:visible;background:rgba(0,0,0,.5);height:100%;width:20rem;position:fixed;padding:0;z-index:99999;top:0;left:0;right:0;margin:auto}
.a-only .a-switch.dropDown .dropButton{display:none}
.a-only .a-switch.dropDown .switchs{width:100%;text-align:center;margin:0;padding:.85rem 0;background:#fff;border-bottom:1px solid #eee;font-weight:400}
.a-only .a-switch.dropDown .a-switchWapper{white-space:normal}
.a-only .a-switch .wrapper{display:block;white-space:nowrap}
.a-only .a-switch .dropButton{position:fixed;margin-left:17.5rem;width:2rem;background:#fff;text-align:center}
.a-only .a-switch .switchs{display:inline-block;padding:.55rem 0;padding-bottom:.3rem;font-size:.8rem;margin-left:1rem;color:#888;letter-spacing:0;border-bottom:.15rem solid transparent}
.a-only .a-switch .switchs:last-child{margin-right:2.5rem}
.a-only .a-switch .switchs.current{color:#68bbbb;border-bottom:.15rem solid}
.a-only .a-switch::-webkit-scrollbar{display:none}
.a-only .a-switch.float .wrapper{position:fixed;z-index:9999;border-top:1px solid #eee;border-bottom:1px solid #eee;width:20rem;background:#fff;transition:all .1s ease-in 0s}
.a-only .a-switch.float.topfloat{top:0!important}
.a-only .a-switch.centerLayout{width:100%;margin-bottom:0;padding-bottom:0}
.a-only .a-switch.centerLayout .wrapper{text-align:center;border-bottom:1px solid #eee}
.a-only .a-switch.centerLayout .switchs{margin:0 .75rem;min-width:2.5rem}
.a-only .a-switch .mains{display:none;position:relative}
.a-only .a-switch .mains.current{display:block;min-height:2rem}
.listPage .a-switch .mains.current{overflow-y:auto}
.a-only .a-switch .mains .introduce{padding:1rem;color:#666;font-size:.8rem;line-height:1.2rem}
.a-only .a-uploadImage{width:15rem;height:8rem;background:#eee;margin:auto;margin-top:.5rem;border:2px dotted #ccc;border-radius:.5rem;overflow:hidden;text-align:center;position:relative;color:#aaa;cursor:pointer}
.a-only .a-uploadImage .a-icon{position:absolute;left:6rem;top:2.5rem;z-index:5;font-size:1.6rem;color:#fff;display:inline-block;width:3rem;height:3rem;line-height:3rem;background:rgba(0,0,0,.15);border-radius:1.5rem}
.a-only .a-frame{position:fixed;border:none;width:100%}


/*** 微信补丁 WX fix ***/

/*移除状态栏高度*/
.wx .a-topbar {
    height: 2.8rem;
    padding-top: 0;
}

.wx .a-content.-a-topbar {
    top: 2.8rem;
}

/* IOS禁止微信调整字体大小 */
html, body {
    -webkit-text-size-adjust: 100% !important;
}




/** pseudo3d */


.pseudo3d {
    -webkit-perspective: 10000px;
    -moz-perspective: 10000px;
    -ms-perspective: 10000px;
    perspective: 10000px;
}

.p3d {
    position: relative;
    display: inline-block;
    perspective-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}




/*** APS ICON ***/
i.a-icon{font-size:inherit;}
.a-icon.a-border{border:0.05rem solid;}
.a-icon.a-round{border-radius:0.4rem;}

.a-noticePoint{position:absolute;width:1rem;height:1rem;border-radius:0.5rem;font-size:0.75rem;text-align:center;line-height:1rem;background:#ff3366;color:#fff;}

/* blur */
.a-onBlur{transition:all 0.3s ease-out 0ms }
.a-onBlur.s{filter:blur(4px);}
.a-onBlur.xs{filter:blur(2px);}
.a-onBlur.m{filter:blur(8px);}
.a-onBlur.l{filter:blur(12px);}
.a-onBlur.xl{filter:blur(16px);}

.a-noBlur{filter:blur(0px); }





/* 微交互动画 animation */

@-webkit-keyframes a-rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes a-rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.a-rotation {
    display: inline-block;
    -webkit-transform: rotate(360deg);
    animation: a-rotation 2s linear infinite;
    -moz-animation: a-rotation 2s linear infinite;
    -webkit-animation: a-rotation 2s linear infinite;
    -o-animation: a-rotation 2s linear infinite;
}

.a-button {
    transition: all 0.15s ease-out 0ms
}

.a-button:active {
    transform: translate(0,5%) scale(0.95);
    box-shadow: 0 0.4rem 1.2rem rgba(0,0,0,0.15)
}

.a-button:hover {
    transform: translate(0,5%) scale(0.95);
    box-shadow: 0 0.4rem 1.2rem rgba(0,0,0,0.15)
}









/*manager amap*/
.amapPOI{
    position: relative;
    width: 100%;
    height: 400px;
}

.amapPOI #outer-box {
    height: 100%;
    padding-right: 240px;
}

.amapPOI #container {
    height: 100%;
    width: 100%;
}

.amapPOI #panel {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    overflow: auto;
    width: 240px;
    z-index: 999;
    border-left: 1px solid #eaeaea;
    background: #fff;
}

.amapPOI #searchBar {
    height: 30px;
    background: #ccc;
}

.amapPOI #searchInput {
}

.amapPOI #searchResults {
    overflow: auto;
    height: calc(100% - 30px);
}

.amapPOI .amap_lib_placeSearch,
.amapPOI .amap-ui-poi-picker-sugg-container {
    border: none!important;
}

.amapPOI .amap_lib_placeSearch .poibox.highlight {
    background-color: #CAE1FF;
}

.amapPOI .poi-more {
    display: none!important;
}


.amapPOI .input-with-icon-left i {
    position: absolute;
    top: 0;
    color: #a0a0a0;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    display: block;
    border-radius: 4px 0 0 4px;
}







/* mobile Preview */
html.mobilePreview{margin:0 auto;background:#DDDDDD;height: 100%;}
html.mobilePreview body{width:100%;margin:0 auto;}
input,button,textarea,select{-webkit-appearance:none;border:none;}
.TEMP{ display: none; }
input[type="radio"]{ -webkit-appearance:radio;box-sizing:border-box;}
input[type="checkbox"]{ -webkit-appearance:radio;box-sizing:border-box;}
.hybridTouch{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}/*禁用网页交互*/
.webTouch{-webkit-touch-callout:unset;-webkit-user-select:unset;-khtml-user-select:unset;-moz-user-select:unset;-ms-user-select:unset;user-select:unset;}








/* bootstrap expand */

@media (min-width:1600px) {
    .col-xxl {
        flex-basis: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xxl-1>* {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xxl-2>* {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xxl-3>* {
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xxl-4>* {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xxl-5>* {
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xxl-6>* {
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-xxl-last {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-xxl-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-xxl-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-xxl-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-xxl-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-xxl-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-xxl-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-xxl-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-xxl-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-xxl-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-xxl-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-xxl-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-xxl-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-xxl-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}




